Разметка виджета

Дата публикации:Декабрь 4, 2010

Рассмотрим разметку, которую генерирует активный виджет. 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');
Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.