Cómo dar un estilo diferente a las categorías individuales en WordPress

¿Quieres dar un estilo diferente a las categorías en WordPress? La mayoría de los temas de WordPress utilizan el mismo estilo para todas las páginas de archivo de categorías. Sin embargo, si tienes un sitio web rico en contenido, puedes dar un estilo diferente a cada categoría para maximizar su potencial. En este artículo, te mostraremos cómo aplicar fácilmente un estilo diferente a las categorías en WordPress

¿Por qué dar un estilo diferente a las categorías en WordPress?

Como hemos dicho antes, la mayoría de los temas de WordPress utilizan la misma plantilla para cada página de archivo de categorías. Esto se debe a que los desarrolladores de temas no saben cómo vas a utilizar las categorías en tu sitio web y cuáles serán esas categorías

Sin embargo, si tienes un sitio rico en contenido, cambiar el diseño de una página de archivo de categorías puede tener un impacto dramático en la forma en que los usuarios interactúan con el contenido de esa página

Por ejemplo, si diriges un sitio de noticias o de revistas, puedes mostrar anuncios locales en la categoría de noticias locales. Puedes mostrar información meteorológica, mostrar las historias más populares de esa categoría, etc

Dicho esto, vamos a ver cómo se puede dar un estilo diferente a las categorías individuales en WordPress

Estilizar las categorías individuales de forma diferente en WordPress

Hay varias formas de dar estilo a las categorías en WordPress. Te mostraremos dos métodos diferentes para estilizar las categorías, y podrás elegir el que mejor se adapte a tus necesidades y a tu nivel de habilidad.

Uso de la plantilla de una sola categoría en el tema de WordPress

Los temas de WordPress siguen una jerarquía de plantillas estándar. Dependiendo del nombre del archivo de la plantilla, WordPress puede elegir automáticamente la plantilla adecuada para mostrar una página

Por ejemplo, busca el archivo category.php para mostrar las páginas del archivo de categorías

WordPress también te permite crear plantillas para categorías individuales. Supongamos que quieres dar un estilo diferente a la categoría "Apple". Puedes hacerlo añadiendo un nuevo archivo de plantilla a tu tema y nombrándolo category-apple.php.

Conéctate a tu sitio de WordPress utilizando un cliente FTP y luego ve a la carpeta /wp-content/themes/your-current-theme/ y crea un nuevo archivo category-apple.php. No olvides sustituir manzana por el nombre de tu categoría

Puedes utilizar el archivo category.php de tu tema como punto de partida. Simplemente edita y copia todo su contenido. Ahora edita tu archivo category-apple.php recién creado y pega el código dentro de él

Después puedes empezar a hacer cambios en la plantilla de tu categoría individual. Puedes crear y utilizar una barra lateral diferente para esta categoría, convertirla en una página de ancho completo, añadir un mensaje de bienvenida o cualquier otra cosa que desees

Estilizar categorías individuales en WordPress usando CSS

WordPress añade automáticamente clases CSS a diferentes elementos de tu sitio web. Estas incluyen la clase body y la clase post

Por ejemplo, si ves una página de archivo de categorías y luego utilizas la herramienta de inspección, verás las clases CSS de categoría y nombre de categoría en la etiqueta body

Puedes utilizar esta clase CSS para dar un estilo diferente a cada categoría individual añadiendo CSS personalizado

Aquí tienes un ejemplo de CSS que puedes utilizar como punto de partida

body.category-apple { 
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site { 
background:#232323; 
}
.category-apple a { 
color:#CCCCCC; 
} 

No olvides cambiar el nombre de la categoría en la clase CSS con tu propio nombre de categoría

Esperamos que este artículo te haya ayudado a aprender a cambiar el estilo de las categorías en WordPress. Quizás también quieras ver nuestra lista de hacks y plugins de categorías más buscados para WordPress

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.