🔰 عنوان جلسه ۴ سایتساز شو ۱۱۰:
موضوع: آشنایی با صفحهساز وردپرس و طراحی صفحه اصلی (بدون کدنویسی)
ما در این آموزش گام به گام، طراحی و ساخت صفحه با المنتور را توضیح خواهیم داد.
✅ ساختار جلسه چهارم آموزش طراحی سایت:
۱. مقدمه: ساخت صفحات با کشیدن و رها کردن!
الان وردپرس نصب شده، قالب هم آمادهست. وقتشه ظاهر سایتت رو دقیقاً همونی کنی که میخوای.
اینجا به کمک یه ابزار قدرتمند به اسم صفحهساز (Page Builder)، بدون حتی یک خط کدنویسی، میتونی صفحات فوقالعاده طراحی کنی، پس بریم برای آموزش طراحی و ساخت صفحه اصلی با صفحهساز.
۲. چرا باید از صفحهساز وردپرس استفاده کنیم؟
صفحهسازها ابزارهایی هستند که به شما امکان میدهند با روش Drag & Drop (کشیدن و رها کردن) المانهای مختلف را روی صفحه قرار دهید و بدون نیاز به دانش برنامهنویسی، صفحات سفارشی بسازید. با استفاده از صفحهساز میتوانید بهسادگی موارد زیر را اضافه کنید:
- دکمههای فراخوان عمل (CTA)
- تصاویر و گالریها
- متنهای جذاب و تیترهای سئو شده
- آیکونها و ویدیوها
- بخشبندی با ستون و ردیف برای طراحی حرفهای
۳. بهترین صفحهسازهای وردپرس
| نام افزونه | مزایا |
| Elementor | معروفترین و سادهترین صفحهساز جهان |
| WPBakery | در بعضی قالبهای حرفهای استفاده میشه |
| Gutenberg | سبک و سریع ولی محدودتر |
توی مسیر سایتساز شو ما از Elementor نسخه رایگان استفاده میکنیم که خیلی سبک، کاربرپسند و مبتدیپسنده.
۴. آموزش نصب المنتور (Elementor)
المنتور چیست؟
المنتور یک افزونه صفحهساز وردپرس است که در دو نسخه رایگان و پولی ارائه میشود، ما به آموزش المنتور رایگان که صد البته برای نصب و نحوه استفاده (امکانات کمتر) فرقی با نسخه پولی ندارد میپردازیم!
آموزش طراحی سایت با المنتور
🟢 مراحل نصب المنتور در وردپرس:
۱. وارد پیشخوان وردپرس شو
۲. برو به «افزونهها ← افزودن»
۳. بنویس: Elementor
۴. روی “نصب” و بعد “فعالسازی” کلیک کن
۵. ساخت اولین صفحه با المنتور
۱. از منوی وردپرس وارد «برگهها ← افزودن» شو
۲. اسم برگه رو بذار: خانه
۳. از سمت چپ روی «ویرایش با المنتور» کلیک کن
۴. حالا با Drag & Drop شروع کن به ساخت:
- تیتر
- تصویر
- دکمه «تماس با ما» یا «مشاوره رایگان»
۶. چند نکته مهم برای طراحی صفحه اصلی
✅ سعی کن اول یه ساختار ساده طراحی کنی
✅ از فونتهای خوانا استفاده کن
✅ بیشازحد رنگارنگ نکن
✅ همیشه سایتتو از موبایل هم چک کن (المنتور این امکان رو داره)
۷. تمرین این جلسه ✍️
ایجاد برگه سفارشی در وردپرس
- افزونه Elementor رو نصب کن
- یه برگه جدید بساز به اسم “خانه”
- با المنتور طراحی اولیه انجام بده (یه تیتر + یه عکس + یه دکمه)
- اسکرینشات بگیر و توی دیدگاه همین جلسه بفرست
۸. جلسه بعدی آموزش طراحی سایت:
🟣 جلسه پنجم: ساخت منوی ناوبری و تنظیم صفحه اصلی
بیشتر بخوانید:
آموزش طراحی سایت فروشمحور ۳۰۸ | رشد ۳ برابری مشتری
بعد از یادگیری طراحی سایت باید در خصوص سئو کردن سایت هم حداقل مطالب پایه را یاد بگیری برای آموزش سئو از لینک زیر استفاده کنید:
پرسش و پاسخ ساخت صفحه با المنتور
- چگونه میتوان با المنتور صفحه اصلی سایت را طراحی کرد؟
با نصب افزونه المنتور و استفاده از قابلیت Drag & Drop میتوانید بدون کدنویسی صفحه اصلی سایت را طراحی کنید.
- آیا نسخه رایگان المنتور برای طراحی سایت کافی است؟
بله، نسخه رایگان المنتور امکانات پایهای مثل افزودن متن، تصویر، دکمه و بخشبندی را دارد و برای شروع کاملاً مناسب است.
- تفاوت المنتور رایگان و پولی چیست؟
نسخه پولی امکانات پیشرفتهتری مثل قالبهای آماده، ویجتهای حرفهای و قابلیتهای بیشتر برای طراحی اختصاصی دارد.
- آیا المنتور با موبایل سازگار است؟
بله، المنتور امکان طراحی و تست صفحات در حالت موبایل و تبلت را فراهم میکند تا سایت شما واکنشگرا باشد.
- بهترین نکات برای طراحی صفحه اصلی با المنتور چیست؟
استفاده از ساختار ساده، فونتهای خوانا، رنگهای متعادل و بررسی نمایش در موبایل از مهمترین نکات هستند.
دیدگاهتان را بنویسید