پیکربندی همگانی ( رنگبندی )

شما اینجا هستید:
برآورد زمان مطالعه: 2 دقیقه

بخش رنگ‌بندی (Color Options) به عنوان مکمل تنظیمات همگانی، به وب‌مستر این امکان را می‌دهد که بدون نیاز به دانش کدنویسی CSS، پالت رنگی کل سایت را شخصی‌سازی کند. پوشش کامل بخش‌های اختصاصی ووکامرس (مانند دکمه سبد خرید، قیمت‌ها و شگفت‌انگیز) نشان می‌دهد که این تنظیمات چقدر با جزئیات فروشگاهی هماهنگ هستند.

راهنمای بخش: تنظیمات رنگ‌بندی کلی و فروشگاه سایت

این بخش به شما امکان می‌دهد تمام جزئیات رنگی قالب، از پس‌زمینه‌ها و متون گرفته تا دکمه‌ها، بخش‌های مالی و المان‌های اختصاصی فروشگاه (مانند پکیج پیشنهاد شگفت‌انگیز) را کاملاً مطابق با برند خود سفارشی‌سازی کنید.

🔹 ۱. پس‌زمینه‌ها و ساختار کلی (Layout Layouts)

  • رنگ پس‌زمینه بدنه سایت (body_bgcolor):

    • عملکرد: رنگ اصلی کل پس‌زمینه صفحات سایت (خارج از کانتینر محتوا) را مشخص می‌کند (مقدار پیش‌فرض: خاکی بسیار ملایم / #f7f8fa).

  • رنگ رزرو (main_color):

    • عملکرد: یک رنگ پس‌زمینه کمکی برای بخش‌های خاص قالب (مقدار پیش‌فرض: #f7f8fa).

  • رنگ پس‌زمینه محتوا (content_bgcolor):

    • عملکرد: رنگ پس‌زمینه باکس‌های اصلی محتوا، کارت‌های محصول و بدنه مقالات (مقدار پیش‌فرض: سفید / #fff).

  • رنگ پس‌زمینه محتوای ثانویه (context_bgcolor):

    • عملکرد: رنگ پس‌زمینه مربوط به فیلدهای ورودی (Inputs)، باکس‌های متنی فرم‌ها و المان‌های لایه دوم (مقدار پیش‌فرض: خاکی مایل به طوسی / #ebeef3).

🔹 ۲. متون، هدینگ‌ها و حاشیه‌ها

  • رنگ متن سایت (text_color):

    • عملکرد: رنگ متون عادی، پاراگراف‌ها و توضیحات عمومی در سراسر سایت (مقدار پیش‌فرض: طوسی / #707070).

  • رنگ هدینگ و متن‌های اصلی (head_color):

    • عملکرد: رنگ عناوین اصلی، تیترها ($H_1$ تا $H_6$) و متونی که نیاز به تاکید بالایی دارند (مقدار پیش‌فرض: مشکی / #111).

  • رنگ متن محتوای ثانویه (context_color):

    • عملکرد: رنگ متونی که داخل باکس‌های ثانویه یا فیلدها قرار می‌گیرند (مقدار پیش‌فرض: #74777c).

  • رنگ حاشیه المان‌ها (border_color):

    • عملکرد: رنگ خطوط جداکننده و بردرهای دور تا دور باکس‌ها و کارت‌های محصول (مقدار پیش‌فرض: #ebeef1).

🔹 ۳. دکمه‌های عمومی سایت

  • رنگ دکمه (button_color):

    • عملکرد: رنگ متن دکمه‌های عمومی و متفرقه‌ای که در فرم‌های خاص استفاده نشده‌اند (مقدار پیش‌فرض: مشکی / #111).

  • رنگ پس‌زمینه دکمه (button_bgcolor):

    • عملکرد: رنگ پس‌زمینه دکمه‌های عمومی و متفرقه سایت (مقدار پیش‌فرض: سفید / #fff).

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

  • رنگ اصلی قالب (primary_color):

    • عملکرد: رنگ شاخص و هویت اصلی قالب دیجینو که در لینک‌ها، المان‌های فعال و نقاط تمرکز سایت اعمال می‌شود (مقدار پیش‌فرض: قرمز دیجینو / #ee1844).

  • رنگ اصلی سایه قالب (primary_shadow_color):

    • عملکرد: رنگ سایه‌های ملایمی (Box Shadow) که زیر دکمه‌ها یا باکس‌های فعال با تم رنگ اصلی ایجاد می‌شود (مقدار پیش‌فرض: قرمز با کد متغیر آلفا جهت شفافیت / #ee184466).

  • رنگ قیمت محصولات (price_color):

    • عملکرد: رنگ نمایش رقم اصلی قیمت در کارت‌ها و برگه محصول (مقدار پیش‌فرض: #111).

  • رنگ قیمت تخفیف‌دار محصولات (del_color):

    • عملکرد: رنگ قیمتی که خط خورده است تا خریدار متوجه میزان تخفیف شود (مقدار پیش‌فرض: طوسی کم‌رنگ / #c4cbd6).

  • رنگ واحد پولی (currency_color):

    • عملکرد: رنگ کلمه واحد پول (تومان/ریال) در کنار قیمت‌ها (مقدار پیش‌فرض: #c4cbd6).

  • رنگ پس‌زمینه دکمه افزودن به سبد خرید (cart_button_bgcolor):

    • عملکرد: رنگ بک‌گراند دکمه حیاتی و اصلی خرید در فروشگاه (مقدار پیش‌فرض: قرمز / #ee1844).

  • رنگ دکمه افزودن به سبد خرید (cart_button_color):

    • عملکرد: رنگ متن یا آیکون داخل دکمه افزودن به سبد خرید (مقدار پیش‌فرض: سفید / #fff).

🔹 ۵. پکیج پیشنهاد شگفت‌انگیز (Special Offers)

  • رنگ عنوان و تایمر پیشنهاد شگفت‌انگیز (special_color):

    • عملکرد: رنگ المان‌های متنی جذاب و روزشمار/تایمر معکوس باکس‌های شگفت‌انگیز جهت جلب توجه آنی (مقدار پیش‌فرض: قرمز تند / #ef0000).

  • رنگ پس‌زمینه باکس پیشنهاد شگفت‌انگیز (special_bgcolor):

    • عملکرد: رنگ پس‌زمینه کل بلوک یا اسلایدر شگفت‌انگیز که به صورت پیش‌فرض با یک هاله قرمز بسیار شفاف تنظیم شده است (مقدار پیش‌فرض: #e6123d14).

این مقاله برای شما مفید بود؟
نپسندیدم 0
بازدید ها: 0