اضافه کردن استایل سفارشی به ابزارک وردپرس + افزونه

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0٫00 از 5)
بارگذاری...

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

استفاده از افزونه برای اضافه کردن استایل سفارشی به ابزارک ها

اولین مرحله برای انجام این کار این است که شما باید ایتدا افزونه Widget CSS Classes plugin را نصب و راه اندازی کنید. پس از فعال سازی به قسمت نمایش /ابزارک ها مراجعه کرده و روی یکی از ابزارک ها کلیک کنید.

 

در این مرحله شما متوجه یک فیلد CSS Class زیر ابزارک خواهید شد. بنابراین به راحتی میتوانید برای هر ابزارک یک CSS Class تغریف کنید برای مثال: اضافه کردن subscribe class به این قسمت باعث تغییر رنگ این ابزارک خواهد شد.

.subscribe { 
background-color: #858585;
color:#FFF;
}

 

شما می توانید هر کد  CSS سفارشی، مانند اضافه کردن پس زمینه، تغییر مرزها، استفاده از رنگ های مختلف، و… را در آن قسمت اضافه کنید.

دانلود افزونه با لینک مستقیم

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

اگر نمیخواهید برای اضافه کردن استایل سفارشی از افزونه استفاده کنید میتوانید این کار را به صورت دستی انجام دهید. بطور پیش فرض وردپرس یکCSS Class سفارشی به عناصر  مختلف از جمله ابزارک اضافه می کند و شما باید روی ابزارکی که میخواهید تغییر دهید کلیک راست کرده و گزینه inspect element را انتخاب کنید ( از مرورگر کروم استفاده کنید ) و کد ابزارک مورد نظر را پیدا کنید همانطور که میبیند این کدها معمولا در استایل css قالب موجود میباشد و شما نیز برای اضافه کردن کد در جایی که استایل css موجود میباشد یک rtl.css ایجاد کرده و کدی زیر را در آن قسمت قرار دهید.

در ادامه بخوانید:  ۷ افزونه برای افزایش سرعت وب سایت وردپرسی شما

از این کد میتوانید برای تغییر ابزارک خود استفاده کنید فقط کافیست کد را در جای مناسب از استایل css یا rtl قرار دهید.

.widget-2 { 
background-color: #858585;
color:#FFF;
}
.widget-2 .widget-title { 
font-weight:bold;
}

اطلاعات بیشتر



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



سام فرخ نژاد
( عضو از 3 سال قبل )
  • 363 نوشته
  • 4230 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

نظرات کاربران

ثبت دیدگاه

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

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

مطالب مرتبط



دسته بندی مطالب

آخرین آپدیت محصولات

همکار ما شوید

اگر دوست دارید در زمینه آموزش ، افزونه ، قالب وردپرس و ووکامرس ، آموزش سئو و… مقالات آموزشی خود را در نوین وردپرس منتشر کنید میتوانید به عنوان نویسنده در نوین وردپرس فعالیت کنید.

  • تولید کننده فیلم آموزشی کار با محصولات
  • نویسندگی و ارسال مطالب آموزشی
  • تولید کننده دورهای آموزشی برنامه نویسی
  • فارسی سازی و ترجمه انواع قالب
  • و هر آنچه که توانایی دارید...