آموزش افزودن کد css سفارشی به ابزارک وردپرسReviewed by ابرقویی on Jul 3Rating: ۴.۰آموزش افزودن کد css سفارشی به ابزارک وردپرسآموزش افزودن کد css سفارشی به ابزارک وردپرس به شما کمک میکند تا بتوانید ابزارک های خود را سفارشی سازی کنید و به هر ابزارک یک استایل خاص بدهید

آموزش افزودن کد css سفارشی به ابزارک وردپرس

افزودن کد css سفارشی به ابزارک وردپرس

ما امروز با شما هستیم تا به شما آموزش افزودن کد css سفارشی به ابزارک وردپرس را بدهیم تا بتوانید ظاهر سایت خود را زیبا تر و متفاوت تر کنید و هر ابزارک و ویچت سایتتان را به یک رنگ یا هر تفاوت دیگری که دوست دارید در بیاورید و برای هر ابزارک استایل مورد نیاز خود را بنویسید مثلا برای ابزارک خبرنامه خود رنگ مشهور آبی آن را استفاده کنید و بتوانید مشتریان بیشتری را جذب کنید.

افزودن سی اس اس سفارشی به ابزارک وردپرس

ما در این آموزش از افزونه بسیار کاربردی Widget CSS Classes استفاده میکنیم و با استفاده از این افزونه دیگر نیازی به ویرایش کد های قالب یا جستجو های زمانگیر را نخواهیم داشت و به راحتی در صفحه ویرایش ابزارک ها میتوانیم برای هر ابزارک یک کلاس css مشخص کنیم و به آن ابزارک استایل و ظاهری که دوست داریم را اضافه کنیم.

ابتدا افزونه Widget CSS Classes را نصب کنید ( آموزش نصب افزونه در وردپرس ) و بعد از فعالسازی به مسیر نمایش> ابزارک ها رفته و روی یک ابزارک برای گسترش نوار کناری کلیک کنید.

آموزش افزودن کد css سفارشی به ابزارک وردپرس

الان مانند تصویر بالا میتوانید بخشی جدیدی که به این بخش اضافه شده است با نام CSS Class ببینید که باید اسم کلاس مورد نظر css تان را در این وارد کنید برای مثال باید داخلش بنویسید “darswp” و حالا میتوانید با ویرایش فایل style.css یا از تنظیمات قالب بخش “css اختصاصی” میتوانید هر استایلی که میخواهید به آن ابزارک خاص بدهید مانند کد زیر :

حالا با ذخیره کد بالا استایل تنها اون ابزارکی که شما با این کد ویرایشش کردید تغییر خواهد کرد و میتوانید در تصویر پایین تفاوت بین قبل و بعد از اعمال کد را ببیند:

آموزش افزودن کد css سفارشی به ابزارک وردپرس

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

میتوانید افزونه استفاده شده در آموزش افزودن کد css سفارشی به ابزارک وردپرس را در لینک زیر دانلود کنید و نصب کنید.