Como adaptar o layout a uma categoria
anúnciantes
O design de um blog, especialmente WordPress, é bastante padrão. Criam-se algumas páginas e o layout é todo idêntico.
Felizmente é possível adaptar o design de acordo ás categorias, isto pode significar uma página diferente, adicionar uma imagem ou mostrar conteúdo extra.
Neste caso vou criar um tutorial para adicionar uma imagem de acordo com a categoria em que o leitor estiver a navegar.
O primeiro passo é saber o ID de cada categoria. Prefiro usar o ID ao nome da categoria para evitar problemas visto que «Blogging» é diferente de «blogging».
Uma forma rápida de saberes o ID de uma categoria é dirigires-te ao painel de administração do WordPress e editares a categoria, ao entrares na página de edição de uma categoria especifica o endereço na barra de navegação do browser mostra-te o número relativo á ID da categoria.
Na imagem podes ver destacado a vermelho o número correspondente ao ID da categoria.
Agora apenas precisas de editar o teu theme e onde queres mostrar a imagem colocas o seguinte código:
< ?php
$post = $wp_query->post;
if (in_category('1')) { ?>
< ? } elseif (in_category('2')) { ?>
< ? } else { ?>
< ? } ?>
Este código vai-te mostrar uma imagem distinta para a categoria 1 e para a categoria 2, caso o leitor não esteja em nenhuma dessas categorias mostra uma outra imagem.
Como vês é relativamente simples personalizar um Theme WordPress. Se tiveres ideias ou quiseres escrever um tutorial para os leitores terei todo o gosto em o partilhar dando obviamente os devidos créditos ao autor.
João Silas
January 10, 2009
Bastante útil. Bookmarked ;P
Estevao
January 12, 2009
bom tutorial! e sera complicado mudar o fundo da pagina. por exemplo termos uma cor para cada categoria. vou ver se tenho o muiomuio no blogroll do wordpress-genial! se nao tiver tenho de por
Mario Andrade
January 12, 2009
Bom, estou a falar sem testar mas não deve ser complicado.
Crias a verificação em php de acordo com a categoria e no código em cima onde tens imagem 1 substituís por código css:
<style type=”text/css”>
body { background:#ccc;
</style>
Podes mesmo usar um caso para simplificar o código php.
Se este código estiver depois da parte onde chamas a stylesheet do WordPress deve sobrepor-se ao código e alterar a cor de fundo para a que indicares.
Posso estar errado mas em teoria deve funcionar como disse