Добавить конкретный 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 – Боковая панель регистра