Cómo definir categorías individuales de manera diferente en WordPress

¿Quieres diseñar categorías de manera diferente 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 tiene 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 definir fácilmente categorías de manera diferente en WordPress.

¿Por qué las categorías de estilo son diferentes 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ías puede tener un gran impacto en cómo los usuarios interactúan con el contenido de esa página.

Por ejemplo, si tiene un sitio de noticias o revistas, puede ver anuncios clasificados locales en la categoría de noticias locales. Puede mostrar la información meteorológica, mostrar las historias más populares en esa categoría y así sucesivamente.

Dicho esto, veamos cómo personalizar fácilmente categorías individuales de manera diferente en WordPress.

[enlazatom_show_links]

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

Hay varias formas de diseñar categorías en WordPress. Te mostraremos dos métodos diferentes para definir categorías y podrás elegir el que mejor se adapte a tus necesidades y nivel de habilidad.

Usar plantillas 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 archivo de una plantilla, WordPress puede elegir automáticamente la plantilla adecuada para mostrar una página.

Por ejemplo, busque el archivo category.php para ver las páginas del 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 un nuevo archivo category-apple.php. No olvide reemplazar la manzana con el nombre de su categoría.

Puede utilizar el archivo category.php de su tema como punto de partida. Simplemente edite y copie todo su contenido. Ahora edite el 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.

Estilo de categorías individuales en WordPress usando CSS

WordPress agrega automáticamente clases de CSS a diferentes elementos en su sitio web. Estos incluyen tanto la clase corporal como la lección posterior.

Por ejemplo, si ve una página de archivo de categorías y luego usa la herramienta Inspeccionar, notará la categoría y el nombre de categoría clases CSS en la etiqueta del cuerpo.

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

Aquí hay algunos CSS de muestra que puede usar 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 categoría en la clase CSS por su propio nombre de categoría.

Esperamos que este artículo te haya ayudado a aprender a diseñar categorías de manera diferente en WordPress. Es posible que también desee ver nuestra lista de hacks y plugins de categorías más buscados para WordPress.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *