Форум Сайтостроение Веб-строительство

Рубрики в wordpress 3

S
На сайте с 23.06.2010
Offline
3
sercun
922

Как в стандартной теме сделать чтобы вместо страниц в хедере там был список рубрик?

Понимаю что надо из Category.php вырезать код в вставить в хедер. Но почему то не получается чтобы было нормально, просто показывается РУБРИКИ и все (.

Не знаешь куда сливать кино трафик (http://ikinofilm.ru/)? ////// Обзоры Apple на world-mac.ru (http://world-mac.ru)
P
На сайте с 30.08.2009
Offline
6
Pravednik
#1

В хедере(header.php) ищешь и заменяешь вот это:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

на вот это:

<?php wp_list_categories('title_li='); ?>

потом стилями css расположишь как тебе нужно

S
На сайте с 23.06.2010
Offline
3
sercun
#2

Большое спасибо, рубрики появились, правда в вертикальном состоянии )))

P
На сайте с 30.08.2009
Offline
6
Pravednik
#3

вот теперь со стилями разбирайся - выставляй меню как тебе нужно

S
На сайте с 23.06.2010
Offline
3
sercun
#4

Да уже 10 минут балуюсь с ними )))

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

стили стандартные

#access {
background: #000;
margin: 0 auto;
width: 940px;
display:block;
float:left;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float:left;
position: relative;
}
#access a {
display:block;
text-decoration:none;
color:#aaa;
padding:0 10px;
line-height:38px;
}
#access ul ul {
display:none;
position:absolute;
top:38px;
left:0;
float:left;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left:100%;
top:0;
}
#access ul ul a {
background:#333;
height:auto;
line-height:1em;
padding:10px;
width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
color:#fff;
background:#333;
}
#access ul li:hover > ul {
display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color:#fff;
}
P
На сайте с 30.08.2009
Offline
6
Pravednik
#5

Ну я, например, так сделал:

1. Создаем список в хедере (теперь заменить на это):

<ul id="my_style">

<?php wp_list_categories('title_li=&hide_empty=0'); ?>

</ul>

2. В файл css вставляем:

#my_style li {

text-align: left;

float: left;

list-style: none;

}

3. Правим, настраиваем по своему вкусу

Удачи!

S
На сайте с 23.06.2010
Offline
3
sercun
#6

Большое спасибо за помощь, стиль прикрутил в рубрикам,

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

Вот для примера что имеется - http://world-mac.ru Каждая рубрика отображается на новой строчке, может можно как то по другому изменить чтоб всё было в одной.

Спасибо.

P
На сайте с 30.08.2009
Offline
6
Pravednik
#7

Ты в файл style.css точно добавил то что я в п.2 написал?

По идее этого должно хватить, если ничего не напутал

S
На сайте с 23.06.2010
Offline
3
sercun
#8

Да, ты ничего не напутал, большое спасибо ещё раз. Поставил повыше, все как надо, отступ сделать ещё надо побольше и отлично будет.

PS- Только что заметил ошибку в рисунке логотипа :-D

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий