SESSION 06 · 120 MIN
اسکلت ظاهر آمادهست. امروز با المنتور صفحه اصلی را قطعه قطعه میچینیم — مثل لگو، بدون کدنویسی.
مدرس: Elementor Free کافی است. روی یک برگه خالی «خانه» کار کنید.
پل از جلسه ۵
قالب ساختار کلی را میدهد. Elementor میگذارد داخل برگه، سکشن و ویجت بچینی بدون دست زدن به هسته وردپرس.
هدف جلسه
بخش ۱ · نصب و ورود · ۱۵ دقیقه
نسخه رایگان از مخزن وردپرس.
برگه را باز کن ← «ویرایش با Elementor».
اگر قالب بلوک تداخل داشت، برگه را روی Canvas/Elementor Full Width بگذار (بسته به قالب).
ذهنیت طراحی
کوییز Elementor
بخش ۲ · Container · ۲۵ دقیقه
یک Container برای Hero بساز. Direction را Row یا Column کن. عرض Boxed یا Full Width را بفهم. داخلش دو Container تو در تو = ستونهای ساده.
بخش ۳ · ویجتهای ضروری · ۳۰ دقیقه
H1 فقط یکبار در صفحه. بقیه H2/H3.
پاراگراف کوتاه زیر Hero.
از رسانه جلسه ۴ — سبک و با alt.
CTA به تماس یا خدمات.
۳ کارت خدمات کنار هم.
Spacer و Divider برای نظم عمودی.
فاصله و رنگ
داخل و بیرون جعبه. یک ریتم ثابت (مثلاً ۸۰px سکشن) بهتر از اعداد شانسی است.
۲ رنگ اصلی + خاکستری متن. فونت خوانا؛ اندازه موبایل را جدا چک کن.
تمرین کاغذی · ۵ دقیقه
روی کاغذ یک مستطیل بکش: سمت راست تیتر+متن+دکمه، سمت چپ جا برای تصویر. زیرش ۳ مربع برای کارت خدمات. این همان نقشه Containerهاست.
موبایل
ستونها در موبایل زیر هم میآیند. اندازه تیتر را کوچکتر کن. Padding سکشن را در موبایل کم کن تا صفحه خفه نشود.
ذخیره و انتشار
مدام Save Draft بزن تا کار از دست نرود.
سکشن Hero را Template کن برای صفحات بعد.
Publish و در تب ناشناس سایت را ببین — نه فقط داخل ادیتور.
اسکلت پیشنهادی صفحه اصلی
تیتر + یک جمله + دکمه + تصویر
۳ کارت آیکونباکس
متن + تصویر کنار هم
«آماده همکاری؟» + دکمه تماس
کوییز سئو صفحه
تمرین عملی غنی
تمرین · ۳۰ دقیقه
سه سؤال
جلسه بعد
فرم تماس، امنیت پایه، بکآپ و سئوی سبک — جعبه ابزار ضروری مدیر سایت.
END · SESSION 06
Container منظم + ویجت کم + فاصله درست = صفحه حرفهای.
hamedebrahimi.ir · Session 06 · Elementor Basics