آموزش طراحی سایت با وردپرس یکی از مهارت های پولسازی است که می توانید از آن در مدت زمان بسیار کوتاهی، کسب درآمد بسیار خوبی را تجربه کنید. این ابزار که اکنون نزدیک به 50 درصد از سایت های دنیا با آن ساخته شده اند، به صورت رایگان در اختیار همه قرار گرفته است و برای استفاده از آن نیاز به هزینه زیادی نخواهید داشت. با این حال، یادگیری طراحی سایت با وردپرس مستلزم سلسله آموزش هایی است که می توان آن را در چند بخش تقسیم کرد. از یادگیری پیشخوان وردپرس و امکانات آن گرفته تا جزئیات عملکرد هر بخش نظیر ساخت نوشته، صفحه، نصب افزونه و قالب، طراحی صفحات و سکشن های داخلی یک برگه. در ادامه با ما همراه باشید تا به آموزش کامل طراحی سایت با وردپرس در این مقاله بپردازیم.

 

منظور از طراحی سایت چیست؟

طراحی سایت، مهارتی است که معمولا کارهای مربوط به آن جزو پردرآمدترین رشته های شغلی به حساب می آیند. این حرفه به مشاغلی گفته می شود که در بخش راه اندازی وب سایت فعالیت می کنند. برای این کار از دانش برنامه نویسی مانند زبان های نشانه گذاری HTML, CSS یا زبان PHP, JavaScript و یا ابزارهای (نرم افزارهای) طراحی سایت از جمله سیستم های مدیریت محتوا استفاده می کنند تا طرح ها و چیدمان های ارائه شده (که معمولا جلوه بصری آن توسط طراح UX/UI خلق می شود)، پیاده سازی کند.

امروزه برای طراحی سایت، 2 رویه مختلف درنظر گرفته شود که به شرح زیر می باشند:

• طراحی سایت با مهارت برنامه نویسی.
• طراحی سایت با سیستم های مدیریت محتوا (CMS).

در این میان، آموزش طراحی سایت با وردپرس که باید آن را زیر مجموعه روش دوم درنظر گرفت، به عنوان ساده ترین راهکار شناخته می شود.

طراحی سایت با کدنویسی و وردپرس چه تفاوتی دارد؟

قبل از اینکه بخواهیم به موضوع این مقاله یعنی آموزش طراحی سایت با وردپرس بپردازیم، ابتدا لازم است تفاوت میان طراحی سایت از طریق کدنویسی و وردپرس را درک کنید. مهارت طراحی سایت به روش برنامه نویسی چه فرقی با طراحی سایت از طریق وردپرس دارد؟ در پاسخ به این پرسش پرتکرار باید گفت در روش طراحی سایت از طریق کدنویسی، می بایست هرجزئی از سایت با کد خلق یا تولید شود. در ساخت یک صفحه وب با برنامه نویسی، از کدهای استانداردی استفاده می شود که مرورگرها می توانند آن را پردازش کنند. طراحی وب در این روش با تعیین استراکچر (HTML)، ظاهر (CSS)، عملکرد (JavaScript) و ارتباط آن با دیتابیس (PHP + MySQL) هر عنصر، صورت می گیرد.

در نقطه مقابل، آموزش ساخت کامل سایت با وردپرس قرار دارد که در این روش، از یک CMS استفاده می کنید. منظور از CMS، یک نوع نرم افزار است که به طور کامل بستر راه اندازی یک سایت ماژولار را برای شما فراهم می کند. بدین معنا که شما می توانید بدون نیاز به دانش فنی در برنامه نویسی، از طریق نصب افزونه ها و قالب و با کمک این پلتفرم، نسبت به انتشار محتوا، ساخت صفحات، هدر و فوتر و غیره اقدام کنید. در ادامه به تک تک این قابلیت ها می پردازیم و شما را با آنها آشنا می کنیم.

شما می توانید برای اطلاعات بیشتر، مقاله “تفاوت طراحی سایت وردپرس و کد نویس” را مطالعه کنید.

آموزش طراحی سایت صفر تا صد با وردپرس و اهمیت آن

اگر به آموزش طراحی سایت بدون کد نویسی علاقمند هستید، می توانید به روش های مختلفی این کار را انجام دهید که عبارتند از:

• استفاده از سایت سازهای آنلاین:

یکی از روش هایی که افراد مبتدی در پیش می گیرند، استفاده از سایت سازهای آنلاین است. در این حالت، شما می توانید پلتفرم خود را به صورت آنلاین از طریق صفحه سازهایی که در سایت های آنلاین ارائه می شوند، طراحی کرده و خروجی آن را بر روی یک دامنه یا هاست دریافت کنید. از جمله معروف ترین این سایت سازها می توان به Google Sites، Weebly، Wix و نیز Webnode اشاره کرد.

• استفاده از CMSها:

شما می توانید از طریق سیستم های مدیریت محتوا، اقدام به طراحی سایت نمایید. از جمله این پلتفرم ها می توان به وردپرس، دروپال، جوملا و شاپیفای اشاره کرد.

در میان این دو روش، بیشتر کاربران امروزی به آموزش طراحی سایت با وردپرس می پردازند. چراکه تقریبا بیشتر درخواست های کارفرمایان برای ساخت سایت، با سیستم مدیریت محتوای وردپرس انجام می شود. همانطور که در ابتدای مقاله گفتیم، نزدیک به 50 درصد یا در حدود 810 میلیون وب سایت وردپرسی وجود دارند که این رقم از میان 1.88 میلیارد سایت در کل دنیا می باشد. در ادامه با ما باشید تا به صورت کامل با این پلتفرم و مزیت های آن آشنا شویم.

وردپرس چیست؟ + مزیت های استفاده از آن

چرا از وردپرس استفاده کنیم؟ حال آموزش طراحی سایت با وردپرس را با معرفی این سیستم مدیریت محتوا شروع می کنیم. وردپرس، یک نوع CMS است که اولین بار در سال 2003 توسط مت مولنوگ (توسعه دهنده آن) راه اندازی شد. این پلتفرم با هدف اولیه راه اندازی وبلاگ شروع به کار کرد اما اکنون برای ساخت سایت های فروشگاهی، شرکتی، شخصی، سایت های LMS و آموزشی و غیره به کار گرفته می شود.

زبان برنامه نویسی وردپرس PHP می باشد. این برنامه با حجم کمتر از 30 مگابایت، قابل نصب بر روی یک وب سرور بوده و به صورت مداوم هر ماه یک یا چندبار بروزرسانی می شود. این ویژگی منجر شده است تا وردپرس به عنوان یکی از بروزترین و امن ترین سیستم های مدیریت محتوا شناخته شود. از مزیت های استفاده از این پلتفرم و اهمیت آموزش طراحی سایت با وردپرس همچنین می توان گفت:

• تقریبا بیش از 60 هزار پلاگین رایگان در اختیار کاربران وردپرسی قرار دارند که می توانند به راحتی از آن برای رفع نیازهای خود استفاده کنند.
• همچنین بیش از 31 هزار قالب در مجموع برای این پلتفرم ارائه شده است که همه سلیقه ها و کاربری های سایت وردپرسی را دربر می گیرد.
• با قاطعیت می توان گفت در تمام کشورهای پیشرفته، متوسط و حتی ضعیف، طراحان وردپرسی فرصت های شغلی مختلفی دارند. همچنین آنها می توانند در سایت های فریلنسری به صورت ریموت کار کنند.
• از سوی دیگر، امروزه یادگیری وردپرس می تواند به شما در ارائه خدمات سئو به پلتفرم هایی که چنین CMSای دارند، به شدت کمک کند.

مهم ترین اصطلاحات در طراحی سایت کدامند؟

حال پیش از آنکه بخواهیم به معرفی ساختار وب سایت، افزونه ها، قالب ها و آموزش طراحی سایت با وردپرس بپردازیم، لازم است با اصطلاحات مهم در این بخش آشنا شوید که عبارتند از:

• هاست چیست؟ منظور از هاست، فضای ذخیره سازی است که در قالب یک سخت افزار، دیتاسنترها، محتوا و اطلاعات سایت شما را در خود نگهداری می کند. این نوع از تجهیزات قادرند سایت شما را با ارسال درخواست های HTTP به کاربر نمایش داده و اطلاعات مختلف آن ها را در دیتابیس خود ذخیره کنند. انتخاب یک هاست خود قادر است به صورت خودکار از اطلاعات سایت شما بکاپ گرفته و نیز در افزایش سرعت سایت بسیار موثر خواهد بود.

نکته: اگر نمی دانید هاست دانلود چیست؟ باید بگوییم هاست ها خود به انواع مختلفی تقسیم می شوند که برخی از آنها برای نگهداری فایل های دانلود و حجیم استفاده می شوند. به این نوع هاست ها، هاست دانلود گفته می شود.

• دامنه چیست؟ منظور از دامنه، آدرس های یکتایی است که ما آنها را در قالب یک URL در مرورگرمان وارد می کنیم. این اصطلاح همان نام سایت است که به کمک DNS (Domain Name System) آن را به یک آدرس IP واقعی تبدیل می کنند و می توان آن را برای دسترسی به سایت استفاده کرد.

از آنجایی که دامنه، نمادی از برند و هویت شما است، می بایست در خرید آن کاملا محتاطانه و دقیق عمل کنید. شما می توانید با خواندن مقاله “راهنمای انتخاب نام دامنه” نکات تکمیلی پیرامون این موضوع را بیاموزید.

 

آشنایی با بخش های مختلف سایت

در آموزش طراحی سایت با وردپرس می توانید هر بخش از سایت را در قالب 3 قسمت طراحی کنید که به شرح زیر می باشند:

هدر وب سایت چیست؟

منظور از هدر (سربرگ) یا Header، بخش بالایی سایت است که شامل برخی اطلاعات مهم از جمله نوار اعلانات، منوی اصلی و لوگو، منوی ناوبری، اطلاعات تماس، دکمه های ورود، سبد خرید و غیره است. از آنجایی که هدر سایت، بخش مهمی در قسمت ظاهری آن بوده و دسترسی قسمت های مختلف سایت شما را به کاربر ارائه می کند، بیشتر قالب های مهم تنظیماتی را برای ساخت آن ارائه می کنند. همچنین شما می توانید در آموزش طراحی سایت با وردپرس با کمک المنتور نیز این سکشن را ایجاد کنید. در ادامه با ما همراه باشید تا به آموزش ساخت هدر در وردپرس نیز بپردازیم.

آشنایی با بدنه و محتوای سایت

پس از هدر، بخش Main یا محتوای اصلی سایت شما قرار دارد. این بخش با توجه به نوعیت صفحه سایت، از 1 یا 2 ستون ساخته می شود که به شرح زیر می باشند:

• صفحه اصلی و لندینگ: این نوع صفحات، از 1 ستون ساخته شده و محتوای آن شامل چند سکشن، ترکیبی از متون، تصاویر، ویدیو و یا پادکست می باشد.
• صفحه بلاگ: قسمت بلاگ از 2 ستون ساخته می شود که شامل بخش ابزارک و بخش محتوا می باشد.
• صفحه آرشیو محصولات: این صفحه از 2 ستون ساخته شده که شامل بخش فیلتر محصولات و بخش محصولات آن می باشد.
• صفحه آرشیو مقالات: این صفحه از 1 ستون ساخته شده و شامل مقالات با دسته بندی های مختلف می باشد.

طراحی بدنه یا محتوای Main سایت، به عنوان یکی از مهم ترین بخش ها در آموزش طراحی سایت با وردپرس می باشد.

فوتر وب سایت چیست؟

بخش فوتر (پابرگ) یا Footer، آخرین سکشن در قسمت پایین صفحات سایت شما است. در این قسمت معمولا اطلاعات مهمی از جمله معرفی شرکت، لینک آخرین مطالب یا محصولات، لینک صفحات مهم، لوگو، اطلاعات تماس، مجوز های اینترنتی و لینک شبکه های اجتماعی قرار داده می شوند.

برای ساخت هرکدام از این بخش ها در آموزش طراحی سایت با وردپرس، نیاز به استفاده از ابزاری به نام صفحه سازها خواهید داشت.

معرفی صفحه سازها در وردپرس

استفاده از صفحه سازها، بخش مهمی از آموزش طراحی سایت با وردپرس می باشند که می توانید به کمک آن، بدون نیاز به دانش برنامه نویسی، طراحی هر قسمت از سایت خود را انجام دهید. در واقع صفحه ساز، به عنوان یک پلاگین یا بخشی از امکانات قالب به سایت وردپرسی شما اضافه می شود. قابل ذکر است که بسته نصبی وردپرس، به صورت پیش فرض از یک صفحه ساز ساده به نام گوتنبرگ استفاده می کند.

صفحه سازها با داشتن اِلمان های مختلف، قادرند بخش های مختلف سایت شما را ایجاد کنند. این کار به راحتی با درگ و دراپ کردن آن انجام می شود. هر عنصر اضافه شده با این ابزار، مجموعه ای از کدهای مربوط به آن عنصر را به صفحه شما اضافه می کند. این عناصر قابلیت تغییرات ظاهری را دارند و می توانند مدل کارکرد خود را تغییر دهند. از تغییر Border Radius گرفته تا اضافه کردن پس زمینه، رنگ ها و موارد دیگر، همگی در تنظیمات صفحه سازها برای هر اِلمان اضافه می شود.

برخی از مهم ترین صفحه سازها در آموزش طراحی سایت با وردپرس عبارتند از:

• المنتور: این صفحه ساز که با عنوان Elementor نیز شناخته می شود، در سال 2016 ساخته شده و به عنوان برترین صفحه ساز سایت های وردپرسی در جهان شناخته می شود.
• ویژوال کامپوزر: این افزونه اولین بار در سال 2011 منتشر شد. هرچند Visual Composer زودتر از المنتور عرضه شده اما Elementor توانست با ارائه روش های بصری، سرعت و بهینه سازی های بهتری را ارائه داده و کاربران بیشتری را جذب خود کند.

از دیگر صفحه سازها در این بخش همچنین می توان به Beaver Builder و Brizy نیز اشاره کرد.

آموزش پیشخوان وردپرس + نصب و کارکردن با منوهای آن

حال قدم به قدم به مرحله عملی آموزش طراحی سایت با وردپرس وارد می شویم که در این حالت داریم:

• آموزش نصب وردپرس

برای نصب و راه اندازی پلتفرم وردپرس، می بایست ابتدا آن را نصب کنید. برای انجام این کار، مراحل زیر را طی کنید:

• ابتدا از طریق سایت WordPress، نسخه وردپرس خود را دانلود کنید: لینک صفحه دانلود
• حال یک فایل Zip در حدود 25 مگابایت دانلود می شود.
• فایل Zip را در فولدر Root سایت خود قرار دهید. با ورود به هاست خود، به پوشه Public_html رفته و محتویات این پوشه را خالی کنید. حال فایل Zip را در آنجا Extract نمایید.
• سپس به بخش دیتابیس یا My SQL Database Wizard هاست خود رفته و یک دیتابیس برای سایت خود ایجاد کنید.

• پس از انجام این کار، به آدرس سایت خود مراجعه کنید. حال کافیست مراحل نصب ابتدایی سایت را انجام دهید. برای انجام این کار، ابتدا زبان وردپرس را به فارسی تغییر داده، سپس مشخصات پایگاه داده و اکانت کاربری خود در آن را وارد کنید.

نکته: مقدار “میزبان پایگاه داده” را به حالت پیشفرض یا localhost بگذارید. همچنین مقدار “پیشوند جدول” را می توان به صورت اختیاری تغییر داد.

• در قدم بعدی از آموزش طراحی سایت با وردپرس با اتصال موفقیت آمیز به دیتابیس، اطلاعات اکانت کاربری خود برای ورود به سایت به عنوان مدیر را وارد کنید. همچنین در این قسمت یک عنوان اصلی برای سایت را وارد نمایید.

نکته: اگر می خواهید سایت تازه تاسیس شما توسط گوگل ایندکس نشود، حتما تیک مربوط به “نمایش به موتورهای جستجو” را فعال کنید. برای کسب اطلاعات کاملتر پیشنهاد می کنم مقاله آموزش نصب وردپرس روی هاست را مطالعه بفرمایید.

• آموزش بخش نوشته ها در وردپرس

حال با گذراندن قسمت اول آموزش طراحی سایت با وردپرس و راه اندازی این CMS، وارد پیشخوان وردپرس می شوید. از منوی سمت راست، تمام امکانات قالب برای انتشار محتوا، دیزاین قالب و کار با پلاگین ها و نصب و تنظیمات آن قرار داده شده اند. اولین بخش، مربوط به انتشار محتوا است که می توانید آن را در قالب نوشته یا برگه انجام دهید. هرکدام از این موارد، یک نوع پست تایپ هستند که می توانید به طور مجزا برای آن تنظیماتی را درنظر بگیرید.

در منوی نوشته ها، چهار زیر منو وجود دارند که عبارتند از:

• همه نوشته ها: در این بخش، لیست تمام نوشته هایی که تاکنون ایجاد کرده اید، نمایش داده می شود.
• افزودن نوشته: در این بخش، به صفحه ویرایش نوشته ها هدایت می شوید که بخش های مختلفی برای انتشار محتوا قرار داده شده است. از تعیین عنوان گرفته تا باکس محتوا، بخش تعیین زمان انتشار و دسته بندی، تعیین تصویر اصلی صفحه. همچنین شما می توانید گزینه دیزاین صفحات را در این بخش با صفحه سازها مشاهده کنید.
• دسته ها: در این بخش، دسته بندی مقالات نوشته های شما تعیین خواهد شد.
• برچسب ها: در این بخش از آموزش طراحی سایت با وردپرس، برچسب هایی که برای محتواهای خود درج کرده اید، نمایش داده می شوند.

• آموزش بخش برگه ها در وردپرس

پست تایپ دیگری که برای انتشار محتوا درنظرگرفته می شود، برگه ها نام دارد. این نوع محتواها غالبا برای صفحات لندینگ، طراحی صفحات اصلی، صفحات فرعی (مانند صفحه ارتباط با ما یا درباره ما) و رویدادهای مهم ساخته می شوند. در این بخش، 2 زیر منو وجود دارد که عبارتند از:

• همه برگه ها: شما می توانید تمام برگه های ساخته شده را در این بخش مشاهده کنید.
• افزودن جدید: در این بخش، صفحه ای برای ساخت برگه جدید ایجاد می شود که فرم آن دقیقا همانند صفحه ساخت نوشته ها می باشد.

• آموزش بخش ابزارک در وردپرس

همانطور که گفتیم، برخی از صفحات از جمله نوشته ها و یا آرشیوهای محصولات، دارای یک ستون اضافی به نام Sidebar هستند. محتوای قرار گرفته درون این بخش، از طریق ابزارک ها قابل تغییر می باشد. به طور معمول، از ابزارک ها برای نمایش فیلترهای محصولات، نمایش لینک صفحات پیشنهاد، درج بنرها استفاده می شود. همچنین بسته به قالبی که استفاده می کنید، امکان تغییر محتویات پابرگ یا فوتر نیز وجود دارد.

برای دسترسی به ابزارک ها، می بایست از منوی سمت راست، وارد بخش “نمایش” شده و گزینه “ابزارک ها” را همانند تصویر انتخاب کنید.

• آموزش تنظیمات عمومی وردپرس

در نهایت بخش مهم دیگری که باید در آموزش طراحی سایت با وردپرس حتما با آن آشنا شوید، قسمت تنظیمات پیشخوان وردپرس نام دارد. در این بخش، برخی تنظیمات مهم برای عملکرد و سئو سایت درنظر گرفته شده اند که عبارتند از:

• عمومی: شما می توانید در این بخش، تنظیمات مربوط به تایتل سایت، آدرس URL، آدرس ایمیل، نقش کاربری پیشفرض کاربر پس از ثبت نام، زبان و زمانبندی سایت تعیین می شوند.
• نوشتن: در این قسمت می توانید برای حالت دیفالت پست های خود یک دسته بندی انتخاب نمایید. همچنین تنظیماتی برای ارسال نوشته از طریق ایمیل قرار داده شده است.
• خواندن: در این بخش می توانید تنظیمات مربوط به وردپرس برای تعیین صفحات اصلی و وبلاگ، تعداد پست های نمایشی در هر صفحه و از همه مهم تر، قابلیت ایندکس شدن سایت توسط گوگل را تغییر دهید.
• گفتگو: تنظیمات متعددی در این بخش قرار داده شده اند که غالبا مربوط به بخش کامنت ها و تعامل با مخاطب می باشد. از اطلاع رسانی Pingback گرفته تا تنظیمات مربوط به نمایش کامنت ها، کنترل کامنت های اسپم و غیره.
• رسانه: در این بخش می‌توانید سایز تصاویری که در کتابخانه وردپرس شما از هر فایل تصویری ایجاد می شوند را تعیین نمایید.
• پیوند یکتا: یک بخش مهم از آموزش طراحی سایت با وردپرس مربوط به پیوندهای یکتا می باشد. در این حالت شما می توانید برای تعیین ساختار URL لینک های خود اقدام کنید.

نصب قالب و افزونه در وردپرس چگونه انجام می شود؟

آموزش خرید قالب و افزونه، نحوه نصب و تنظیمات آن جزو مهم ترین مراحل آموزشی وردپرس می باشند. اگر قصد خرید قالب و افزونه را دارید، می توانید از مارکت هایی داخلی و خارجی همچون تم فارست، MOJO، Elegant Themes، ژاکت و راست چین و بخش افزونه ها در سایت SEOEDU استفاده نمایید.

• آموزش نصب افزونه

در ابتدا پیش از آموزش نحوه نصب افزونه، می بایست به این پرسش پاسخ دهیم که افزونه وردپرس چیست؟ در کوتاهترین پاسخ باید گفت افزونه وردپرس، یک ماژول برنامه نویسی شده به زبان PHP (هسته اصلی) است که معمولا برای رفع یک مشکل، ارتباط با دیتابیس و کاربری خاص ایجاد می شود. اکنون بیش از 60 هزار پلاگین وردپرسی و بیش از 31 هزار قالب برای این پلتفرم وجود دارند.

روند نصب افزونه آموزش طراحی سایت با وردپرس به 2 طریق انجام می شود:

آموزش نصب از طریق پیشخوان وردپرس:

ابتدا به بخش “افزونه ها” مراجعه کرده و گزینه “افزودن” را بزنید. حال در صفحه باز شده، بر روی گزینه “بارگذاری افزونه ها” در بالا کلیک کرده و گزینه Choose File را انتخاب کنید. سپس فایل zip افزونه را انتخاب نمایید. حال گزینه “هم اکنون نصب کن” را فشار داده و پس از اتمام مراحل نصب، گزینه “فعال کردن افزونه” را بزنید.

آموزش نصب از طریق هاست:

در این حالت کافیست به File Manager هاست خود مراجعه نموده و در مسیر public_html، پوشه wp-content و پوشه plugins، فایل zip افزونه را آپلود کنید. حال آن را unzip کرده و اکنون به پیشخوان وردپرس بخش “افزونه ها”، گزینه “افزونه های نصب شده” را زده و افزونه جدید را در لیست مشاهده خواهید کرد.

بهترین افزونه های وردپرس برای شروع کدامند؟

برخی از مهم ترین افزونه های وردپرسی که معمولا برای شروع در غالب سایت های وردپرسی نصب می شوند، عبارتند از:

• یوآست سئو و رنک مث:

این دو افزونه به منظور تقویت و بهینه سازی سئو به کار گرفته می شود. شما می توانید با کمک این افزونه، امکان تقویت و بهینه سازی سایت خود را داشته باشید.

• افزونه راکت و LiteSpeed Cache:

در آموزش طراحی سایت با وردپرس، دو افزونه بسیار کاربردی برای بهینه سازی سرعت سایت وجود دارند که شامل راکت و لایت اسپید کش می باشند. شما می توانید با کمک این افزونه ها پس از تکمیل طراحی سایت خود، امکان بهینه سازی و فشرده کردن کدها، تصاویر، فعال کردن حالت Lazy Load و غیره را داشته باشید.

• افزونه های عمومی:

از دیگر افزونه هایی که معمول در تمام سایت های وردپرسی نصب می شوند می توان به Advanced Editor Tools، WooCommerce، Contact Form 7 نیز اشاره کرد.

• آموزش نصب قالب

قالب های وردپرس، یک بسته نصبی کامل هستند که شامل مجموعه ای از فایل های HTML, CSS و جاوا اسکریپت می شوند. شما می توانید با کمک این فایل ها، امکان سفارشی سازی سایت خود را داشته باشید. به طور کلی، روش نصب قالب های وردپرسی به 2 شیوه مختلف انجام می شود که روش دوم، خود شامل 2 طریقه جداگانه است. از آنجایی که نحوه نصب این قالب ها، جزو مهم ترین مباحث در آموزش طراحی سایت با وردپرس می باشند، می توان گفت:

آموزش استفاده از بسته نصبی

در این روش، یک سایت کامل به صورت پیش فرض توسط سازنده ساخته شده است که خروجی آن به صورت یک فایل zip و یک فایل install.php می باشد. شما می توانید با قرار دادن این دو فایل در هاست و اجرای فایل php، اقدام به نصب آن نمایید. آموزش کامل نحوه نصب با این روش را در مقاله آموزش نصب بسته های آسان نصب وردپرس مشاهده کنید.

آموزش نصب قالب خام وردپرسی

این بخش از آموزش طراحی سایت برای کسانی است که می خواهند سایت خود را به صورت کامل شخصی سازی کنند. در این حالت می توان به 2 شیوه مختلف اشاره کرد که عبارتند از:

• آموزش نصب قالب خام از پیشخوان وردپرس:

برای کسانی که می خواهند به صورت اختصاصی سایت خود را طراحی کنند، آموزش نصب قالب وردپرس با این روش مناسب است. در این حالت، کافیست فایل zip قالب خام خود را از مسیر “نمایش”، گزینه “پوسته ها”، دکمه “بارگذاری پوسته” و “Choose File” انتخاب نموده و نصب کنید. سپس با فعال کردن آن، می توانید از استایل جدید سایت و امکانات قالب استفاده کنید.

• آموزش نصب قالب خام از طریق هاست:

روش دیگر آموزش طراحی سایت با وردپرس در نصب قالب ها، انتقال قالب به صورت مستقیم به هاست است. در این حالت به فایل منیجر هاست وارد شده و در مسیر public_html، پوشه wp-content، فولدر themes، فایل zip پوسته خود را آپلود کنید. حال باید آن را Extract کرده و به منوی پیشخوان وردپرس برگردید. سپس در بخش نمایش، گزینه پوسته ها را زده و قالب مدنظر خود را فعال نمایید.

شما کاربران می توانید برخی از بهترین قالب های وردپرسی را از طریق مارکت های ایرانی و با پرداخت هزینه ریالی آن تهیه کنید. اگر نمی دانید چه تم یا پوسته‌ی وردپرسی را تهیه نمایید، پیشنهاد می کنیم حتما مقاله “معرفی بهترین قالب های وردپرس” را در سایت SEOEDU مطالعه کنید.

آموزش ساخت هدر در وردپرس

برای تکمیل مباحث آموزش طراحی سایت با وردپرس به دو قسمت مهم یعنی آموزش ساخت هدر و منو نیز می پردازیم. در ساخت هدر، بسته به اینکه چه نوع قالبی را انتخاب می کنید، روش طراحی متفاوت خواهد بود. برخی از قالب ها، امکان ویرایش و یا نمونه دیزاین های آماده هدر را در خود دارند. در نتیجه در این حالت کافیست به این بخش از امکانات سایت خود مراجعه کرده و اقدام به تنظیم محل اجزای مختلف سایت نمایید. همچنین ممکن است به صورت انتخابی، چند استایل برای هدر قابل انتخاب باشند.

با این وجود، برای کسانی که می خواهند دیزاین شخصی سازی شده ای برای هدر سایت خود داشته باشند، از المنتور استفاده می شود. شما می توانید برای ساخت هدر در وردپرس، از طریق المنتور به شیوه زیر اقدام کنید

• در پیشخوان وردپرس، بخش المنتور، به بخش “قالب” مراجعه کرده و روی گزینه “قالب های ذخیره شده” کلیک کنید.
• حال در پاپ آپ باز شده، گزینه انتخاب قالب را روی “Header” قرار دهید. یک نام داده و روی گزینه “ایجاد قالب” کلیک کنید.
• حال صفحه ای مشاهده می کنید که می توانید از دیزاین های از قبل طراحی شده توسط خود المنتور استفاده کنید. در غیر اینصورت، گزینه ضربدر در گوشه بالا سمت چپ را بزنید.
• حال وارد یک فضای خالی با المنتور شده و می توانید یک یا چند ستون برای یک سکشن ایجاد کنید.
• برای ساخت هدر با المنتور، کافیست از اِلمان هایی نظیر لوگو سایت، منوی سایت، دکمه، جستجو استفاده نموده و اجزای سربرگ سایت خود را ایجاد کنید.

آموزش ساخت منو در وردپرس

یکی از مهم ترین بخش ها در هدر سایت، منوی آن است که می تواند مهم ترین صفحات و قسمت های سایت شما را به صورت دسته بندی شده به کاربر نمایش دهد. شما می توانید برای تنظیمات و ویرایش این بخش، روی دکمه “نمایش” کلیک کرده و گزینه “فهرست ها” را بزنید. حال در صفحه جدید، قادر خواهید بود با انتخاب فهرست موردنظر، اقدام به حذف و اضافه کردن لینک های جدید به آن نمایید.

برای این کار، در صفحه سمت چپ، از قسمت بالا فهرست موردنظر خود را انتخاب کرده و یا یک فهرست جدید انتخاب کنید. حال باید در بخش پایین، از ستون سمت راست لینک ها را به فهرست اضافه نمایید. از ستون سمت چپ امکان تغییر نام و حذف این لینک ها وجود دارند. در نهایت بر روی گزینه “ذخیره فهرست” در پایین صفحه کلیک کنید.

چگونه طراحی سایت با وردپرس را آموزش ببینیم؟

برای آموزش طراحی سایت با وردپرس، نیاز به یک دوره عملی و ویدیویی خواهید داشت تا بتوانید قدم به قدم مراحل طراحی سایت را بیاموزید. پیشنهاد ما آن است به دنبال دوره های جامع طراحی سایت با وردپرس باشید که:

• قدم به قدم دیزاین تمام بخش ها و قسمت های مختلف سایت را آموزش داده باشد.
• دارای پشتیبانی برای رفع اشکال دانش آموزان باشد.
• یک یا چند پروژه طراحی سایت به صورت کامل در آن آموزش داده شود.
• آموزش طراحی سایت های فروشگاهی و شرکتی در آن وجود داشته باشد.

به طور معمول شما می توانید از فیلم آموزش طراحی سایت با وردپرس به صورت ضبط شده و یا آنلاین برای مهارت آموزی استفاده کنید. در وب سایت ما، علاوه بر ارائه خدمات طراحی سایت، دوره آموزشی طراحی وردپرس نیز قرار داده شده است که می توانید از آن استفاده کنید.

شما کاربران می توانید برای بهره مندی از خدمات مشاوره سئو و یا آموزش آن، از طریق وب سایت اقدام کنید. مجموعه SEOEDU، یکی از 5 مجریان بزرگ خدمات سئو در ایران می باشد که علاوه بر ارائه سرویس های مختلف در این بخش، به آموزش این مهارت با برگزاری دوره های جامع و منتورینگ سئو می پردازد.

پرسش های متداول

در انتهای این مقاله با عنوان آموزش طراحی سایت با وردپرس، به برخی از پرسش های متداول شما کاربران می پردازیم که به شرح زیر می باشند:

بهترین مهارت های مکمل طراحی سایت با وردپرس چیست؟

شما می توانید در کنار آموزش وردپرس، به یادگیری مهارت های مکمل آن نیز بپردازید. برحسب علاقه، این مهارت ها عبارتند از: آموزش زبان های برنامه نویسی، طراحی افزونه و قالب، آموزش سئو و طراحی تجربه و رابط کاربری  UI/UX.

مهم ترین افزونه های پولی وردپرس چیست؟

از جمله مهم ترین و محبوب ترین افزونه های پولی وردپرس می توان به المنتور، Rocket، یوآست سئو، دیجیتس، رنک مث پرو، گرویتی فرم، iThemes Security و نیز WPML اشاره کرد.

چگونه می توانیم سایت خود را با وردپرس بسازیم؟

برای انجام این کار، لازم است یک دوره آموزش طراحی سایت با وردپرس را بگذرانید. سپس می توانید با نصب افزونه ها و قالب، سایتی راه اندازی کرده و یا از طریق صفحه سازها، دیزاین آن را به دلخواه تغییر دهید.

در این مقاله تلاش کردیم بخش های مهمی از آموزش کامل وردپرس رایگان در اختیار شما کاربران قرار گرفته و به صورت اجمالی به آن پرداخته شود. از آنجایی که طراحی سایت با وردپرس، یک پروسه طولانی و متشکل از موضوعات مختلفی است، نمی توانید تمام بخش های آن را به صورت یک دوره رایگان آموزش وردپرس بیابید. پیشنهاد ما آن است برای یادگیری این ابزار کاربردی، حتما از یک دوره جامع استفاده کنید. در وب سایت SEOEDU، یکی از بهترین دوره های آموزشی وردپرس با 6 سرفصل برای پوشش کامل طراحی انواع سایت های فروشگاهی، شرکتی، دانلودی و فایل یا شخصی ارائه شده است. علاقمندان می توانند با ثبت نام در این دوره آموزش طراحی سایت با وردپرس، از 1 ماه پشتیبانی کامل اساتید و ضمانت کیفیت محتوای آن توسط مدیریت سایت، آقای دهقانی استفاده نمایند.