تم و رنگ‌های سایت — هدر، فوتر، فونت و برند

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

شکل بالا و پایین سایت (هدر و فوتر) را انتخاب کنید
رنگ برند خود را روی دکمه‌ها و لینک‌ها بگذارید
فونت و نحوه نمایش لوگو را تنظیم کنید
ظاهر صفحه تماس با ما را انتخاب کنید

قبل از تم، لوگو را آپلود کنید تا گزینهٔ «لوگو و نام» درست کار کند.

این بخش چیست؟

تم و رنگ‌ها جایی است که ظاهر کل سایت را یک‌جا تنظیم می‌کنید — از شکل منوی بالا تا رنگ دکمه‌ها.

بعد از ذخیره، تغییرات روی همهٔ صفحات سایت اعمال می‌شود.

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

سایت من → سایت‌ها → سایت مورد نظر → تنظیمات → تم و رنگ‌ها

قدم‌به‌قدم

۱. نوع هدر (بالای سایت)

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

برای فروشگاه:

گزینه	مناسب برای
فروشگاهی: Classic	حالت کلاسیک — مناسب اکثر فروشگاه‌ها
فروشگاهی: Mega Menu	منوی بزرگ چندستونه — دسته‌بندی زیاد
فروشگاهی: Sticky	منو هنگام اسکرول ثابت می‌ماند
فروشگاهی: Minimal	ساده و مینیمال
فروشگاهی: Transparent	شفاف روی بنر صفحه اصلی

برای سایت شرکتی:

گزینه	مناسب برای
شرکتی: Classic	حالت استاندارد
شرکتی: Minimal	ساده
شرکتی: Centered	لوگو وسط
شرکتی: Modern	مدرن
شرکتی: Split	دو بخشی

نوع هدر صفحه اصلی (اختیاری): اگر فقط صفحهٔ اول هدر متفاوت بخواهد (مثلاً شفاف روی اسلایدر)، اینجا تنظیم کنید. خالی بگذارید = همهٔ صفحات هدر یکسان.

۲. نوع فوتر (پایین سایت)

گزینه	یعنی چه
بدون فوتر	پایین صفحه خالی
Minimal / Simple	فشرده و ساده
Classic / Modern / …	چندستونه — لینک‌ها از منوهای فوتر پر می‌شود

۳. فونت و برند

فونت سایت — فونت متن‌های سایت (مثلاً ایران‌سنس، وزیر، ساحل)
نحوه نمایش برند:
- فقط نام — بدون لوگو
- فقط لوگو — بدون متن
- لوگو و نام — هر دو (رایج)

۴. رنگ‌ها

رنگ اصلی — رنگ دکمه‌ها و لینک‌های مهم (مثلاً آبی برند)
رنگ ثانویه — رنگ‌های کم‌اهمیت‌تر

روی هر فیلد کلیک کنید → انتخاب رنگ → رنگ را برگزینید → بستن

۵. صفحه تماس با ما

نوع صفحه تماس با ما — شکل صفحهٔ «تماس با ما» را مشخص می‌کند (Minimal، Classic، Modern و …). با اطلاعات تماس هماهنگ باشد.

۶. ذخیره و بررسی

ذخیره را بزنید
پیام «تم با موفقیت به‌روزرسانی شد»
سایت را در تب جدید باز کنید — بالا، پایین و رنگ دکمه‌ها را ببینید
در موبایل هم چک کنید

ترتیب پیشنهادی

مرحله	کار
۱	لوگو در تنظیمات پایه
۲	تم و رنگ‌ها (همین صفحه)
۳	منوها
۴	سکشن‌های صفحه اصلی

مثال واقعی — «فروشگاه با رنگ آبی»

خانم احمدی:

نوع هدر: فروشگاهی: Classic
نوع فوتر: Classic
فونت: ایران‌سنس
نحوه نمایش برند: لوگو و نام
رنگ اصلی: آبی #0066cc
ذخیره → دکمه‌های سایت آبی شدند ✅

نکات مهم

اول منو بسازید

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

فروشگاه یا شرکت؟

اگر فروشگاه فعال دارید، هدرهای فروشگاهی بهتر کار می‌کنند (سبد خرید و …).

خوانایی رنگ

رنگ دکمه باید با متن روی آن خوانا باشد — از ترکیب‌های کم‌کنتراست دوری کنید.

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

مشکل	چه کار کنید
لوگو نیست	لوگو و نام + آپلود لوگو
هدر صفحه اصلی فرق نمی‌کند	نوع هدر صفحه اصلی را جدا تنظیم کنید
رنگ عوض نشد	ذخیره + صفحه را `Ctrl+F5` تازه کنید
فوتر خالی است	منوهای فوتر را پر کنید