Рубрики и их дети

Не могу разобраться, как сделать, что бы дочернии рубрики выводились в виде дерева, примерно так –

Рубрика 1
подрубрика 1
подрубрика 2
Рубрика 2
подрубрика 1
подрубрика 2

сейчас все в один столбец идет т.е –

Рубрика 1
подрубрика 1
подрубрика 2
Рубрика 2
подрубрика 1
подрубрика 2

хочется юзать с my category order.
Признателен за помощь

В CSS отступы прописали?

вот css темы, где-то приписывал padding-left, но ничего не менялось

 /*
Theme Name: ReciPress
Description: A theme that is both simple and sophisitced as one. W3C validated - SEO optimized. Can be used as-is in its simple mode, and can also be configured from the theme option page for adding 3 special categories with pictures to the homepage. The theme has banner-ad support, is widget ready, supports threaded-comments and multi-level dropdown menus. Visit www.DiamondsDesingers.com/Recipress for a user guide to help you get it up and running quickly. 
Version: 1.2
Author: Diamonds Designers
Author URI: http://www.DiamondsDesigners.com
Theme URI: http://www.diamondsdesigners.com/wp-content/uploads/2010/04/ReciPress.zip
Tags: theme-options, brown, green, two-columns, fixed-width
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/

/* -- Basic Style -- */

h1, h2, h3, h4, h5, h6, form
    {
        margin:0px;
        padding:0px;
    }
h1{font-size:30px;}
h2{font-size:14px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:14px;}
h6{font-size:12px;}
p
    {
        margin:0px;
        padding:0px;
        padding-bottom:12px;
    }
ul, ol, li
    {
        margin:0px;
        padding:0px;
        list-style:none;
    }
a, a:visited
    {
        color:#998b77;
        text-decoration:none;
        outline:none;
    }
a:hover
    {
        text-decoration:underline;
    }
img {border:none;}
img.alignright {float:right; margin:2px 0px 5px 5px; border:solid 1px #cccccc; padding:2px;}
img.alignleft {float:left; margin:2px 5px 5px 0px; border:solid 1px #cccccc; padding:2px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:2px 0 2px 5px;}
a img.alignleft {float:left; margin:0px 5px 2px 0px}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

blockquote
    {
        padding:7px 0px 0px 30px;
        font-size:14px;
        font-style:italic;
        border-left:solid 6px #6e5c4b;
        height:1%;
    }
.storyContent ul, ol
    {
        margin-left:20px;
        padding:5px 5px 15px 5px;
    }
.storyContent ol li
    {
        list-style:decimal;
    }
.storyContent ul li
    {
        list-style:square;
    }
.clear{
    clear:both;
}    


/* -- Main Style  -- */    

/***************************************/
body{
    background:#ffffff;
    margin:0px;
    padding:0px;
    font-family:arial;
    font-size:12px;
    color:#313131;
}
#main{
    width:906px;
    margin:0px auto;
    padding:0px 43px 0px 43px;
    background:url(images/content_bg.jpg) repeat-y left top;
}


/* -- Header -- */
.header{
    /*height:106px;*/
}
.title{
    padding-bottom:8px;
}
.title h1{
    height:36px;
    overflow:hidden;
    padding-top:15px;
}
.title h1 a,.title h1 a:visited{
    color:#1391d9;
    text-decoration:none;
}
.title h1 a:hover{
    cursor:pointer;
    text-decoration:none;
}
.head_content{
    background:#fff;
    padding:6px 25px;
}
.title h2{
    color:#998b77;
    font-size:18px;
    font-weight:normal;
    height:22px;
    overflow:hidden;
}
.head_border{
    background:url(images/head_border.jpg) repeat-x top;
    padding:5px 0px;
}

/* -- Page Navigation -- */

.nav{
    /*height:25px;*/
    background:#1391d9;
}
.nav_top
{
    background:url(images/nav_top.jpg) no-repeat left top;
}
.nav_bottom
{
    background:url(images/nav_bottom.jpg) no-repeat left bottom;
    padding:0px 35px;
    height:1%;
}
.nav_list
    {
        /*float:left;
        width:770px;*/
    }
.contact_link
    {
        float:right;
        width:90px;
        padding-top:2px;
    }
ul#nav{
  border: 0 none;
  padding: 0 0px 0 0;
  list-style: none;
  float:left;
  z-index:1000;
  font-family:Arial, Helvetica, sans-serif;
}
ul#nav li {
  margin: 0;
  border: 0 none;
  padding: 0 10px 0 10px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:auto;
}
ul#nav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0px;
  border-top:none;
  z-index:1000;
}

ul#nav ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#nav ul li {
  width: 150px;
  padding:0px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background:none;
  margin:0px;
}

/* Root Menu */
ul#nav a {
    padding:5px 15px 4px 15px;
    text-align:center;
    /*padding-left:32px;*/
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    font-size:14px;
    color:#dcff7f;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    text-transform:capitalize;
    background:url(images/dropdown_arrow.jpg) no-repeat right 10px;
}      
/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a, ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited {
    color:#dcff7f;
}
ul#nav li li.current_page_item a, ul#nav li li.current_page_item a:visited, ul#nav li.current_page_item li a, ul#nav li.current_page_item li a:visited{
    color:#dcff7f;
}


ul#nav a:active,
ul#nav li:active a,
ul#nav li.ieactive a {
  color: #dcff7f;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
  padding:7px 10px 7px 15px;
  width:125px;
  color: #d3f37a;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  background:#594837;
  text-decoration:none;
  opacity:0.9;
  filter:alpha(opacity=90);
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  color: #d3f37a;
  text-decoration:underline;
  font-weight:normal;
}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  padding:7px 10px 7px 20px;
  width:120px;
  text-decoration:none;
  font-weight:normal;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
/*background:#555;*/
  text-decoration:underline;
  font-weight:normal;
}

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
    padding:0;
    width:120px;
    padding:7px 10px 7px 20px;
  text-decoration:none;
}

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li.iehover li.iehover li.iehover li a:hover {
/*background:#FD7006;*/
  text-decoration:underline;
  font-weight:normal;
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}
/*****************************************************************/

.cat_blocks
    {
        margin-bottom:10px;
    }
.catblock
    {
        float:left;
        width:219px;
        /*height:234px;*/
        overflow:hidden;
        padding-right:10px;
    }
.block_top
    {
        height:165px;
        background:url(images/cat_top.jpg) no-repeat left top #b6ab9c;
        overflow:hidden;
        padding:10px 10px 0px 10px;
        font-weight:bold;
    }
.block_top a, .block_top a:visited
    {
        color:#594837;
    }
.block_top a:hover
    {
        color:#ffffff;
        text-decoration:none;
    }
.cat_img
    {
        width:199px;
        height:138px;
        overflow:hidden;
    }
.cat_desc
    {
        /*height:49px;*/
        background:url(images/cat_bottom.jpg) no-repeat left bottom #594837;
        /*background:#594837;*/
        /*overflow:hidden;*/
        color:#ffffff;
        padding:5px 9px;
    }
.cat_name
    {
        float:left;
        width:138px;
        padding-top:7px;
    }
.cat_more
    {
        float:right;
        width:60px;
        text-align:right;
        padding-top:7px;
    }
.welcome
    {
        background:#ded9d2;
        color:#594837;
    }
.welcome_top
    {
        background:url(images/welcome_top.jpg) no-repeat left top;
    }
.welcome_bottom
    {
        background:url(images/welcome_bottom.jpg) no-repeat left bottom;
        padding:10px 10px;
        height:1%;
    }
.welcome p
    {
        padding:5px 0px;
        line-height:18px;
    }
/*************************************************/
.main_content{
    padding:20px 0px;
}

/************** Inner Content *********************/

.main_left{
    width:677px;
    float:left;
}
.story{
    padding:20px 0px 0px 0px;
}
.story_title{
    margin-bottom:6px;
}
.story h2{
    padding:0px 0px 0px 0px;
    color:#8aa700;
}
.story h2 a,.story h2 a:visited{
    /*font-style:italic;*/
    color:#8aa700;
}
.story h2 a:hover{
    color:#413529;
    text-decoration:none;
}
.storyAuthor{
    padding:4px 0px 6px 0px;
    line-height:18px;
}
.storyAuthor a, .storyAuthor a:visited
{
    color:#8aa700;
    text-decoration:none;
}
.storyAuthor a:hover
{
    text-decoration:underline;
}
.storyTags,.story_category{
    padding:3px 0px;
}
.storyContent
    {
        border-bottom:solid 1px #b6ab9c;
        margin-bottom:10px;
        padding-top:20px;
    }
.storyContent p
    {
        line-height:19px;
    }
.storyContent ul,.storyContent ol,.storyContent h1,.storyContent h2,.storyContent h3,.storyContent h4,.storyContent h5,.storyContent h6{
    padding:10px 0px;
}
.navigation{
    padding-top:20px;
}
.navigation .alignleft{
    padding:5px 0px;
    float:left;
}
.navigation .alignright{
    padding:5px 0px;
    float:right;
}
.navigation .alignleft a,.navigation .alignleft a:visited, .navigation .alignright a,.navigation .alignright a:visited{
    padding:3px 10px;
    display:block;
    color:#fff;
    background:#000;
}
.navigation .alignleft a:hover,.navigation .alignright a:hover{
    text-decoration:none;
}
.navigation2 {
    padding-bottom:10px;
}
.navigation2 .alignleft2{
    padding:0px;
    float:left;
    display:block;
    color:#fff;
    background:#000;
}
.navigation2 .alignright2{
    padding:0px;
    float:right;
    display:block;
    color:#fff;
    background:#000;
}
.navigation2 .alignleft2 a,.navigation2 .alignleft2 a:visited,.navigation2 .alignright2 a,.navigation2 .alignright2 a:visited{
    color:#fff;
    text-decoration:none;
}
.navigation2 .alignleft2 a:hover,.navigation2 .alignleft2 a:hover{
    text-decoration:none;
    cursor:pointer;
}
.pagetitle,.article,.error{
    font-size:22px;
    font-weight:normal;
    color:#9e9690;
}

/***************************************************************/


/************* Sidebar Section ***************/

.sidebar{
    float:right;
    width:218px;
    background:#bab2a8;
}
.sidebar_top
    {
        background:url(images/sidebar_top.jpg) no-repeat left top;
    }
.sidebar_bottom
    {
        background:url(images/sidebar_bottom.jpg) no-repeat left bottom;
        padding:10px;
        height:1%;
    }
.sidebar ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

.sidebar li{
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #dcff7f;
}
.sidebar li a,.sidebar li a:visited{
    color:#363636;
    text-decoration:none;
    padding-right:5px;
}
.sidebar li a:hover{
    text-decoration:none;
    color:#e0f463;
}

.sidebar h3{
    color:#dcff7f;
    text-transform:uppercase;
}
.sidebar li li{
    padding:5px 0px 5px 12px;
    margin:0px;
    background:url(images/bullet.jpg) no-repeat left 11px;
    border:none;
    margin-left:5px;
}
.sidebar li li a, .sidebar li li a:visited{
    display:block;
    color:#363636;
    padding:0px;
    text-decoration:none;
}
.sidebar li li a:hover{
    text-decoration:none;
    color:#e0f463;
}
.sidebar li li li{
    border:none;
    padding:5px 0px 2px 12px;
}

/*********************************************/

.footer{
    padding:0px 0px 12px 0px;
    color:#b6ab9c;
}
.banner
{
    width:470px;
    height:62px;
    overflow:hidden;
    margin-bottom:10px;
}
.footer p{
    padding:5px 0px;
    font-size:12px;
}
.footer a, .footer a:visited
    {
        color:#000000;
        text-decoration:none;
    }
.footer a:hover
    {
        text-decoration:underline;
    }

/**************************/

/************** Comments And Other Style *********************************/

#comments,.commenttitle{
    font-weight:normal;
    font-size:18px;
}
#comment, #author, #email, #url
    {
        font-family:arial;
        font-size:13px;
        color:#483d32;
        line-height:150%;
        border:solid 1px #e3ded8;
        width:200px;
        padding:2px;
        background:#ffffff;
    }
#comment
    {
        width:480px;
    }
.commentlist{
    margin:0px;
    padding:0px;
}
.commentlist li{
    margin-bottom:10px;
    border-bottom:1px dashed #d0c5bf;
}
.reply
{
    padding-bottom:10px;
}
.commentlist li li{ 
    border:none;
    padding-left:20px;
    padding-bottom:5px;
}
.comment-body img{
    margin:0px 20px 10px 0px;
    float:left;
}
.comment-author, .comment-meta{
    padding-bottom:3px;
}
.comment-body p{
    padding:10px 0px;
    color:#000;
}
#commentform{
    padding:20px 0px;
}
#commentform p{
    padding:5px 0px;
}
#commentform #author,#commentform #email,#commentform #url,#commentform #comment{
    border:1px solid #CCCCCC;
}
#submitcomment{
    border:1px solid #CCCCCC;
    background:#fff;
    padding:3px;
    cursor:pointer;
}
.avatar
    {
        width:35px;
        height:35px;
    }
/***********************************************/

/* Legacy.Comments */
.avatarImg
    {
        float:left;
    }
.commentAuthor
    {
        float:left;
        padding-left:15px;
    }
.fl_right
    {
        padding-top:10px;
    }

/****************** Search Style ******************/

.search{
    padding:10px 0px;
}
.searchText{
    background:#fff;
    border:1px solid #cacaca;
    padding:3px;
    float:left;
    margin:0px 3px 3px 0px;
    width:180px;
}
.searchBtn{
    background:#fff;
    border:1px solid #cacaca;
    text-align:center;
    width:60px;
    height:24px;
    float:left;
    margin:0px 0px 0px 0px;
}

/************************************************/

/* -- CALENDER STYLE -- */
/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin:0px auto;
    padding: 0px;
    width: 180px;
    font-size:11px;
    font-family:tahoma;
    color:#3e3e3e;
    text-align:center;
    }
#wp-calendar th
    {
        color:#dcff7f;
    }
#wp-calendar #today
    {
        color:#fff;
        font-weight:bold;
        background:#000;
    }
#wp-calendar #next a {
    padding-right: 5px;
    color:#e0f463;
    text-align: right;
    background:none;
    text-decoration:none;
    }
#wp-calendar #next a:hover
    {
        text-decoration:underline;
        background:none;
    }
#wp-calendar #prev a {
    padding-left: 5px;
    text-align: left;
    color:#e0f463;
    background:none;
    text-decoration:none;
    }
#wp-calendar #prev a:hover
    {
        text-decoration:underline;
        background:none;
    }
#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align:center;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:10px;
    width:180px;
    /*color:#105a82;*/
    /*background:#cfcfd0;*/
    }
    
#wp-calendar td a, #wp-calendar td a:visited {
    border-left: none;
    padding:0px;
    color: #e0f463;
    text-decoration:none;
    font-weight:bold;
    font-size:11px !important;
}
#wp-calendar td a:hover {
    background: none;
    border-left: none;
    font-weight:bold;
    text-decoration: underline;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    /*background-color: #b48625;*/ }
/* End Calendar */




/************************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
где-то приписывал padding-left, но ничего не менялось

Надо не где-то, а там где надо.

Простите, но я не буду читать километр Вашего CSS.

В каком направлении искать? ничего толком не нашел в нем
вот сайдбар

/************* Sidebar Section ***************/

.sidebar{
    float:right;
    width:218px;
    background:#bab2a8;
}
.sidebar_top
    {
        background:url(images/sidebar_top.jpg) no-repeat left top;
    }
.sidebar_bottom
    {
        background:url(images/sidebar_bottom.jpg) no-repeat left bottom;
        padding:10px;
        height:1%;
    }
.sidebar ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

.sidebar li{
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #dcff7f;
}
.sidebar li a,.sidebar li a:visited{
    color:#363636;
    text-decoration:none;
    padding-right:5px;
}
.sidebar li a:hover{
    text-decoration:none;
    color:#e0f463;
}

.sidebar h3{
    color:#dcff7f;
    text-transform:uppercase;
}
.sidebar li li{
    padding:5px 0px 5px 12px;
    margin:0px;
    background:url(images/bullet.jpg) no-repeat left 11px;
    border:none;
    margin-left:5px;
}
.sidebar li li a, .sidebar li li a:visited{
    display:block;
    color:#363636;
    padding:0px;
    text-decoration:none;
}
.sidebar li li a:hover{
    text-decoration:none;
    color:#e0f463;
}
.sidebar li li li{
    border:none;
    padding:5px 0px 2px 12px;
}

.sidebar li li{
padding:5px 0px 5px 12px;
margin:0px;
background:url(images/bullet.jpg) no-repeat left 11px;
border:none;
margin-left:5px;

bullet.jpg стоит на против рубрик, но где тут дочернии рубрики ?

Если рубрики выводятся через wp_list_categories, то

ul.children li {padding:5px 0px 5px 12px; итд} или
.sidebar ul.children li {padding:5px 0px 5px 12px; итд}

Как-то так. Только проверьте, что один css подключается, а то во многих темах их несколько и если в последнем будет описание для ul.children, то оно и применится…

я может чего-то не понимаю, но где найти wp_list_categories.PHP ? в CMS нету вроде, в шаблоне тоже

UPD

Нашел в сайдбаре

Надо искать функцию wp_list_categories() в php-коде страниц. Функция может быть с различными аргументами.

вот только не совсем понял, что нужно сделать… ну добавлю я этот код в style.css
(хотя и не совсем понятно куда), а дальше его как-то вставить в сайдбар нужно?
вот кусок sidebar.php

 <li>
                                    
                                    <h3><?php _e('Рубрики'); ?></h3>
                                    <ul><?php wp_list_categories("title_li=");?></ul>
                                       
                                </li>

Попробовал вставить в css

ul.children li {padding:5px 0px 5px 12px; итд} или
.sidebar ul.children li {padding:5px 0px 5px 12px; итд}

ничего не изменилось, вопрос все ще открыт

Сайт покажите, плз.
Посмотрел исходный css, использовать надо .sidebar ul.children li {padding:5px 0px 5px 12px;} , и вставлять в самый конец оригинального файла. Не видя сайта, это всё, что могу сказать.

PS. Надеюсь Вы вставляли код без "итд" ?

сайт – iphonefuns.ru

Так рубрик второго уровня(подрубрик) просто не выводится на этом сайте. Вы уверены, что имеются непустые рубрики с parents>0 ?
Мне таких не удалось увидеть в данных статей. Хотя, без карты сайта не могу утверждать, что их нет.

А в каком файле находится wp_list_categories?

//извиняюсь, что немного не в тему, но как сделать сворачивание меню т.е. что бы вместо
Рубрика 1
подрубрика 1
подрубрика 2
Рубрика 2
подрубрика 1
подрубрика 2
Рубрика 3

показывал (на главной)
Рубрика 1
Рубрика 2
Рубрика 3

или (если просматривается рубрика2 или подрубрики в рубрике2)
Рубрика 1
Рубрика 2
подрубрика 1
подрубрика 2
Рубрика 3

streech – по ходу дела у вас просто нет записей в "подрубриках".

2 XPOMOB, лучше у кодекса спрашивать, быстрее будет, imho.

http://codex.wordpress.org/Template_Tags/wp_list_categories

Source File
wp_list_categories() is located in wp-includes/category-template.php.

wp_list_categories() у меня в шаблоне, в sidebar.php есть, но уже вопрос снят, решил не заморачиваться

2 streech, вопрос не в том, где есть wp_list_categories(), а в том, есть ли статьи в категориях второго уровня. Потому что используемая тема сама выводит их со сдвигом, ежели посмотреть её демки.

Значит что-то не так со структурой статей/категорий у Вас.

Anonymous
Отправить
Ответ на: