← → · Space · F

SESSION 05 · 120 MIN

قالب، منو و ساختار ظاهری سایت

محتوا و رسانه آماده‌اند. امروز لباس سایت را می‌پوشانیم و راهروها (منوها) را می‌چینیم تا بازدیدکننده گم نشود.

theme menus homepage customizer

مدرس: یک قالب رایگان ساده انتخاب کنید؛ امروز Elementor نیست — اول اسکلت ظاهر.

پل از جلسات قبل

یادت هست؟ ظاهر ≠ عملکرد

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

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

هدف جلسه

تا پایان باید بتوانی:

  • قالب نصب و فعال کنی و فرق Child Theme را بدانی
  • لوگو، رنگ و هویت اولیه را تنظیم کنی
  • منوی اصلی و فوتر بسازی و به محل نمایش وصل کنی
  • صفحه اصلی و صفحه وبلاگ را جدا تنظیم کنی

بخش ۱ · قالب · ۳۰ دقیقه

قالب یعنی پوست سایت

قالب (Theme) تعیین می‌کند هدر، فوتر، تایپوگرافی، چیدمان نوشته و خیلی از ظاهر پیش‌فرض چطور دیده شود. محتوا همان است؛ فقط «لباس» عوض می‌شود.

نمایش ← پوسته‌ها افزودن پیش‌نمایش فعال‌سازی

انتخاب هوشمند

قالب را مثل کت‌وشلوار بخر، نه مثل مد لحظه‌ای

خوب

سبک، به‌روز، پشتیبانی‌دار

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

بد

سنگینی و نال

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

برای شروع: یک قالب ساده شرکتی/بلاکی کافی است. زیبایی پیچیده را به Elementor بسپار (جلسه ۶).

مسیر نصب

از مخزن یا آپلود ZIP

01

نمایش ← پوسته‌ها ← افزودن

جستجو کن یا ZIP معتبر آپلود کن.

02

پیش‌نمایش زنده

قبل از فعال‌سازی ببین روی محتوای تو چطور می‌نشیند.

03

فعال‌سازی

فعال کن. نگران باش نه — محتوا پاک نمی‌شود؛ فقط ظاهر عوض می‌شود.

نکته طلایی

اگر کد می‌زنی: Child Theme

تغییر مستقیم فایل‌های قالب والد با آپدیت از بین می‌رود. قالب فرزند (Child) تغییرات سفارشی را جدا نگه می‌دارد.

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

بخش ۲ · هویت بصری · ۲۵ دقیقه

لوگو، رنگ، عنوان — چهره برند

از سفارشی‌سازی (Customizer) یا تنظیمات قالب بلوکی: لوگو را بگذار، عنوان/معرفی را چک کن، پالت رنگی ساده انتخاب کن.

لوگو

PNG/SVG شفاف، اندازه معقول، نسخه تیره/روشن اگر لازم است.

فاوآیکون

آیکون تب مرورگر — هویت کوچک اما مهم.

رنگ

۲–۳ رنگ کافی است. رنگارنگ بی‌قانون = غیرحرفه‌ای.

کوییز

عوض کردن قالب چه بلایی سر نوشته‌ها می‌آورد؟

بخش ۳ · منوها · ۳۰ دقیقه

منو = نقشه ساختمان برای بازدیدکننده

نمایش ← فهرست‌ها (Menus). یک فهرست بساز، برگه‌ها را اضافه کن، به محل «منوی اصلی» اختصاص بده.

خانه · درباره ما · خدمات · وبلاگ · تماس — اسکلت کلاسیک سایت شرکتی.

گام‌به‌گام منو

از فهرست خالی تا نوار بالای سایت

01

ایجاد فهرست

نام بگذار مثلاً «اصلی».

02

افزودن آیتم

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

03

ترتیب و زیرمنو

با درگ، ترتیب بده؛ برای زیرمنو کمی به داخل بکش.

04

محل نمایش

تیک Primary / Header را بزن و ذخیره کن.

منوی فوتر

لینک‌های همیشگی پایین صفحه

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

منوی اصلی

مسیر کشف خدمات و محتوا

منوی فوتر

لینک‌های حقوقی و شبکه‌ها

تمرین · منوی روی کاغذ

قبل از کلیک در وردپرس، نقشه بکش

ACTIVITY · ۴ دقیقه

منوی اصلی سایت شرکتی‌ات را بنویس (۵ آیتم). یک زیرمنو هم برای «خدمات» طراحی کن. بعد در وردپرس پیاده‌اش کن.

بخش ۴ · صفحه اصلی · ۲۰ دقیقه

خانه جدا از وبلاگ

تنظیمات ← خواندن: «یک برگه ایستا» را انتخاب کن. برگه خانه را بساز (یا بعداً با Elementor طراحی کن) و برگه جدا برای نوشته‌ها (مثلاً «بلاگ»).

پیش‌فرض

آخرین نوشته‌ها

خانه = لیست پست‌ها. برای مجله خوب است، برای شرکت معمولاً نه.

شرکتی

برگه ایستا + بلاگ

خانه کنترل‌شده؛ اخبار در /blog/

ابزارک‌ها · معرفی کوتاه

جعبه‌های کناری و فوتر

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

ابزارک را شلوغ نکن. هر جعبه باید یک کار داشته باشد.

چک‌لیست ظاهر شرکتی

اگر این‌ها اوکی است، اسکلت ظاهر آماده‌ست

  • قالب فعال و سبک
  • لوگو در هدر دیده می‌شود
  • منوی اصلی با برگه‌های واقعی
  • صفحه خانه ≠ لیست نوشته‌ها (اگر شرکتی است)
  • موبایل: منو همبرگری کار می‌کند

کوییز تنظیمات خواندن

برای سایت شرکتی معمولاً چه می‌کنی؟

تمرین عملی غنی

  • قالب سبک نصب و فعال کن
  • لوگو + بررسی عنوان
  • منوی اصلی: خانه، درباره، خدمات، بلاگ، تماس
  • منوی کوتاه فوتر
  • خواندن: برگه خانه + برگه نوشته‌ها
  • موبایل: منو همبرگری را تست کن

تمرین عملی · ۲۵ دقیقه

ساختار ظاهری سایت شرکتی

  • یک قالب مناسب نصب و فعال کن
  • لوگو بگذار و عنوان سایت را نهایی کن
  • منوی اصلی: خانه، درباره، خدمات، بلاگ، تماس
  • خواندن: برگه خانه + برگه نوشته‌ها
  • منوی کوتاه فوتر بساز

سه سؤال شفاهی

بدون نگاه به اسلاید:

  • فرق قالب با افزونه چیست؟
  • چرا باید فهرست را به «محل نمایش» وصل کنیم؟
  • برای سایت شرکتی خانه را چطور از وبلاگ جدا می‌کنی؟

برای جلسه بعد

جلسه ۶: Elementor مقدماتی

اسکلت ظاهر آماده‌ست. جلسه بعد صفحه اصلی را با کانتینر، تیتر، دکمه و ستون‌ها طراحی می‌کنیم — بدون کدنویسی.

امروز چارچوب. جلسه بعد طراحی صفحه.

END · SESSION 05

سایت بدون منو، ساختمان بدون راهرو است

قالب لباس است؛ منو نقشه است. هر دو باید با هم درست باشند.

hamedebrahimi.ir · Session 05 · Theme & Menus

۱ / —