Скин для WP своими руками (sidebar.php)

Сегодня мы с Вами разберемся с файлом sidebar.php – меню нашего блога.

Код примера будет содержать несколько блоков и выглядит немного устрашающе, но дорогу осилит идущий… Итак:

<div> <!—Блок информации об авторе блога… —>
<ul>
<div>
<div><li><h3><?php _e('Автор:'); ?></h3></div>
<div>
<ul><li>Сюда пишете краткую информацию о себе… или о хозяине блога, если это не Вы</a></li></ul>
</div>
</li>
</div>

<div> <!—Блок рубрик блога —>
<div><li><h3><?php _e('Рубрики:'); ?></h3></div>
<div>
<ul>
<?php wp_list_cats(); ?>
</ul>
</div>
</li>
</div>
<div> <!—Блок графического календаря за месяц, с указанием дат записей блога —>
<div><li><h3>Календарь:</h3></div>
<div><?php get_calendar(3); ?></div>
</li>
</div>

<div>
<div><li><h3><?php _e('Страницы:'); ?></h3></div>
<div>
<ul>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
</li>
</div>

<div> <!—Блок архивных записей блога помесячно—>
<div><li><h3><?php _e('Архив:'); ?></h3></div>
<div>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</div>
</li>
</div>

<div> <!—Блок ссылок Вашего блога, которые будут отображаться на каждой его странице —>
<div><li><h3><?php _e('Ссылки:'); ?></h3></div>
<div>
<ul>
<?php get_links('-1', '<li>', '</li>', ' ', 0, 'category', 0); ?>
</ul>
</div>
</li>
</div>

<div> <!—Регистрационная форма и перечень стандартов, которым подчинено оформление —>
<div><li><h3><?php _e('Мета:'); ?></h3></div>
<div>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="https://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="https://wordpress.org/" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.'); ?>">WordPress</a></li>
<?php wp_meta(); ?>
</ul>
</div>
</li>
</div>

<?php if (function_exists('wp_theme_switcher')) { ?>
<div> <!—Переключатель тем, для блогов, у которых пользователи могут сами управлять темами —>
<div><li><h3><?php _e('Темы:'); ?></h3></div>
<div>
<?php wp_theme_switcher(); ?>
</div>
</li>
</div>
<?php } ?>

</ul>
</div>

Я намерено оставил <div> – теги в коде для того, чтобы выделение элементов меню было более наглядным, а также, чтобы показать, какие именно элементы мы будем описывать позже в файле style.css.