¿Le gustaría diseñar las categorías de manera diferente en WordPress? La mayoría de los temas de WordPress usan los mismos estilos para todas las páginas de archivo de categorías. Sin embargo, si ejecuta un sitio web rico en contenido, puede diseñar cada categoría de manera diferente para maximizar su potencial. En este artículo, le mostraremos cómo diseñar fácilmente diferentes categorías en WordPress.

Cómo diseñar categorías de manera diferente en WordPress

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

Como dijimos antes, 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 el sitio y cuáles serán esas categorías.

Sin embargo, si está ejecutando un sitio web rico en contenido, cambiar el diseño de su página de archivo de categoría puede tener un gran impacto en la forma en que los usuarios interactúan con el contenido de esa página.

Por ejemplo, si ejecuta un sitio web de noticias o una revista, puede mostrar anuncios locales en la categoría de noticias locales. Puede mostrar información meteorológica, mostrar las historias más populares en la categoría y más.

Habiendo dicho eso, veamos cómo diseñar fácilmente cada categoría de manera diferente en WordPress.

Diseñe categorías individuales de manera diferente en WordPress

Hay varias formas de diseñar categorías en WordPress. Le mostraremos dos formas diferentes de categorizar estilos, y puede elegir la que mejor se adapte a sus necesidades y nivel de habilidad.

Uso de plantillas de categoría única en temas de WordPress

Los temas de WordPress siguen una jerarquía de plantillas estándar. Según el nombre de archivo de la plantilla, WordPress puede seleccionar automáticamente la plantilla correcta para mostrar la página.

Por ejemplo, busca el archivo category.php para mostrar la página de archivo de categorías.

WordPress también le permite crear plantillas para categorías individuales. Suponga que desea aplicar un estilo diferente a la categoría “Apple”. Puede hacer esto agregando un nuevo archivo de plantilla a su tema y asígnele el nombre 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 un nuevo archivo category-apple.php. No olvides reemplazar apple con tu propio nombre de categoría.

Cree plantillas para categorías individuales en su tema de WordPress

Puede utilizar el archivo category.php del 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 cambiar su plantilla de categoría personal. Puede crear y usar diferentes barras laterales para esta categoría, convertirla en una página de ancho completo, agregar un mensaje de bienvenida o cualquier otra cosa que desee.

Diseñar una sola categoría en WordPress con CSS

WordPress agrega automáticamente clases de CSS a diferentes elementos en todo el sitio. Estos incluyen la clase de cuerpo y la clase de correos.

Por ejemplo, si observa la página de archivo de categoría y luego usa la herramienta de inspección, notará la categoría y el nombre de categoría clase CSS en la etiqueta del cuerpo.

La clase de categoría que WordPress agrega al elemento del cuerpo.

Puede usar esta clase de CSS para diseñar cada categoría individual de manera diferente agregando CSS personalizado.

A continuación se muestra un ejemplo de CSS que puede utilizar como punto de partida.

body.category-apple { 
background-color:#EEE;
background:url("https://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 clase en la clase CSS por el suyo propio.

Cambiar estilos de categoría con CSS

Esperamos que este artículo le haya ayudado a aprender cómo diseñar categorías de manera diferente en WordPress. También puede consultar nuestra lista de los hacks y complementos de la categoría de WordPress más buscados.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.