Cómo diseñar 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 diseñar fácilmente 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 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 está ejecutando un sitio de noticias o revistas, puede mostrar anuncios locales en la categoría Noticias locales. Puede ver información meteorológica, ver las historias más populares de esta categoría, etc. Dicho esto, echemos un vistazo a cómo diseñar fácilmente categorías individuales 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 métodos diferentes para diseñar las categorías y puede elegir el que mejor se adapte a sus necesidades y nivel de habilidad.

Usando una plantilla de categoría única en el tema de WordPress

Los temas de WordPress siguen una jerarquía de plantillas estándar. Según el nombre del archivo de plantilla, WordPress puede elegir automáticamente la plantilla adecuada para mostrar una página. Por ejemplo, busca el archivo category.php para mostrar páginas de archivo de categorías. WordPress también le permite crear plantillas para categorías individuales. Suponga que desea darle a la categoría "Apple" un estilo diferente. 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 navegue a / wp-content / themes / su carpeta current-theme / y cree un nuevo archivo category-apple.php. Recuerde reemplazar apple con su propio nombre de categoría.

Puede utilizar 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. 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 lo que desee.

Estilo de categorías individuales en WordPress usando CSS

WordPress agrega automáticamente clases de CSS a diferentes elementos de su sitio web. Estos incluyen tanto la clase corporal como la clase posterior. Por ejemplo, si ve una página de archivo de categorías y luego usa la herramienta de inspección, notará la categoría y las clases CSS del nombre de categoría en la etiqueta del cuerpo.

Puede usar esta clase de CSS para diseñar cada categoría individualmente agregando CSS personalizado. A continuación, se muestran algunos ejemplos de CSS que puede utilizar como punto de partida. body.category-apple {color de fondo: #EEE; background: url ("http://example.com/wp-content/uploads/2017/background.jpg") sin repetición corregida; color: #FFFFFF; } .category-apple .site {background: # 232323; } .category-apple tiene {color: #CCCCCC; } No olvide cambiar el nombre de la categoría en la clase CSS con su propio nombre de categoría.

Esperamos que este artículo le haya ayudado a aprender a diseñar categorías de manera diferente en WordPress. También puede consultar nuestra lista de los hacks y complementos de categorías más buscados para WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.