Diferente CSS por categoría

css edit

Si tienes que desarrollar un sitio con WordPress y, por el motivo que sea, quieres mostrar distinto CSS (imagen de fondo, estilos, etc) dependiendo de la categoría en que esté encuadrada la entrada, debes saber que es posible y no es en realidad complicado usando la tag de plantilla in_category.

Ahora bien, no es complicado pero hay que trabajar un poco. De momento tendrás que crear las hojas de estilo para cada categoría (o añadir clases nuevas) y, eso si, una vez hecha esta parte solo tendrás que añadir un poco de código a tu plantilla, normalmente en el archivo header.php:

En este ejemplo, a la categoría con el ID #1 se le asigna la hoja de estilos azul.css, y así sucesivamente.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (1 votos, promedio: 4,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas y para servir más rápidos los contenidos.

gpdr, wpSGCacheBypass

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid

Pin It on Pinterest

if ( is_allowed_cookie( '_cfduit' ) { }