Работает система Orphus

WordPress для каждого на русском языке!

  • RSS

Учебник по WordPress

Полезные советы

Хитрости

Шоукейс

О проекте

Темы WordPress на русском!

Эволюция пользовательского интерфейса WordPress (2003 – 2009)

Четверг, 14 января 2010 - Рекомендуем, Статьи и советы

WordPress каким мы видим его сейчас – это продукт любви, которой наградило его сообщество. Без идей, пожеланий, рекоммендаций и советов пользователей и тяжелой работы команды разработчиков, которая воплощала это всё в жизнь, из него никогда бы не получилось того, что есть сейчас. Сегодня WordPress предстает перед нами мощной полноценной CMS, подходящей почти под любые нужды. [...]

читать дальше

Продвинутые советы по разработке сайтов на WordPress

Понедельник, 27 июля 2009 - Рекомендуем, Статьи и советы

Последние релизы дают понять, что WordPress расширил границы своих возможностей далеко за пределы блоггинга, приобретая все больше качеств серьёзной и мощной системы по управлению контентом. Изначально, WordPress предлагает довольно поверхностный, минимальный функционал. Но простота основы с лихвой компенсируется изобилием плагинов, которые значительно увеличивают потенциал движка.

читать дальше

5 полезных и оригинальных способов использования виджетов в WordPress

Четверг, 16 июля 2009 - Рекомендуем, Статьи и советы

Если вы создали хотя бы несколько сайтов на WordPress, то вы наверняка уже знаете, что WordPress это гораздо больше, чем просто блоггинговый движок. Он может быть также использован как и CMS, а виджеты WordPress – это мощный инструмент в арсенале WP-разработчика.

Многие думают, что WordPress виджеты это всего лишь способ реорганизовать структуру сайдбара вашего блога, не трогая код. Это действительно полезная способность видежтов, но это всего лишь верхушка айсберга всех возможностей, которые они предоставляют.

читать дальше

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

Вторник, 28 июля 2009 - Создание тем

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

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

Шаг 1

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

<div class="sidebar">

</div>

class-sidebar

Шаг 2

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

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

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

ul

Шаг 3

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

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

li-categories

<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>

category-links-add

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

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

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

category-links

У вас категорией по умолчанию будет 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: закрывайте все теги в том порядке, в каком открывали!

Перейти к следующему уроку »

29 комментариев

  1. Evgen пишет:

    Спасибо за урок!

  2. Evgen пишет:

    А как сделать так, например, чтобы обернуть каким-нить тэгом количество постов в каждой категории?

  3. wp-admin пишет:

    Evgen, стандартный функционал этого не позволяет.

  4. ArMikael пишет:

    Спасибо за очередной урок. Есть небольшая проблемка…
    Рубрики отображаются как положенно, а вот количества постов в данной рубрики не показывается, как и самих скобочек не видать. Перепроверил несколько раз свой код, переписал его заново, всё равно проблема осталась. Подскажите, в чем может быть причина?

  5. ArMikael пишет:

    Понял в чем была ошибка. У вас опечатка в тексте. Вместо <?php wp_list_cats(); ?> вы написали <?php wp_list_categories(); ?>. Только дойдя до следующего урока заметил эту неточность.

    • Дмитрий пишет:

      100%

      Я тоже не понял, почему у меня не такой результат на экране браузера как у автора. Спасибо за замечание!

  6. wp-admin пишет:

    ArMikael, спасибо за бдительность. Уже давно это исправил, вы наверное через RSS читали?

  7. ArMikael пишет:

    wp-admin, нет, читаю напрямую с сайта. Вы наверное просто не всюду исправили. Просмотрите ещё разок Шаг 4. Я вижу по прежнему там это ошибку в двух местах.

  8. Влад пишет:

    и я тоже))

  9. wp-admin пишет:

    стоп, значит я неправильно вас понял – там и должно быть wp-list-categories!

  10. Marina пишет:

    Здравствуйте!

    Спасибо! Полезные и понятно изложенные уроки!

    Но,вот ответа на свой вопрос не нашла.

    Мне нужно сделать несколько блоков категорий в сайдбаре. И так, чтобы, в каждом блоке отображались разные рубрики или посты, которые можно было бы задать. Виджета толкового не нашла. Буду благодарна, если подскажете, как сию задумку осуществить.

  11. Борис пишет:

    А как сделать “свежие комментарии”, “последние статьи”… ?

  12. MaximZ пишет:

    В четвертом шаге стоит тэг wp_list_categories, а на скрине ниже: wp_list_cats. Видимо ошибка?

    У меня код отображает количество постов в рубрике только при теге wp_list_cats. Какой же всетаки правильно?

  13. Сергей пишет:

    Здравствуйте!

    Пришлите, пожалуйста, мне на e-mail: chashenkov@mail.ru ответ на такой вопрос. Хочу изменить шаблон WordPress так, чтобы сайдбар, который во всех шаблонах отображается справа, он отображался слева, а справа был еще один сайдбар с рекламой, голосованием и пр… Т.е. мне надо основной сайдбар перенести влево, а справа сделать еще один сайдбар и желательно, чтобы он настраивался через админку. Как это сделать? Ответ прошу прислать на E-Mail: chashenkov@mail.ru.

    Заранее спасибо!

    С уважением, Сергей.

  14. Blogpressa пишет:

    А как вывести категории в нужном мне порядке? т.е. не по алфавиту или ID, а так как я укажу. Ни где не могу найти…

  15. blogpressa пишет:

    Я к сожалению там не нашел…или не смог понять… Как я понимаю, там описывают всего 2 варианта расстановки категорий.
    Допустим у меня есть 3 категории с ID=1, 2 и 3.
    Их можно отсортировать по алфавиту и по порядку (1,2,3). А мне нужно разместить их, например, в таком порядке: 2,1,3. Как это реализовать я там не нашел. :(

    • Vanilla Man пишет:

      blogpressa, можно сортировать только по ID категории (ID), по имени (name), адресу (slug), и количеству записей (count). Ваш принцип сортировки не поддается формулировке =) Если нужно в каком-то определенном порядке − советую разве что просто прописать в коде руками.

  16. Monacus пишет:

    Спасибо за урок!

    забавно… если писать , то отображается не только список категорий, но и перед ними слово “Рубрики”, находящееся уровнем выше списка, но ниже написанного нами хедера Categories

    А если писать , то отображается только список категорий, без всяких там лишних заголовков, и лишних отступов.

  17. Константин пишет:

    привет. очень полезній блог, я в вордпресе новичок, а здесь собрано все что нужно. читая курс по созданию шаблона (хотел отредактировать шаблон), понял – не успею, нужно создать сайт в три колонки. вопрос к автору: подскажите, пожалуйста сайт, где можно скачать русский шаблон не для блога, а именно для сайта (в три колонки:))

  18. фото блог пишет:

    На картинке так и осталось с ошибкой: php wp_list_cats();
    А меню из записей в сайдбаре сделать можно?

  19. Tuk пишет:

    Это не ошибка, это разные версии вордпресса. Причем в версиях 2.8 и выше работают оба варианта

  20. Shrek пишет:

    php wp_list_cats(); работает корректно а <?php wp_list_categories(); нет…

  21. Ihor пишет:

    Как сделать,0 что б вместо простого списка категорий выходил список а-тегов вместе с css? Ну что б красивей было? В вордпресе вобще новичок, не собираюсь на нём долго пробыть, но этот вопрос меня чё-то волнует. Не подскажете?

  22. Валентина пишет:

    А вы неподскажите как вывести категории на отдельной странице??

  23. Лариса Клепачева пишет:

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

  24. meget пишет:

    Спасибо за уроки. Очень помогло.
    А для wp_list_categories нужны такие опции: (‘sort_column=name&show_count=1&hierarhical=0&title_li=’)
    Тогда в браузере результат как на скрине автора.

  25. Владимир пишет:

    ‘sort_column=name&show_count=1&hierarhical=0&title_li=’

    Скажите, а такие строчки вы запоминаете, или где-то записываете, или тут логика какая-то есть, чтобы легко было запомнит?

  26. Владимир пишет:

    Отвечать не нужно уже осознал.

Ваш комментарий

Этот домен продается здесь: telderi.ru, и еще много других