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

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

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

• شکل بالا و پایین سایت (هدر و فوتر) را انتخاب کنید

• رنگ برند خود را روی دکمه‌ها و لینک‌ها بگذارید

• فونت و نحوه نمایش لوگو را تنظیم کنید

• ظاهر صفحه تماس با ما را انتخاب کنید

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

این بخش چیست؟

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

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

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

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

قدم‌به‌قدم

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

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

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

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

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

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

۳. فونت و برند

1. فونت سایت — فونت متن‌های سایت (مثلاً ایران‌سنس، وزیر، ساحل)

2. نحوه نمایش برند:

   • فقط نام — بدون لوگو

   • فقط لوگو — بدون متن

   • لوگو و نام — هر دو (رایج)

۴. رنگ‌ها

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

2. رنگ ثانویه — رنگ‌های کم‌اهمیت‌تر

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

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

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

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

1. ذخیره را بزنید

2. پیام «تم با موفقیت به‌روزرسانی شد»

3. سایت را در تب جدید باز کنید — بالا، پایین و رنگ دکمه‌ها را ببینید

4. در موبایل هم چک کنید

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

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

خانم احمدی:

1. نوع هدر: فروشگاهی: Classic

2. نوع فوتر: Classic

3. فونت: ایران‌سنس

4. نحوه نمایش برند: لوگو و نام

5. رنگ اصلی: آبی #0066cc

6. ذخیره → دکمه‌های سایت آبی شدند ✅

نکات مهم

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

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

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

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

خوانایی رنگ

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

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

قدم بعدی

مسیر فنی (برای پشتیبانی)