یه تنفس عمیق و بعد همه چیز رو راجع بهش بخون

راحیل دست پیمان

راحیل دست پیمان

پر امید وانگیزه ادامه بده. موفق میشی. من بهت قول میدم.

به اشتراک گذاری بر روی facebook
به اشتراک گذاری بر روی twitter
به اشتراک گذاری بر روی linkedin
به اشتراک گذاری بر روی telegram

طراحی سایتت رو به‌راحتی با قالبهای آماده شروع کن

فروشگاه اینترنتی

تغییر رنگ متن و دکمه های ووکامرس با افزونه رایگان

بیشتر طراحان سایت های وردپرسی و البته ما دوستداران افزونه المنتور پرو برای سایتهای فروشگاهیمون از افزونه فروشگاه ساز ووکامرس استفاده میکنیم که خیلی هم خوب و عالیه. 

پالت رنگی ووکامرس رنگهای طوسی و بنفش غالب داره ه ممکنه با پالت رنگی سایت ما جور درنیاد. چه کنیم همینطوری رهاش کنیم؟ نه اصلا 🙂 از افزونه Woocommerce Colors برای تغییر رنگ متن و دکمه های ووکامرس کمک میگیریم. افزونه ووکامرس کالرز یک افزونه سبک و رایگان با کارایی آسونه.

افزونه Woocommerce colors سه تا مزیت خیلی مهم داره:

  • رایگانه
  • با قالبها و افزونه های مختلف سازگاره
  • بروزرسانیهای مرتب داره

نصب افزونه تغییر رنگ ووکامرس

خیلی راحت میتونین از مخزن وردپرس این افزونه رو نصب کنین. در آموزش المنتور نصب افزونه ها رو براتون توضیح دادم. در درس نصب وردپرس و المنتور هم میتونین آموزش نحوه نصب افزونه ها رو ببینین. اگر در مخزن وردپرس پیدا نکردین حالا بدلیل تفاوت املایی یا هر چیزی میتونین از برگه اصلی این افزونه هم دانلودش کنین در لینک زیر:

بعد از نصب افزونه ووکامرس کالرز برای تغییر رنگ دکمه ها و متنهای ووکامرس دو تا راه دارین:

  • از گزینه نمایش وردپرس گزینه سفارشی سازی
  • از نوار بالای برگه ها سفارشی سازی
افزونه تغییر رنگ ووکامرس
افزونه تغییر رنگ ووکامرس

سفارشی سازی رنگهای ووکامرس

در منوی سفارشی سازی سایتتون بعد از نصب افزونه ووکامرس کالرز گزینه Woocommerce اضافه میشه که از همین قسمت میتونین رنگهای ووکامرس رو به دلخواه تغییر بدین. 

افزونه تغییر رنگ ووکامرس

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

  • گزینه اول: تغییر رنگهای اصلی ووکامرس مثل: دکمه های اصلی، اسلایدر قیمت و دکمه های فراخوان
  • گزینه دوم: رنگهای فرعی مثل دکمه های فرعی، تبها
  • گزینه سوم: تغییر رنگهای برچسبها، فروشهای ویژه
  • گزینه چهارم: رنگ پس زمینه محتوای ووکامرس: بک گراند برگه های ووکامرس وقتی که تب اون برگه ها فعال باشه
  • گزینه پنجم: متنهای کوچک مثل: برید کرامبز یا تاریخ
فروشگاه اینترنتی

برای یک طراحی زیبا و بی دردسر الگوی آماده محصولات زیبایی المنتور ما رو ببینین.

نکته اول اینکه وقتی سفارشی سازی رو کلیک کردین حتما یکی از برگه های ووکامرس مثل سبد خرید رو باز کنین تا تغییر رنگها رو زنده ببینین. هر کدم که خوشتون نیومد کنارش دکمه پیشفرض هم داره که برمیگرده به حالت پیشفرض.

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

منتظر نظراتتون هستم. راستی قالبهای آماده المنتور ما رو از دست ندین. با مشاهده شون میتونین کلی ایده بگیرین. 

شاید مقاله‌های زیر رو هم دوست داشته باشی بخونی

Create-a-Sticky-Side-Nav-Menu

ایجاد یک منوی سایدبار خلاقانه با المنتور

ادامه مطلب
افزایش سرعت سایت وردپرسی

افزایش سرعت سایت طراحی شده با المنتور | وردپرس

ادامه مطلب
درج لوگوی سایت در المنتور

درج لوگوی سایت در المنتور | ویجت سایت لوگو

ادامه مطلب
لینک خروج در منوی سایت

اضافه کردن دکمه خروج از حساب کاربری به هدر سایت

ادامه مطلب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

75 − 68 =