Cambiar color de un contenedor según categoría (Theme wordpress)

[Javalinex]

Hola a todos, tengo un sitio wordpress con esta plantilla : [URL="http://demo.mythemeshop.com/s/?theme=Point"]http://demo.mythemeshop.com/s/?theme=Point[/URL]


Y quiero cambiar el color de fondo de la caja que muestra la categoría de cada post
como se ve en esta imagen (categoría GENERAL con fondo predeterminado azul):



El contenedor esta en el index.php y el código que tiene es este:

Código:

<div class="featured-cat"><?php $category = get_the_category(); echo $category[0]->cat_name; ?></div>

Y me gustaria que cada categoría tenga un color de fondo distinto, pero no se programar en php, mi idea era luego llamar con css, tal que así:

Código:

#categoria1 {background: #f2f2f2}
#categoria2 {background: #f2f2f2}
#categoria3 {background: #f2f2f2}
#categoria4 {background: #f2f2f2}
....

Gracias, saludossss

[pinguisport85]

si te fijas en <div class="featured-cat"> la class deberías buscarlo en el style.css y desde ahí cambiar el background-color.

Ahora si quieres que cada categoría tenga un color distinto. Lo que se me ocurre es intervenir el index.php en el div que envuelve el post, agregarle otro class según categoría, pero el loop tendría que cambiar a un WP_Query....

También podrías reemplazar la class por lo siguiente class="post-<?php the_ID(); ?>"

esto significa que dependiendo del ID mostrara una class distinta y así podrás aplicarles estilos diferentes.

[zanguanga]

WordPress crea una clase en cada página de archivo de categoría. Si identificas el nombre de la clase con alguna herramienta para desarrolladores como Firebug podrás darle estilo en el CSS más o menos como quieres, por ejemplo:

Código CSS:

.category-comidas {
}
 

Más info en http://codex.wordpress.org/Function_...nce/post_class