Mostra uma imagem no lugar do nome da categoria.
Mostrar imagens de todas as categorias de cada post
Vamos supor que você tenha mais de uma categoria associada a um post e queira mostrar uma imagem para cada uma delas. Para isso, adicione onde quer que as imagens da categoria apareçam (index.php, single.php...):
<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
echo "<a href=\"/category/";
echo $catname;
echo "/\">";
echo "<img src=\"/wp-content/cat-icons/";
echo $catname;
echo ".png\" alt=\"$catname category image\" /></a>\n";
}
?>
Crie uma pasta com o nome cat-icons dentro da pasta "wp-content".
As imagens que você dará para cada categoria deverão ter o nome da categoria. Por exemplo, a minha categoria "Photos", tem uma imagem com o nome "photos.png". Se quiser salvar as imagens em outro formato como jpeg por exemplo, basta substituir na linha 9 .png por .jpeg
Envie as imagens de cada categoria para /wp-content/cat-icons.
Tutorial original: http://www.jtpratt.com
Mostrar apenas uma imagem por post
Eu tenho várias categorias para cada post e queria mostrar a imagem apenas da categoria parent, ou seja a categoria mãe, então modifiquei o código anterior. Veja um exemplo, a categoria "Blog" é a parent, a mãe, as demais mostradas, são child, ou seja as categorias filhas:
Então para associar uma imagem para a categoria "Blog" na hora de fazer o post eu marco "Blog" e se desejar uma ou mais das categorias filhas.
Para mostrar a imagem, adicione onde quer que as imagens da categoria apareçam (index.php, single.php...):
<?php $parentscategory =""; foreach((get_the_category()) as $category){
if ($category->category_parent == 0) {
$catname =$category->category_nicename;
echo "<a title=\"Categoria $catname\" href=\"/category/";
echo $catname;
echo "/\">";
echo "<img src=\"/wp-content/cat-icons/";
echo $catname;
echo ".png\" alt=\"$catname category image\"/></a>\n";
}
}
echo substr($parentscategory,0,-2); ?>
Modifique da mesma forma que a primeira parte do tutorial e configure o CSS como desejar. O resultado será esse:
19-05-2011 | 13:37 
Tamara, vc é mara… ótimo tuto, como sempre!