Главная > CMS > WordPress — навигация в произвольной форме (страницы и категории)

WordPress — навигация в произвольной форме (страницы и категории)

6 апреля 2010 Написать комментарий К комментариям

Если порядок не важен то можно воспользоваться стандартными функциями, например:

<ul class="hor_nav">
<?php
   wp_list_pages('title_li=0' );
   wp_list_categories('title_li=0');
?>
</ul>

title_li=0 — чтобы не выводились заголовки.
Как разместить элементы горизонтально описано ранее в этой статье
Вероятнее всего понадобится разместить элементы в нужном порядке, для этого существует плагин WordPress Navigation List Plugin NAVT, устанавливается как обычно. Подробная информация: http://www.blog.kostromin.ru/navt/
Посе установки заменяем выше указанный код на:

<ul class="hor_nav">
<?php
   navt_getlist($sNavGroupName=hornavmenu);
?>
</ul>

hornavmenu — это группа, которую нужно создать в админке после установки плагина и добавить в нее необходимые элементы в необходимом порядке.
Можно задать стиль например так (полный текст, используемый для навигации):

ul.hor_nav {
margin: 0;
padding: 0;
}
ul.hor_nav a {
color: #fefefe;
}
ul.hor_nav a.current_item {
color: #505050;
}
ul.hor_nav li {
display: inline;
margin-right: 4px;
padding: 2px;
}
.hor_nav ul li.current-cat, .hor_nav ul li.current_page_item {
background: #f7d325;
padding-bottom: 40px;
font-weight: bold;
}

где:
ul.hor_nav a — описан цвет ссылки в меню
ul.hor_nav a.current_item — цвет ссылки в меню, в котором находится пользователь
.hor_nav ul li.current-cat, .hor_nav ul li.current_page_item — фон и размер элемента списка, в котором находится ссылка меню, в котором находится пользователь. О_о

Categories: CMS Tags:
  1. Пока что нет комментариев.
Похожие публикации