تغییر رنگ بخش های مختلف ووکامرس و صفحات آن

3 / 5. تعداد رای: 6

تغییر رنگ بخش های مختلف ووکامرس و صفحات آن

ووکامرس به‌طور پیش‌فرض رنگ‌بندی‌های مختلفی دارد که از طریق آنها می‌توانید استایل فروشگاه را تغییر دهید. اما با افزونه‌ای که امروز معرفی می‌کنیم می‌توانید تغییر رنگ بخش های مختلف ووکامرس را انجام داده و ظاهر فروشگاه خود را تغییر دهید.

تغییر رنگ بخش های مختلف ووکامرس

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

زمانی که شما فروشگاه خود را با ووکامرس راه‌اندازی می‌کنید می‌توانید بی‌نهایت ویژگی جدید و دلخواه را به آن اضافه کنید. برای اینکه این کارها را انجام دهید نیازی ندارید که با برنامه‌نویسی آشنا باشید و می‌توانید خیلی راحت با استفاده از پلاگین‌ها قابلیت‌های دلخواهتان را ایجاد کرده و از آن لذت ببرید.

یکی از مواردی که کاربران در مورد آن از ما سؤالاتی را می‌پرسیدند در رابطه با تغییر رنگ‌بندی ووکامرس است و به همین دلیل ما تصمیم گرفتیم امروز در این آموزش به شما کاربران عزیز میهن وردپرس یاد بدهیم که چگونه تنها در عرض چند دقیقه رنگ‌بندی اصلی ووکامرس خود را تغییر دهید و آن را به‌دلخواه خود سفارشی‌سازی کنید.

همان‌طور که میدانید رنگ اصلی ووکامرس بنفش است ولی شما می‌توانید خیلی راحت آن را تغییر دهید. با این کار شما باعث می‌شوید که در بین فروشگاه‌های ووکامرسی منحصربه‌فرد باشید و استایل خاص خود را داشته باشید و به‌این‌ترتیب می‌توانید در ذهن کاربر بیشتر ماندگار شوید.

تغییر رنگ فروشگاه ووکامرس با افزونه WooCommerce Colors

ظاهر وب‌سایت شما دارای اهمیت بسیار زیادی است و شما باید بتوانید یک ظاهر زیبا و جذاب برای سایت خود درست کنید تا کاربران در همان لحظه ورود به سایت جذب شوند. شما می‌توانید با استفاده از این افزونه یک ترکیب رنگی جذاب برای سایت خود ایجاد کنید و تنها چیزی که باید در هنگام استفاده از این افزونه به آن توجه داشته باشید نوع ترکیب‌بندی رنگ‌های وب‌سایت است. با افزونه WooCommerce Colors تغییر رنگ فروشگاه ووکامرس به‌راحتی امکان‌پذیر است.

افزونه‌ای که برای انجام این کار به شما معرفی می‌کنیم در مخزن وردپرس به ثبت رسیده است و شما می‌توانید خیلی راحت به‌صورت رایگان آن را دریافت کرده و در وب‌سایت خود بدون پرداخت هزینه نصب کنید. این افزونه به دلیل کاربرد مفیدی که دارد تاکنون در بیشتر از 30 هزار وب‌سایت نصب فعال داشته است که نشان از محبوبیت بالای آن دارد.

پس از نصب شما مشاهده می‌کنید می‌توانید خیلی راحت رنگ‌بندی تمامی عناصر سایتتان را تغییر دهید. این کار را می‌توانید بدون حتی یک خط کد نویسی و در کمترین زمان ممکن و با چند کلیک انجام دهید. همچنین این افزونه دارای یک تنظیمات ساده است که کاربران مبتدی نیز می‌توانند از آن خیلی راحت استفاده کنند.

نحوه کار با افزونه WooCommerce Colors

اولین کاری که باید انجام دهید این است که این افزونه را روی سایت خود نصب کنید. بنابراین به مسیر افزونه‌ها > افزودن بروید و این افزونه را از مخزن وردپرس دریافت کرده و روی سایت خود نصب کنید. می‌توانید جهت آگاهی بیشتر از نحوه انجام این کار آموزش نصب افزونه در وردپرس را ابتدا مشاهده کنید.

نصب افزونه WooCommerce Colors
نصب افزونه WooCommerce Colors

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

پس در این مرحله افزونه را نصب و راه‌اندازی کنید و پس از آن به بخش نمایش > سفارش سازی در پنل مدیریت وردپرس بروید و روی Woocommerce کلیک کنید.

تغییر رنگ در ووکامرس
تغییر رنگ در ووکامرس

سپس یک صفحه برای شما باز می‌شود که طبق آن می‌توانید رنگ‌بندی قسمت‌های مختلف ووکامرس را تغییر دهید و سفارشی کنید. در اینجا رنگ‌بندی دکمه‌ها، قیمت‌ها، تب‌ها، دکمه‌های حراج، قیمت، متن و پس‌زمینه فروشگاه را به‌صورت دلخواه می‌توانید به‌راحتی تغییر دهید.

تنظیمات افزونه

تنظیمات افزونه WooCommerce Colors
تنظیمات افزونه WooCommerce Colors

Primary Color: این گزینه برای این است که رنگ‌بندی اصلی ووکامرس را مانند رنگ دکمه‌ها و قیمت‌ها و… را بتوانید تغییر دهید.

Secondary Color: از این قسمت برای تغییر رنگ تب‌ها استفاده می‌شود.

Highlight Color: این گزینه جهت تغییر رنگ دکمه‌های حراج، برچسب قیمت و … می‌باشد.

Content Background Color: برای تغییر رنگ‌بندی پس‌زمینه ووکامرس می‌توانید از این گزینه کمک بگیرید.

Subtext Color: رنگ‌بندی فروشگاه خود را نیز می‌توانید با این قسمت تغییر دهید.

درنهایت زمانی که شما روی ذخیره تغییرات کلیک کنید تمامی سفارشی‌سازی‌هایی که انجام داده‌اید را می‌توانید مشاهده کنید. مشاهده کردید چقدر سریع و آسان می‌توان رنگ‌های پیش‌فرض فروشگاه را تغییر داده و از ظاهر جدید فروشگاه خود لذت برد.

نتیجه استفاده از افزونه WooCommerce Colors
نتیجه استفاده از افزونه WooCommerce Colors

این افزونه تنظیمات خاصی برای پیکربندی ندارد و شما تنها از طریق همین بخش می‌توانید رنگ‌بندی موردنظر خود را سفارشی‌سازی کنید و نیازی ندارید که دیگر کاری انجام دهید.

نتیجه‌گیری

امروزه تمامی سایت‌های وردپرسی فروشگاهی شده‌اند و فروشگاه خود را با ووکامرس راه‌اندازی کرده‌اند. به همین سبب ما هر چه بیشتر تسلط بر ووکامرس داشته باشیم بهتر می‌توانیم فروشگاه خود را مدیریت کرده و یک فروشگاه باکیفیت و با استایل زیبا و جذاب برای کاربران و مشتریان به نمایش بگذاریم.

داشتن یک ظاهر جذاب در تمامی فروشگاه‌های اینترنتی بسیار مهم است و می‌تواند تأثیر مثبت یا منفی بر روی مشتریان شما بگذارد. پس شما می‌توانید با توجه به زمینه فعالیت فروشگاه خود از رنگ‌بندی‌های مختلفی استفاده کرده و آن را سفارشی کنید. این کار را می‌توانید خیلی راحت و بدون کد نویسی با افزونه رایگان WooCommerce Colors انجام دهید.

پیروز و سربلند باشید. 🙂

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U334104 ۷ آذر ۱۴۰۲

    مرسی بابت مطالب مفیدتون
    افزونه ای داره که روی ووکاورس نصب بشه تا ما اگر بخواهیم کلماتی مثل تخفیف رو تعویض کنیم یا اینکه بخواهیم برچسب هایی که وارد کردم توی قسمت محصولات نمایش نده رو حذف کنیم؟؟؟ ممنون میشم اطلاع بدید

  2. کاربر مهمان ۱۷ مرداد ۱۳۹۷

    مرسی بابت مطلب عالیتون کارمو راه انداخت حسابی
    EDD هم یه همچین افزونه ای داره ؟؟