تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
محدودیت اسکریپت bemusic 0 پاسخ 82 بازدید خرید تتر از ایران 0 پاسخ 17 بازدید بهترین وب سرور 1 پاسخ 560 بازدید بهترین cdn 1 پاسخ 602 بازدید مشکل در پنل قالب بیست اسکریپت 2 پاسخ 417 بازدید سئو و لینک سازی 0 پاسخ 2 بازدید دانلود رایگان مجموعه طرح لایه باز قالب پست اینستاگرام 2 پاسخ 675 بازدید وردپرس یا جوملا؟ 0 پاسخ 720 بازدید معرفی سایت و اپ لیلام 4 پاسخ 662 بازدید 5 ارز دیجیتال برتر برای سرمایه گذاری در سال 2021 1 پاسخ 3276 بازدید

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

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

 

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

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

در صورتیکه با نصب افزونه در وردپرس آشنا نیستید، می توانید مقاله “آموزش نصب افزونه در وردپرس” را مطالعه کنید.

بعد از نصب و فعالسازی افزونه مذکور به قسمت نمایش » ابزارک ها رفته و روی هر ابزارکی که میخواهید کلیک کنید تا باز شود.

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

متوجه فیلد جدیدی که به تنظیمات ابزارک اضافه شده خواهید شد. از طریق این فیلد میتوانید کلاس CSS مورد نظر خود برای ابزارک مذکور را وارد کنید.

برای این کار میبایست ابتدا کلاس مورد نظر و استایل دلخواه خود را تعیین کنید. برای مثال:

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

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

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

 

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

اگر نمیخواهید که از افزونه برای اضافه کردن استایل دلخواه به ابزارک ها استفاده کنید، می توانید این کار را به صورت دستی انجام دهید. به صورت پیش فرض، وردپرس به به المان های مختلف نظیر ابزارک ها کلاس های CSS اضافه می کند.

 

هر ابزارک در سایدبار سایت وردپرس شما دارای کلاس شماره گذاری شده است. مثلا widget-1، widget-2 و مواردی از این دست. با استفاده از ابزارک Inspect Element مروگر گوگل کروم یا فایرفاکس می توانید کلاس CSS مربوط به ابزارکی که میخواهید استایل دلخواه آنها را ایجاد کنید، پیدا کنید.

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

همان طور که در تصویر بالا مشاهده می کند، ابزارکی که میخواهیم استایل مورد نظر خود را به آن اضافه کنیم، دارای کلاس widget-3 است. پس میتوانید کد استایل آنرا به صورت زیر تعریف کنید:

.widget-3 {
background-color: #e67e22 !important;
color:#FFF;
margin-bottom:20px;
padding:10px;
}

موفق باشید

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=48464
کلمات کلیدی پست :
مطالب مرتبط
2,160افزودن Preloding Animation به وردپرس تاریخ : 2020/01/29
7,024آموزش حذف کامل تمام افزونه ها در وردپرس تاریخ : 2018/06/11
12,337عدم نمایش تصاویر شاخص در ادامه مطالب وردپرس تاریخ : 2016/03/23
5,953افزونه نمایش قبل و بعد از تغییر تصاویر برای وردپرس تاریخ : 2016/05/20
8,297ایجاد نوار اطلاع رسانی در وردپرس با افزونه Simple Notices تاریخ : 2017/07/31
6,973قالب زیبای تفریحی دختران دزفول برای وردپرس تاریخ : 2014/06/15
3,652آموزش استفاده از تصاویر Unsplash در وردپرس تاریخ : 2019/10/30
4,603تغییر مسیر کاربران به صفحات دلخواه بر اساس نقش آنها تاریخ : 2013/12/10
10,157افزونه بارگذاری Ajax صفحات وردپرس تاریخ : 2016/08/14
7,985غیرفعال کردن نمایش نگارش وردپرس تاریخ : 2016/06/10
2,208جلوگیری از دزدی تصاویر سایت وردپرسی تاریخ : 2019/11/16
2,396ارسال ایمیل به نویسنده هنگام انتشار مطالب بدون افزونه تاریخ : 2019/04/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات