Cómo ocultar o estilizar tus subcategorías en WordPress

Al crear sitios web, muchos usuarios de WordPress asumen que mostrar cada subcategoría ayudará a los visitantes a encontrar lo que necesitan más rápido.

Pero, en nuestra experiencia, mostrar una larga lista de subcategorías en tu sitio no se ve bien, e incluso puede abrumar a los visitantes. En lugar de ayudar a las personas a navegar, a menudo los confunde y hace que tu sitio se vea desordenado y poco profesional.

La buena noticia es que, a lo largo de los años, hemos descubierto varias formas sencillas de personalizar cómo se muestran tus subcategorías.

En este tutorial, te mostraremos cómo puedes ocultar las subcategorías y cambiar su estilo usando un fragmento de código.

¿Por qué usar subcategorías en WordPress?

Cuando escribes publicaciones para tu sitio de WordPress, puedes organizarlas usando categorías y etiquetas. Cuando categorizas el contenido correctamente, puedes impulsar tu SEO, lo que atraerá más tráfico a tu sitio.

Organizar tus publicaciones también mejorará la navegación de tu sitio, para que los visitantes puedan encontrar el contenido que buscan más fácilmente. Incluso puedes crear subcategorías cuando la estructura de tu sitio se vuelve más compleja.

Por ejemplo, un blog de viajes podría tener una categoría para destinos turísticos en Estados Unidos. A medida que su contenido crezca, podría tener sentido crear subcategorías para ciudades como Chicago, Los Ángeles y la Ciudad de Nueva York.

Si muestras tus categorías en un widget de WordPress, entonces puedes usar una lista plana o una jerarquía. Así es como se ve cada opción en nuestro sitio de demostración.

Haces esto visitando Apariencia » Widgets en tu panel de WordPress y marcando la casilla 'Mostrar jerarquía' en tu widget de Categorías.

Pero elijas la opción que elijas, la lista eventualmente se volverá larga e inmanejable, y no se verá bien en tu sitio de WordPress.

En esta guía, te mostraremos cómo ocultar subcategorías para que tu lista de categorías sea más fácil de navegar y te mostraremos cómo estilizar las subcategorías para una apariencia más limpia. Puedes usar los enlaces rápidos a continuación para saltar a la sección que más te interese:

• Cómo ocultar tus subcategorías en WordPress usando CSS
• How to Style Your Subcategories in WordPress Using CSS

Cómo ocultar tus subcategorías en WordPress usando CSS

En este artículo, utilizaremos fragmentos de código CSS para ocultar y estilizar tus subcategorías. Puedes agregar los fragmentos directamente al archivo style.css de tu tema, a un plugin de fragmentos de código como WPCode, o agregarlos usando el Personalizador de temas en tu panel de WordPress.

Agregar CSS puede ser complicado para los principiantes, y cometer un error podría dañar tu sitio de WordPress. Si eres nuevo en el uso de fragmentos de código, entonces te podría gustar consultar nuestra guía sobre cómo agregar fácilmente CSS personalizado a tu sitio de WordPress.

Dicho esto, veamos cómo ocultar subcategorías en WordPress.

Necesitarás copiar el siguiente código y pegarlo en el archivo style.css de tu tema, tu plugin de fragmentos de código, o el Personalizador de temas de WordPress.

.children {
display:none;
}

Para usar el Personalizador de temas, primero debes navegar a Apariencia » Personalizar y luego hacer clic en 'CSS adicional' al final de la lista. Después de eso, simplemente pega el código y haz clic en el botón 'Publicar'.

Ahora puedes visitar tu sitio de WordPress para asegurarte de que las subcategorías estén ocultas. Aquí tienes capturas de pantalla de antes y después de nuestro sitio web de prueba.

Eso se ve mucho más limpio, pero ahora tus visitantes no pueden ver las subcategorías. Quizás te interese consultar nuestra guía sobre cómo mostrar subcategorías en tus páginas de categorías de WordPress.

Si haces eso, entonces cuando tus visitantes hagan clic en la categoría Estados Unidos, verán enlaces en esa página a las subcategorías, como Chicago, Los Ángeles y la Ciudad de Nueva York.

Cómo estilizar tus subcategorías en WordPress usando CSS

También puedes usar CSS para personalizar la apariencia de tus categorías y subcategorías. Esto dependerá de tu propio conocimiento de CSS y de lo que te gustaría cambiar sobre su apariencia en tu tema actual.

Por ejemplo, si muestras tus subcategorías en una jerarquía, entonces agregar barras verticales te permitirá ver rápidamente qué categorías están en el mismo nivel. Echemos un vistazo a cómo hacerlo.

Cambiar el estilo de tus subcategorías sigue el mismo procedimiento que ocultarlas. Necesitas copiar el código a continuación y pegarlo en style.css, el plugin WPCode, o el Personalizador de temas de WordPress.

.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}

Si usas el Personalizador de temas, no olvides hacer clic en el botón 'Publicar'.

Una vez que hayas hecho eso, puedes visitar tu sitio de WordPress para previsualizar los cambios. Aquí tienes capturas de pantalla de antes y después de nuestro sitio web de prueba.

Siéntete libre de hacer ajustes al código para personalizar el estilo a tu gusto.

También puedes usar CSS para dar estilo a otros elementos de tu tema de WordPress. Por ejemplo, puedes usar CSS para dar estilo a categorías individuales de forma diferente.

Guías expertas sobre categorías y subcategorías en WordPress

Ahora que sabes cómo ocultar o dar estilo a tus subcategorías, quizás quieras ver otros tutoriales sobre el uso de categorías y subcategorías en WordPress:

• Cómo incluir la categoría y subcategoría en las URLs de WordPress
• Cómo mostrar categorías vacías en los widgets de WordPress
• Cómo mostrar descripciones de categorías en WordPress
• Cómo agregar imágenes de taxonomía (iconos de categoría) en WordPress

Esperamos que este tutorial te haya ayudado a aprender cómo ocultar tus subcategorías en WordPress, así como a cambiar su estilo. También te puede interesar nuestra lista de plugins de WordPress imprescindibles para hacer crecer tu sitio, o nuestro tutorial sobre cómo mostrar entradas relacionadas en WordPress.

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