Как я могу добавить добавочный идентификатор класса в свои виджеты боковой панели?
Мой код виджета боковой панели в functions.php выглядит вот так...
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Home Sidebar',
'id' => 'home-sidebar-widget',
'before_widget' => '<div class="menu side %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="sidebarTitle">',
'after_title' => '</h4>',
));
, который создает эту разметку на сайте...
<div class="menu side widget_text">
<h4>widget 1 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
<div class="menu side widget_text">
<h4>widget 2 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
Вот что мне нужно (просто добавьте номер в коллекцию классов)...
<div class="menu side s1 widget_text">
<h4>widget 1 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
<div class="menu side s2 widget_text">
<h4>widget 2 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
Я хотел бы добавить переменную count, чтобы каждая боковая панель получала число, которое я затем мог бы использовать для таргетинга css. Как?
2 answers
Похоже, что простого способа сделать это не существует. Однако вы можете попробовать этот довольно хакерский подход:
add_filter('dynamic_sidebar_params', 'my_sidebar_params_cb');
function my_sidebar_params_cb($params) {
global $my_widget_counter;
if (empty($my_widget_counter)) $my_widget_counter = 1;
else $my_widget_counter++;
$params[0]['before_widget'] = str_replace('class="', 'class="widget_nr_'.$my_widget_counter.' ', $params[0]['before_widget']);
return $params;
}
Вы можете настроить таргетинг на определенные элементы в CSS следующим образом..(конечно, не будет работать для всех браузеров).
#sidebar div.menu.side:nth-child(1) { /* First */ }
#sidebar div.menu.side:nth-child(2) { /* Second */ }
#sidebar div.menu.side:nth-child(3) { /* Third */ }
..and so on...
Или используйте какой-нибудь jQuery для добавления классов..
jQuery(document).ready( function($) {
var wi = 1;
$('#sidebar div.menu.side').each( function() {
$(this).addClass( 'widget-s' + wi );
wi = wi + 1;
});
});
Подход Вирфеля выглядит так, как будто он может сработать для вас, хотя я бы предложил это по сравнению с двумя вышеперечисленными.