¿Quieres cambiar el estilo de las categorías en WordPress? La mayoría de los temas de WordPress usan el mismo estilo para todas las páginas de archivo de categorías. Sin embargo, si ejecuta un sitio web rico en contenido, puede personalizar cada categoría de manera diferente para maximizar su potencial.
¿Por qué estilizar las categorías de manera diferente en WordPress?
Como dijimos anteriormente, la mayoría de los temas de WordPress usan la misma plantilla para cada página de archivo de categoría. Esto se debe a que los desarrolladores de temas no saben cómo usará las categorías en su sitio web y cuáles serán esas categorías.
Sin embargo, si está ejecutando un sitio rico en contenido, cambiar el diseño de una página de archivo de categoría 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 ejecuta un sitio de noticias o una revista, puede ver clasificados locales en la categoría de noticias locales. Puede mostrar información meteorológica, mostrar las historias más populares en esa categoría, etc.
Dicho esto, veamos cómo personalizar fácilmente las categorías individuales de manera diferente en WordPress.
Estilo de categoría individual diferente en WordPress
Hay varias formas de diseñar categorías en WordPress. Le mostraremos dos métodos diferentes para estilizar categorías y puede elegir el que mejor se adapte a sus necesidades y nivel de habilidad.
Usando la plantilla de categoría única en el tema de WordPress
Los temas de WordPress siguen una jerarquía de plantillas estándar. Dependiendo del nombre de un archivo de plantilla, WordPress puede seleccionar automáticamente la plantilla correcta para mostrar una página.
Por ejemplo, busque el archivo category.php para ver las páginas de archivo de categorías.
WordPress también le permite crear plantillas para categorías individuales. Supongamos que desea aplicar un estilo diferente a la categoría “Apple”. Puede hacer esto agregando un nuevo archivo de plantilla a su tema y nombrándolo category-apple.php.
Conéctese a su sitio de WordPress usando un cliente FTP, luego vaya a la carpeta /wp-content/themes/your-current-theme/ y cree una nueva categoría de archivo-apple.php. No olvide reemplazar Apple con el nombre de su categoría.
Puede usar el archivo category.php de su tema como punto de partida. Simplemente edite y copie todo su contenido. Ahora edite su archivo category-apple.php recién creado y pegue el código en él.
Después de eso, puede comenzar a realizar cambios en su plantilla de categoría individual. Puede crear y usar una barra lateral diferente para esta categoría, convertirla en una página de ancho completo, agregar un mensaje de bienvenida o cualquier otra cosa que desee.
Dibuja categorías individuales en WordPress usando CSS
WordPress agrega automáticamente clases de CSS a varios elementos en su sitio web. Estos incluyen tanto la clase corporal como la clase posterior.
Por ejemplo, si ve una página de archivo de categoría y luego usa la herramienta Inspeccionar, notará las clases CSS de categoría y nombre de categoría en la etiqueta del cuerpo.
Puede usar esta clase de CSS para aplicar un estilo diferente a cada categoría individual agregando CSS personalizado.
Estos son algunos ejemplos de CSS que puede 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 olvide cambiar el nombre de la categoría en la clase CSS a su propio nombre de categoría.
