Mostrar as suas categorias, em duas colunas

Alyen

cat_A função stadard wp_list_categories() gera uma lista de todas as suas categorias no seu blog WordPress. Vamos ver como podemos mudar facilmente a exibição das categorias para duas colunas.

Basta colar o seguinte código onde você gostaria que suas categorias sejam exibidas:

[sourcecode language=”php”]<?php
$cats = explode("<br />",wp_list_categories(‘title_li=&echo=0&depth=1&style=none’));
$cat_n = count($cats) – 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>’.$cats[$i].'</li>’;
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>’.$cats[$i].'</li>’;
endif;
endfor;
?>
<div id="categorias">
<h3>Categorias</h3>
<ul class="cat-l">
<?php echo $cat_left;?>
</ul>
<ul class="cat-r">
<?php echo $cat_right;?>
</ul>
</div>[/sourcecode]

E se você quiser pode usar o seguinte código CSS para deixar mais bonito o seu menu de categorias:

[sourcecode language=”css”]#categorias { width:300px; margin:0; padding:0; overflow:hidden; }
#categorias ul { list-style:none; margin:0; padding:0; }
#categorias ul li { font-size:13px; border-bottom:1px dotted #CCC; padding:8px 5px; width:130px; }
#categorias h3 { margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #CCC; }
#categorias .cat-l { float:left; }
#categorias .cat-r { float:right; }[/sourcecode]

Fonte do código php: wpsquare.com

Código CSS do Ajuda WordPress !

Temas

11 comments on “Mostrar as suas categorias, em duas colunas”

  1. A função aqui existe somente no cabeçalho, então adicionei esse código e blog ficou totalmente em branco Fiz exatamente como Blog Oh Blog ensinou, mas…não deu certo.

  2. Cara, eu troquei o código conforme o tutorial mas nada aconteceu, toda edição que é feita nesse código não está afetando a página, será que tem algo bloqueando minha edição?

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Ajuda WordPress © 2017 - Todos os direitos reservados.Desenvolvido por AlyenStudio

Send this to a friend