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

ضعیفمتوسطخوببسیار خوبعالی
( 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;
}

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



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

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

ثبت دیدگاه

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

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

مطالب مرتبط



افزونه Coming soon برای وردپرس

4352
0
سلام نوین وردپرسی ها خیلی از دوستان با صفحه ی coming soon آشنا هستند اما برای دوستانی که آشنا نیستند عرض کنم که این صفحه به معنی به زودی ...
جزییات بیشتر آموزش را بخوانید!

سئو ی داخلی سایت یا On-Page SEO چیست و چه تاثیری در سئو دارد

1515
0
سئو ی داخلی چیست سلام به دنیای وردپرس :) هر استراتژی در سئو برای کسب بهترین رتبه برای سایت می باشد و این استراتژی هایی که می خواهیم در سایتمان ...
جزییات بیشتر آموزش را بخوانید!

سئو سایت وردپرس چیست؟ آموزش کلی سئو سایت وردپرس

1577
0
بهینه سازی به شما کمک می کند تا ترافیک بیشتری را به سمت وب سایت خود هدایت کنید و رتبه بهتری در نتایج جستجو کسب نمائید. بنابراین اگر ...
جزییات بیشتر آموزش را بخوانید!

چگونه به وردپرس کد کوتاه یا shortcode اضافه کنیم؟

1370
0
آیا قصد افزودن shortcode به وردپرس خود را دارید؟ به طور کلی؛ شورتکدها یا همان کد های کوتاه یکی از ساده ترین و بهترین روش ها برای اضافه ...
جزییات بیشتر آموزش را بخوانید!

7 روش رفع خطای رایج هنگام خروج از سیستم در وردپرس

59
0
خطای هنگام خروج از سیستم یکی از مشکلات شایعی است که ممکن است هر کسی با آن مواجه شود. به طور معمول، این مشکل به دلیل مشکل در ...
جزییات بیشتر آموزش را بخوانید!

انتقال محتوا از فایل ورد به وردپرس با افزونه Mammoth

2628
0
ایجاد محتوای حرفه ای در سایت های مختلف بسیار مهم است و کاربردی بودن محتوا نشان از مفید بودن آن برای کاربر می باشد و یکی از فاکتور ...
جزییات بیشتر آموزش را بخوانید!

تشخیص و پیداکردن قالب سایت وردپرس و افزونه + معرفی اکستنشن مرورگر

14545
9
احتمالاً برایتان پیش آمده که وارد یک سایت شوید و سپس ظاهر و استایل آن آنقدر جذاب باشد که کنجکاو شوید که این سایت از چه نوع قالبی ...
جزییات بیشتر آموزش را بخوانید!

وقتی از ناحیه مدیریت وردپرس قفل شده اید چه کاری باید انجام دهید

2340
0
یکی از بدترین اتفاقاتی که می تواند روزکاری شما را برهم بریزد، قفل شدن ناحیه مدیریت وردپرس می باشد. خطای قفل شدن پنل مدیریت وردپرس باعث می شود شما ...
جزییات بیشتر آموزش را بخوانید!

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

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

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