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

آموزش ساخت برگه صفحه اصلی در وردپرس

تایم مطالعه: ۹ دقیقه
تاریخ انتشار: ۱۴۰۲/۰۴/۰۴
فهرست مطالب

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

زیرا صفحه اصلی یکی از مهم‌ترین بخش‌های هر سایت است و باید با جذابیت و استاندارد طراحی شود.

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

صفحه اصلی سایت چیست؟

هنگامی که شما آدرس دامنه یک سایت را در مرورگر وارد می‌کنید، مرورگر به سرور سایت ارسال درخواست می‌کند تا صفحه اصلی سایت را برای شما نشان دهد.

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

صفحه اصلی سایت چیست؟

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

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

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

همچنین باید از ساختار لینک مناسب و بهینه استفاده کرده تا به شما در جذب ترافیک ارگانیک کمک کند.

تنظیم صفحه اصلی در وردپرس

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

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

حال با تنظیم صفحه اصلی در وردپرس کامل شده است و می‌توانید بروید سراغ ساخت صفحه جدید برای صفحه اصلی خود بپردازید.

تنظیم صفحه اصلی در وردپرس

آموزش ساخت برگه صفحه اصلی در وردپرس

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

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

سپس با ورود به قسمت “افزودن قالب”، فایل زیپ قالب را بارگیری و نصب کنید.

بعد از نصب قالب، باید دموی مورد نظر خود را درون‌ریزی کنید.

دموها می‌توانند به شکل‌های متفاوتی ارائه شوند و روش درون‌ریزی آن‌ها نیز متفاوت است.

با انجام این کار، صفحه اصلی شما به شکل ساده و سریع آماده خواهد شد.

طراحی صفحه اصلی با کدنویسی

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

در این روش، هیچ محدودیتی در پیاده‌سازی ایده‌های خلاقانه و شگفت انگیزتان وجود ندارد؛ بنابراین، شما می‌توانید المان‌های مختلف را به دلخواه خودتان بر روی صفحه قرار دهید.

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

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

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

به همین دلیل، روش سوم به عنوان روش متداول‌ترین و سریع‌ترین در طراحی صفحات وب شناخته می‌شود.

طراحی صفحه اصلی با المنتور

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

اگر با این پلاگین آشناییت ندارید می‌توانید به مقاله افزونه المنتور چیست مراجعه کنید.

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

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

بعد از بررسی، شما می‌توانید افزونه المنتور را دانلود و نصب کنید.

این افزونه دارای یک نسخه رایگان است، اما برای استفاده از تمامی امکانات و حرفه‌ای‌تر کردن سایت خود، می‌توانید نسخه پرو المنتور را تهیه کنید.

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

طراحی صفحه اصلی با المنتور

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

حالا شما در صفحه ساز المنتور هستید و می‌توانید به راحتی المان‌های مختلفی را برای ساخت صفحه استفاده کنید. تعداد المان‌های موجود در نسخه پرو المنتور بیشتر است. با استفاده از روش drag and drop، می‌توانید المان‌های مورد نظر را به صفحه اضافه کنید.

همچنین، در پایین صفحه، با استفاده از دکمه علامت “+”، می‌توانید layout و ساختار مورد نظر خود را ایجاد کنید.

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

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

طراحی صفحه اصلی با المنتور

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

این بخش شامل المان‌هایی مانند تصویر، متن، دکمه و … است که در نسخه رایگان و همچنین نسخه پرو المنتور قابل دسترسی هستند.

علاوه بر این المان‌های پایه، در نسخه پرو المنتور، ابزار حرفه‌ای‌تری برای ساخت برگه‌ صفحه اصلی در وردپرس در اختیار شما قرار می‌گیرد.

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

المنتور پرو

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

شما با drag & drop کردن یک المان در صفحه‌ساز، سایدبار المنتور به این صورت که در زیر مشاهده می‌کنید تغییر می‌کند.

drag & drop کردن یک المان

صفحه ساز المنتور دارای سه ستون است.

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

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

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

در این ستون، ابزارهای مختلفی مانند تغییر رنگ، اضافه کردن سایه و … برای هر المان قابل استفاده هستند.

ستون سوم صفحه ساز المنتور، با نام “پیشرفته” شناخته می‌شود و برای استایل دهی حرفه‌ای‌تر به المان‌ها استفاده می‌شود.

در این ستون، اگر دانش کدنویسی css را دارید، می‌توانید کدهای css را به بخش “custom css” اضافه کنید و استایل دهی حرفه‌ای‌تری را به المان‌های صفحه خود بدهید. این بخش تنها در نسخه پرو المنتور قابل دسترسی است.

بخش custom css

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

استفاده از صفحه ساز ویژوال کامپوزر

صفحه‌ساز ویژوال کامپوزر یکی دیگر از صفحه سازهای قدرتمند برای ساخت و تغییر صفحه اصلی در وردپرس است.

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

برای استفاده از این صفحه ساز، باید افزونه WPBakery Page Builder را نصب و فعال کنید.

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

در اینجا باید توجه داشت که هرگز المنتور و ویژوال کامپوزر را همزمان استفاده نکنید، زیرا این کار ممکن است سرعت سایت شما را شدیداً کاهش دهد و روی سئوی سایتتان تأثیر منفی بگذارد.

یکی از این دو صفحه ساز کافی است برای ساخت برگه صفحه اصلی در وردپرس.

استفاده از صفحه ساز ویژوال کامپوزر

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

در صورت کلیک بر روی دکمه ویرایشگر پیشرفته، به صفحه‌ای هدایت می‌شوید که امکان صفحه‌سازی با backend وردپرس را نیز می‌دهد.

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

با کلیک بر روی گزینه افزودن المان، با پنجره‌ای روبه‌رو می‌شوید که امکان انتخاب المان‌های مختلف ویرایشگر را به شما می‌دهد.

المان‌های ویژوال کامپوزر

بلاک متن، یک ویرایشگر متن است که با کلیک بر روی گزینه “اضافه کردن بلاک متن” باز می‌شود و می‌توانید نوشته‌ای را نگارش کنید و تنظیمات لازم را اعمال کنید.

گزینه اضافه کردن الگو، بخشی است که دسترسی شما را به الگوهای ساخته شده و آماده ویژوال کامپوزر ممکن می‌سازد.

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

طراحی صفحه اصلی با ویرایشگر گوتنبرگ

در ادامه آموزش ساخت صفحه اصلی در وردپرس، ویرایشگر گوتنبرگ را بررسی خواهیم کرد. ویرایشگر گوتنبرگ به عنوان افزونه صفحه‌ساز در سال ۲۰۱۸ عرضه شد و برای ایجاد صفحات تقریباً ساده به کار می‌رود.

طراحی صفحه اصلی با ویرایشگر گوتنبرگ

نکته: اگر درباره ویرایشگر گوتنبرگ اطلاعات کافی ندارید به مقاله ویرایشگر گوتنبرگ وردپرس چیست مراجعه کنید.

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

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

جمع‌بندی

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

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

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

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

۵/۵ - (۴ امتیاز)
اشتراک‌گذاری مطلب

درباره نویسنده

نظرات و پرسش‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *