با سلام خدمت دوستان عزیز وردپرسی!

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

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

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

Widget-CSS-Classes

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

 

افزونه‌ای که قصد معرفی آن را دارم با عنوان Widget CSS Classes در مخزن وردپرس به ثبت رسیده است که با استفاده از آن می‌توانید تا استایل دلخواهی را برای هر یک ابزارک‌های سایت وردپرسی خود ایجاد نمایید.

پیشنهاد بعدی  نمایش درختی دسته‌بندی در وردپرس با WP-Parsi navigation trees

این افزونه تا به امروز توانسته است تا بیش از 90.000 نصب فعال و کسب امتیاز 4.9 را از آن خود نماید.

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

widget-css-classes

افزودن استایل به ابزارک‌ها با Widget CSS Classes

حال کافی است تا مطابق قطعه کد زیر کلاس مربوط به هر فرم را با استفاده از ابزار Inespect Element یافته و سپس در فیلد مورد نظر استایل خود را به همراه نام کلاس مانند نمونه زیر وارد کنید.

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

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

before-after

افزودن استایل به ابزارک‌ها با Widget CSS Classes

شاد باشید..

لینک های ضمیمه دانلود افزونه
امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته
Loading...