Ну что, вы уже готовы узнать о создании сайдбара? На первый взгляд, сайдбар выглядит сложно, но на самом деле, он не такой страшный. Вам стоит лишь разобраться в его структуре, и вы сможете кодить и стилизовать его очень легко и быстро.
Перед тем, как приступить к сайдбару, посмотрите как должен выглядеть ваш файл 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. Если вы делаете эту тему для себя, достаточно будет иметь подзаголовок <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: закрывайте все теги в том порядке, в каком открывали!
Спасибо за урок!
А как сделать так, например, чтобы обернуть каким-нить тэгом количество постов в каждой категории?
Evgen, стандартный функционал этого не позволяет.
Спасибо за очередной урок. Есть небольшая проблемка…
Рубрики отображаются как положенно, а вот количества постов в данной рубрики не показывается, как и самих скобочек не видать. Перепроверил несколько раз свой код, переписал его заново, всё равно проблема осталась. Подскажите, в чем может быть причина?
Понял в чем была ошибка. У вас опечатка в тексте. Вместо <?php wp_list_cats(); ?> вы написали <?php wp_list_categories(); ?>. Только дойдя до следующего урока заметил эту неточность.
100%
Я тоже не понял, почему у меня не такой результат на экране браузера как у автора. Спасибо за замечание!
ArMikael, спасибо за бдительность. Уже давно это исправил, вы наверное через RSS читали?
wp-admin, нет, читаю напрямую с сайта. Вы наверное просто не всюду исправили. Просмотрите ещё разок Шаг 4. Я вижу по прежнему там это ошибку в двух местах.
и я тоже))
стоп, значит я неправильно вас понял – там и должно быть wp-list-categories!
Здравствуйте!
Спасибо! Полезные и понятно изложенные уроки!
Но,вот ответа на свой вопрос не нашла.
Мне нужно сделать несколько блоков категорий в сайдбаре. И так, чтобы, в каждом блоке отображались разные рубрики или посты, которые можно было бы задать. Виджета толкового не нашла. Буду благодарна, если подскажете, как сию задумку осуществить.
А как сделать “свежие комментарии”, “последние статьи”… ?
В четвертом шаге стоит тэг wp_list_categories, а на скрине ниже: wp_list_cats. Видимо ошибка?
У меня код отображает количество постов в рубрике только при теге wp_list_cats. Какой же всетаки правильно?
Здравствуйте!
Пришлите, пожалуйста, мне на e-mail: chashenkov@mail.ru ответ на такой вопрос. Хочу изменить шаблон WordPress так, чтобы сайдбар, который во всех шаблонах отображается справа, он отображался слева, а справа был еще один сайдбар с рекламой, голосованием и пр… Т.е. мне надо основной сайдбар перенести влево, а справа сделать еще один сайдбар и желательно, чтобы он настраивался через админку. Как это сделать? Ответ прошу прислать на E-Mail: chashenkov@mail.ru.
Заранее спасибо!
С уважением, Сергей.
А как вывести категории в нужном мне порядке? т.е. не по алфавиту или ID, а так как я укажу. Ни где не могу найти…
Blogpressa, всё найдете здесь, смотрите в параметрах.
Я к сожалению там не нашел…или не смог понять… Как я понимаю, там описывают всего 2 варианта расстановки категорий.
Допустим у меня есть 3 категории с ID=1, 2 и 3.
Их можно отсортировать по алфавиту и по порядку (1,2,3). А мне нужно разместить их, например, в таком порядке: 2,1,3. Как это реализовать я там не нашел. :(
blogpressa, можно сортировать только по ID категории (ID), по имени (name), адресу (slug), и количеству записей (count). Ваш принцип сортировки не поддается формулировке =) Если нужно в каком-то определенном порядке − советую разве что просто прописать в коде руками.
Спасибо за урок!
забавно… если писать , то отображается не только список категорий, но и перед ними слово “Рубрики”, находящееся уровнем выше списка, но ниже написанного нами хедера Categories
А если писать , то отображается только список категорий, без всяких там лишних заголовков, и лишних отступов.
привет. очень полезній блог, я в вордпресе новичок, а здесь собрано все что нужно. читая курс по созданию шаблона (хотел отредактировать шаблон), понял – не успею, нужно создать сайт в три колонки. вопрос к автору: подскажите, пожалуйста сайт, где можно скачать русский шаблон не для блога, а именно для сайта (в три колонки:))
На картинке так и осталось с ошибкой: php wp_list_cats();
А меню из записей в сайдбаре сделать можно?
Это не ошибка, это разные версии вордпресса. Причем в версиях 2.8 и выше работают оба варианта
php wp_list_cats(); работает корректно а <?php wp_list_categories(); нет…
Как сделать,0 что б вместо простого списка категорий выходил список а-тегов вместе с css? Ну что б красивей было? В вордпресе вобще новичок, не собираюсь на нём долго пробыть, но этот вопрос меня чё-то волнует. Не подскажете?
А вы неподскажите как вывести категории на отдельной странице??
Большое спасибо автору за уроки. Оказывается и с РНР можно разобраться, когда рядом толковый учитель
Спасибо за уроки. Очень помогло.
А для wp_list_categories нужны такие опции: (‘sort_column=name&show_count=1&hierarhical=0&title_li=’)
Тогда в браузере результат как на скрине автора.
‘sort_column=name&show_count=1&hierarhical=0&title_li=’
Скажите, а такие строчки вы запоминаете, или где-то записываете, или тут логика какая-то есть, чтобы легко было запомнит?
Отвечать не нужно уже осознал.