Як застосувати довільні стилі до віджетів WordPress
Більшість віджетів у сайдбарі WordPress зазвичай виглядають однаково. Було б чудово, якби всі ваші віджети були однаково важливі, проте справа в тому, що деякі віджети важливіші за інші для розвитку сайту. Наприклад, віджет передплати на розсилку, звичайно ж, більш важливий, ніж віджет з архівами матеріалів сайту. Було б непогано, якби ви могли легко «розфарбувати» важливі віджети в інші кольори оформлення? У цій статті ми покажемо вам, як застосувати довільні стилі до віджетів WordPress.
Використовуємо плагін для додавання довільних стилів до віджетів WordPress
Насамперед вам необхідно встановити та активувати плагін Widget CSS Classes. Після активації просто переходимо до розділуЗовнішній вигляд » Віджети адміністративної панелі сайту та клацаємо на будь-який віджет у сайдбарі, щоб його розкрити.
Ви помітите нове поле CSS Class внизу ваших віджетів, і тепер ви легко зможете визначати CSS класи для кожного віджету. Наприклад, ми додали класsubscribe до нашого віджету з підписною формою.
Тепер ви можете перейти до файлу таблиці стилів вашої теми і додати правила до нього. Наприклад, ось так:
Ви можете додавати будь-який довільний CSS який забажаєте, будь то фон, зміна кордонів, використання різних кольорів і т.д.
Вручну додаємо довільні стилі до віджетів WordPress
Якщо ви не хочете використовувати плагін, то можете вручну додати власні стилі до ваших WordPress віджетів. За промовчанням WordPress додає CSS класи до різних елементів, включаючи віджети.
Кожен віджет у вашому сайдбарі має нумерований клас віджету. Наприклад, widget-1, widget-2, widget-3 і т.д. Використовуючи інструмент Google Chrome під назвою Інспекторелементів, ви можете визначити CSS клас потрібного віджету, який збираєтесь налаштовувати.
Як видно зі скріншота вище, у віджету, який ми збираємось налаштовувати, вказаний класwidget-2, за умовчанням доданий WordPress. Тепер переходимо до файлу таблиці стилів вашої теми та додаємо власні правила для стилів.
Не забувайте, по можливості, оцінювати записи, що сподобалися, кількістю зірочок на ваш розсуд.