C√≥mo dise√Īar categor√≠as individuales de manera diferente en WordPress

¬ŅQuieres dise√Īar categor√≠as diferentes 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 dise√Īar cada categor√≠a de manera diferente para maximizar su potencial. En este art√≠culo, le mostraremos c√≥mo dise√Īar f√°cilmente categor√≠as diferentes en WordPress.

C√≥mo dise√Īar 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 utilizará 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 c√≥mo los usuarios interact√ļan con el contenido de esa p√°gina.

Por ejemplo, si ejecuta un sitio de noticias o revistas, puede mostrar anuncios locales en la categoría de noticias locales. Puede mostrar información sobre el clima, mostrar las historias más populares en esa categoría, etc.

Dicho esto, veamos c√≥mo dise√Īar f√°cilmente categor√≠as individuales de manera diferente en WordPress.

Dise√Īar categor√≠as individuales de manera diferente en WordPress

Hay varias formas de dise√Īar categor√≠as en WordPress. Le mostraremos dos m√©todos diferentes para dise√Īar categor√≠as, y usted puede elegir el que mejor se adapte a sus necesidades y nivel de habilidad.

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

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

WordPress tambi√©n le permite crear plantillas para categor√≠as individuales tambi√©n. Supongamos que desea dise√Īar la categor√≠a “Apple” de manera diferente. Puede hacerlo 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 y luego vaya a / wp-content / themes / your-current-theme / folder y cree un nuevo archivo category-apple.php. No olvides reemplazar la manzana con tu propio nombre de categoría.

Crear una plantilla para una categoría individual en su tema de WordPress

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 dentro de é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 CSS a diferentes elementos en todo 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 de inspección, notará las clases CSS de categoría y nombre de categoría en la etiqueta del cuerpo.

Clase de categoría agregada al elemento del cuerpo por WordPress

Puede usar esta clase CSS para dise√Īar cada categor√≠a individual de manera diferente agregando CSS personalizado.

Aquí hay algunos ejemplos de CSS 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 olvides cambiar el nombre de la categoría en la clase CSS con tu propio nombre de categoría.

Cambiar el estilo de categoría usando CSS

Esperamos que este art√≠culo te haya ayudado a aprender c√≥mo dise√Īar categor√≠as de manera diferente en WordPress. Tambi√©n es posible que desee ver nuestra lista de hacks y complementos de categor√≠a m√°s buscados para WordPress.

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