WORDPRESS 11. Сайдбар (и категории).

Привет, сегодня поговорим про wordpress сайдбар и категории , обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое wordpress сайдбар и категории , настоятельно рекомендую прочитать все из категории Системы управления контентом CMS.

Ну что, вы уже готовы узнать о создании сайдбара? На первый взгляд, сайдбар выглядит сложно, но на самом деле, он не такой страшный. Вам стоит лишь разобраться в его структуре, и вы сможете кодить и стилизовать его очень легко и быстро.

Перед тем, как приступить к сайдбару, посмотрите как должен выглядеть ваш файл index.php.

Шаг 1

Сначала поместим блок с классом sidebar вокруг всего в сайдбаре. Вставьте этот код под блоком container и над тэгом </body>:

<div class=»sidebar»>

</div>

Шаг 2

Начните ненумерованный список в области нового невидимого блока в сайдбаре.

<ul> — открыть ненумерованный список

</ul> — закрыть ненумерованный список

Шаг 3

Добавьте элемент списка (LI) в ненумерованный список (UL) и поставьте подзаголовок в этот элемент (LI).

<li><h2><?php _e(‘Categories’); ?></h2></li>

<li> — открыть элемент списка
<h2> — открыть подзаголовок
<?php _e(‘Categories’); ?> — напечатать слово Categories
</h2> — закрыть подзаголовок
</li> — закрыть элемент списка

Еще раз, вам не нужно ставить <?php e(‘ ‘); ?> вокруг слова Categories. Об этом говорит сайт https://intellect.icu . Если вы делаете эту тему для себя, достаточно будет иметь подзаголовок <h2>Categories</h2>

Сохраните файл index.php и обновите браузер. Вы должны увидеть подзаголовокCategories.

Небольшая черная точка перед подзаголовком указывает, что он находится в элементе списка (LI). Если у вас два элемента в ненумерованном списке (UL), точек будет две. Как маркировка в обычном списке, помните?

Шаг 4

Добавьте следующий код в элемент списка:

<ul>
<?php wp_list_categories(‘sort_column=name&optioncount=1&hierarchical=0′); ?>
</ul>

Вот что это значит:

<ul> — открыть еще один ненумерованный список
<?php wp_list_categories(); ?> — вызвать список ссылок на категории
</ul> — закрыть ненумерованный список

Сохраните и обновите браузер. Вот как выглядят мои ссылки на категории:

У вас категорией по умолчанию будет Uncategorized. Если вы не создавали никаких категорий в блоге, то ваш список будет состоять только из одной ссылки — Uncategorized.

Дополнительные опции:

• sort_column=name – сортировать ссылки на категории по алфавиту
• optioncount=1 – отображать количество постов, созданных в каждой категории
• hierarchial=0 – не ставить подкатегории в отдельный подпункты списка, это объясняет, почему моя ссылка Суб-категория расположена на первом уровне списка.
• & — каждый раз, как вы добавляете новый атрибут, вы должны ставить знак & перед ним, чтобы разграничить его от остальных атрибутов. Например, & стоит между sort_column иoptioncount.

Почему мы не ставили тэги <li> и </li> вокруг <?php wp_list_categories(); ?>:

Когда вы вызываете список категорий с помощью функции wp_list_categories(), тэги <li> и</li> автоматически прикрепляются к каждой ссылке. В браузере зайдите на View > Page Source или CTRL-U; когда появится всплывающее окно, наведите курсор вниз, чтобы увидеть код списка категорий; обратите внимание, что вокруг каждой ссылки есть тэги элементов списка.

Работая с сайдбаром, неупорядоченным списком и элементом списка, важно помнитьправило #1: закрывайте все теги в том порядке, в каком открывали!

На этом все! Теперь вы знаете все про wordpress сайдбар и категории , Помните, что это теперь будет проще использовать на практике. Надеюсь, что теперь ты понял что такое wordpress сайдбар и категории и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Системы управления контентом CMS