سکشن‌های صفحه اصلی — چیدمان و محتوای صفحه اول سایت

با خواندن این راهنما می‌توانید…

• صفحهٔ اول سایت را با بخش‌های آماده بسازید
• اسلایدر، محصولات، مقالات و … اضافه کنید
• ترتیب بخش‌ها را جابه‌جا کنید
• بخشی را موقتاً مخفی کنید

این بخش چیست؟

صفحهٔ اول سایت از سکشن‌ها (بخش‌ها) ساخته می‌شود — مثل آجرهای لگو.

هر سکشن یک کار مشخص دارد:

• اسلایدر — بنرهای چرخشی
• محصولات — نمایش کالاها
• مقالات — آخرین پست‌های بلاگ
• درباره ما — معرفی کوتاه شرکت
• و …

می‌توانید سکشن اضافه کنید، جابه‌جا کنید، ویرایش یا حذف کنید.

از کجا پیدایش کنم؟

سایت من → سایت‌ها → سایت مورد نظر → تنظیمات → سکشن‌های صفحه اصلی

انواع سکشن — کدام را انتخاب کنم؟

قدم‌به‌قدم — ساخت صفحه اصلی از صفر

قدم ۱ — اولین سکشن (معمولاً اسلایدر)

1. افزودن اولین سکشن را بزنید
2. نوع اسلایدر را انتخاب کنید
3. شکل نمایش را انتخاب کنید — تمام عرض، جعبه‌ای، با کارت
4. در تنظیمات:
   • عکس و لینک هر اسلاید را اضافه کنید
   • عنوان سکشن (اختیاری)
5. تأیید — سکشن به لیست اضافه می‌شود

قدم ۲ — محصولات یا مقالات

1. افزودن سکشن → محصولات (یا مقالات)
2. شکل نمایش: گرید ۴ ستونه یا کاروسل
3. تنظیمات:
   • عنوان — مثلاً «جدیدترین محصولات»
   • تعداد — چند مورد نمایش داده شود
   • دسته — فقط یک دسته (اختیاری)

برای سکشن محصولات، اول در بخش محصولات میزکار کالا ثبت کنید.

قدم ۳ — ترتیب سکشن‌ها

• آیکن جابه‌جایی را بگیرید و سکشن را بالا یا پایین ببرید

ترتیب پیشنهادی فروشگاه: اسلایدر → دسته‌ها → محصولات → فراخوان → مقالات → درباره ما

ترتیب پیشنهادی شرکت: اسلایدر → درباره ما → ویژگی‌ها → نظرات → تماس

قدم ۴ — مخفی کردن موقت

آیکن چشم — سکشن در پنل می‌ماند ولی در سایت دیده نمی‌شود. برای کمپین فصلی مفید است.

قدم ۵ — ویرایش و حذف

• تنظیمات (چرخ‌دنده) — محتوای همان سکشن
• حذف — با تأیید — سکشن از صفحه اصلی حذف می‌شود

تغییرات معمولاً بلافاصله ذخیره می‌شوند. پیام «سکشن‌ها با موفقیت به‌روزرسانی شدند» را می‌بینید.

مثال — چیدمان فروشگاه

مثال واقعی — «صفحهٔ اول تازه‌ساخته»

خانم رضایی سایت فروشگاهی تازه ساخته — صفحهٔ اول خالی بود:

1. افزودن اولین سکشن → اسلایدر → ۲ عکس بنر
2. افزودن سکشن → محصولات → عنوان «پرفروش‌ها»، ۶ عدد
3. افزودن سکشن → درباره ما → متن کوتاه شرکت
4. سایت را باز کرد — صفحهٔ اول پر و زنده بود ✅

نکات مهم

هماهنگی با تم

هدر شفاف (Transparent) روی اسلایدر تمام‌عرض زیباتر است — تم و رنگ‌ها

HTML سفارشی

فقط اگر به HTML آشنا هستید — کد اشتباه می‌تواند صفحه را خراب کند.

ظاهر پیشرفته

برای تغییر دقیق‌تر ظاهر یک سکشن، CSS سفارشی را ببینید.

اگر این اتفاق افتاد…

قدم بعدی

• ظاهر سایت
• فروشگاه
• مقاله