Cómo Estilizar Categorías Individuales Diferentemente en WordPress

¿Quieres cambiar el estilo de las categorías en WordPress? La mayoría de los temas de WordPress utilizan el mismo estilo para todas las páginas de archivo de categorías. Sin embargo, si ejecuta un sitio web rico en contenido, puede cambiar el estilo de cada categoría para maximizar su potencial. En este artículo, le mostraremos cómo cambiar fácilmente el estilo de las categorías en WordPress.

¿Por qué categorías de estilo diferente en WordPress?

Como dijimos antes, la mayoría de los temas de WordPress utilizan la misma plantilla para cada página de archivo de categorías. Esto se debe a que los desarrolladores de temas no saben cómo va a 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, entonces 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 dirige un sitio de noticias o de revistas, puede hacer que se muestren anuncios locales en la categoría de noticias locales. Puede mostrar información meteorológica, mostrar las historias más populares en esa categoría, y así sucesivamente.

Dicho esto, veamos cómo se pueden cambiar fácilmente los estilos de las categorías individuales en WordPress.

Estilo de las categorías individuales de forma diferente en WordPress

Hay varias maneras de cambiar el estilo de las categorías en WordPress. Te mostraremos dos métodos diferentes para estilizar las categorías, y podrás elegir el que mejor se adapte a tus necesidades y nivel de habilidad.

Uso de una plantilla de categoría 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 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ías.

WordPress también le permite crear plantillas para categorías individuales. Supongamos que quieres cambiar el estilo de la categoríaApple. Puede hacerlo añadiendo un nuevo archivo de plantilla al tema y nombrándolo category-apple.php.

Conéctese a su sitio WordPress usando un cliente FTP y 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 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 nuevo archivo category-apple.php y pegue el código dentro de él.

Después puede empezar a hacer cambios en su plantilla de categoría individual. Puede crear y utilizar una barra lateral diferente para esta categoría, convertirla en una página de ancho completo, añadir un mensaje de bienvenida o cualquier otra cosa que desee.

Estilo de categorías individuales en WordPress utilizando CSS

WordPress añade automáticamente clases CSS a los diferentes elementos de su sitio web. Estos incluyen tanto la clase de cuerpo como la clase de posgrado.

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

Puede utilizar esta clase CSS para cambiar el estilo de cada categoría individual añadiendo CSS personalizados.

Aquí hay algunos ejemplos de CSS que puede utilizar como punto de partida.

1234567891011body.category-apple { color de fondo:#EEE;background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeatfixed;color:#FFFFFF;}.category-apple .site { background:#232323; }.category-apple a { color:#CCCCCCCC; }

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 cambiar el estilo de las categorías en WordPress. También puede ver nuestra lista de los hacks de categoría y plugins más buscados para WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir