Intereting Posts
Крюк перед публикацией через API JSON REST Как отобразить имя и фамилию комментатора в комментариях? Слишком много вариаций в WooCommerce Дайте страницы ссылок wp своим собственным шаблоном Запуск, выполненный отдельно вне объекта__состояния () Плагин: подключение к внешней базе данных без отображения пароля Путь загрузки / URL-адрес для основного блога многопользовательской / сетевой настройки Установка статической домашней страницы и страницы блога без использования настроек Изменение URL-адреса веб-сайта в корневой папке Импорт старого SQL-дампа в новую версию WordPress Нечетная проблема functions.php в WordPress Вам нужно избегать текста с жесткой кодировкой? Как добавить индикатор в мой .menu-элемент, если он содержит .sub-меню? WP-Admin показывает (1) обновление, но обновление для плагина, темы или WordPress отсутствует Как сделать свой блог iPad / iPhone / Android дружественным?

Добавить конкретный css в виджет

У меня есть тема с боковой панелью и 3 виджетами. Я хочу изменить цвет одного из этих виджетов. Проблема в том, что все виджеты имеют один и тот же код:

<div class="box_outer"> <div class="widget"> <h3 class="widget_title">Widget title</h3> <div class="wid_border"></div> <div class="menu-widget-container"> <!-- widget content --> </div> </div> </div> 

Как я могу сгенерировать сгенерированный код, чтобы он создавал уникальный идентификатор для каждого виджета и получал что-то вроде этого:

 <div class="box_outer" id="widget1"> <div class="widget"> <h3 class="widget_title">Widget title</h3> <div class="wid_border"></div> <div class="menu-widget-container"> <!-- widget content --> </div> </div> </div> 

Solutions Collecting From Web of "Добавить конкретный css в виджет"

Если вы зарегистрируете боковую панель таким образом, все ваши динамические виджеты автоматически получат уникальный класс, например: class="widget-container widget_archive"

 register_sidebar( array( 'name' => __( 'Primary Widget Area', 'twentyten' ), 'id' => 'primary-widget-area', 'description' => __( 'The primary widget area', 'twentyten' ), 'before_widget' => '<li id="%1$s" class="widget-container %2$s">', 'after_widget' => '</li>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); 

Заметка –

'before_widget' => '<div id="%1$s" class="widget %2$s">',

  • " %1$s " – напечатает уникальный идентификатор виджета.
  • " %2$s " – напечатает уникальный класс для каждого виджета.

Затем мы можем применить индивидуальный стиль, необходимый для этого уникального класса.

Ссылка – Codex – Боковая панель регистра