Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

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

Estas en el tema de Cambiar color de un contenedor según categoría (Theme wordpress) en el foro de WordPress en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/06/2014, 10:56
 
Fecha de Ingreso: septiembre-2012
Mensajes: 4
Antigüedad: 8 años, 1 mes
Puntos: 0
Cambiar color de un contenedor según categoría (Theme wordpress)

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
  #2 (permalink)  
Antiguo 17/06/2014, 19:08
 
Fecha de Ingreso: mayo-2011
Mensajes: 101
Antigüedad: 9 años, 4 meses
Puntos: 5
Respuesta: Cambiar color de un contenedor según categoría (Theme wordpress)

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.
  #3 (permalink)  
Antiguo 18/06/2014, 18:59
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 11 años, 3 meses
Puntos: 429
Respuesta: Cambiar color de un contenedor según categoría (Theme wordpress)

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:
Ver original
  1. .category-comidas {
  2. }

Más info en http://codex.wordpress.org/Function_...nce/post_class
__________________
Mi blog personal | Mi G+

Etiquetas: color, contenedor, css, diseño-web, según, theme
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:41.