May 08
Deixando os links adicionados no blogroll personalizados na página do seu tema.
Compatível com wordpress 2.3 e 2.5
Insira o código abaixo no seu css:
.postentry li.linkcat {margin: 10px 0px 10px 0px; padding: 0px; display: block; width: 505px; float: left;}
.postentry ul, .postentry li {list-style-type: none; margin: 0; padding: 0;}
.postentry ul li {background: url('images/pin.gif') left no-repeat; border-bottom:1px solid #F1F1F1; display: block; margin:0; padding: 2px 2px 2px 12px; height: auto; width: 237px; color: #765B30; voice-family: "\"}\""; voice-family: inherit; text-decoration: none; float: left;}
.postentry ul li a, .postentry ul li a:visited, .postentry ul li a:active {color: #765B30; text-decoration: none;}
.postentry ul li a:hover {color: #E55FA6; text-decoration: none;}
html>body .postentry ul li a {width: 237px; text-decoration: none;}
Edite os tamanhos acima de acordo com a largura da parte dos posts do seu tema.
Pegue o total da largura, divide por dois e depois subtrai a largura do padding left e right que você irá achar a largura de cada coluna.
No caso acima, a largura dos posts era 505px. O padding está marcando 12px left e 2px right, então considera 14px. Sendo então 505 divido por 2 que é igual 252,5 menos 14 que é igual 238,5.
Mas como não é possível colocar números com vírgula, eu coloquei 238 e ainda não tinha dado certo, então dominui um pixel pra dar. Então ficou 237px cada largura.
O código acima considera que o conteúdo das suas páginas esteja dentro de uma div "postentry" se for outro nome, altere neste css. Para saber se seu código está entre a div "postentry", abra o arquivo page.php e verifique se o código que gera o conteúdo da página está entre ela, se for outra, é só trocar o nome no css.
Ps: Verifique no seu código css se você não já possui a parte do css onde diz "links nas pages e posts".
Agora salve a imagem abaixo e altere a url dela corretamente no css:
Agora copie o código abaixo e insira na sua página de links:
Pronto! Agora é só adicionar os links pelo Blogroll no painel do wordpress, podendo separar por categorias também.
Posts Relacionados
Tags: Tutoriais, Wordpress
