Рассмотрим разметку, которую генерирует активный виджет. WordPress представляет область виджетов в виде неупорядоченного списка, каждый пункт которого относится к определенному виджету, добавленному к заданной области. Помимо этого, при использовании Thematic каждая область виджета будет обернута элементом div с классом «aside» и идентификатором, соответствующим ID виджета. Ниже приведена разметка для области виджетов Primary Aside:
<div id="primary"> <ul> <li id="linkcat-2"> <h3>Blogroll</h3> <ul> <li><a href="#">Link #1</a></li> <li><a href="#">Link #2</a></li> <li><a href="#">Link #3</a></li> </ul> </li> </ul><!-- END #xoxo --> </div><!-- END #first -->
В данном примере в области виджетов находится виджет Ссылки. Thematic имеет специальные фильтры, позволяющие изменять элементы разметки виджетов и областей виджетов:
| thematic_before_widget_area | открывающий тег <div> |
| thematic_after_widget_area | закрывающий тег </div> |
| thematic_before_widget | открывающий тег <div> перед каждым виджетом; значение по умолчанию: <li id="%1$s" class="widgetcontainer %2$s">Дает возможность генерировать идентификатор и класс для каждого виджета |
| thematic_after_widget | закрывающий тег </li> |
| thematic_before_title | открывающий тег <h3> перед заголовком виджета |
| thematic_after_title | закрывающий тег </h3> после заголовка виджета |
Рассмотрим небольшой пример. Допустим, мы хотим, чтобы каждый заголовок виджета был обернут не в h3, а в h4. Следующий код позволяет выполнить это:
function wicked_before_title($content) {
$content = '<h4>';
return $content;
}
function wicked_after_title($content) {
$content = '</h4>';
return $content;
}
add_filter('thematic_before_title', 'wicked_before_title');
add_filter('thematic_after_title', 'wicked_after_title');
Все просто!