¿Desea ocultar subcategorías en WordPress o diseñarlas para que su lista de categorías sea más fácil de leer?

En WordPress, sus publicaciones se pueden organizar en diferentes categorías y subcategorías. Esto ayuda con la navegación y el SEO, pero una larga lista de subcategorías no siempre se ve bien en su sitio.

En este tutorial, le mostraremos cómo usar fragmentos de código para ocultar subcategorías y cambiar sus estilos.

Cómo ocultar o establecer subcategorías en WordPress

¿Por qué usar subcategorías en WordPress?

Cuando escribe publicaciones para su sitio de WordPress, puede usar categorías y etiquetas para organizarlas. Cuando categoriza su contenido correctamente, puede mejorar su SEO, lo que generará más tráfico a su sitio web.

La organización de sus publicaciones también mejorará la navegación de su sitio para que los visitantes puedan encontrar más fácilmente lo que están buscando. Incluso puede crear subcategorías cuando la estructura de su sitio web se vuelva más compleja.

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

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

Las subcategorías se pueden mostrar en una lista jerárquica

haces esto visitando Apariencia » Widgets En su tablero de WordPress y marque la casilla “Mostrar jerarquía” en su widget de categoría.

Widget de categoría

Pero no importa qué opción elija, la lista termina siendo larga e inmanejable, y no se ve muy bien en su sitio de WordPress.

En esta guía, le mostraremos cómo ocultar subcategorías para que su lista de categorías sea más fácil de navegar. También le mostraremos cómo diseñar subcategorías para una apariencia más limpia.

Cómo ocultar subcategorías en WordPress usando CSS

En este artículo, usaremos fragmentos de CSS para ocultar y diseñar subcategorías. Puede agregar fragmentos directamente al archivo style.css de su tema, o agregarlos usando el personalizador de temas en el tablero de WordPress.

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

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

Debe copiar y pegar el siguiente código en el archivo style.css de su tema o en el personalizador de temas de WordPress.

.children {
display:none;
}

Para usar el personalizador de temas, primero debe navegar a Apariencia » Personalizar Luego haga clic en CSS adicional en la parte inferior de la lista. Después de eso, simplemente pegue el código y haga clic en el botón Publicar.

Ocultar subcategorías con el personalizador de temas

Ahora puede visitar su sitio de WordPress para asegurarse de que las subcategorías estén ocultas. A continuación se muestran capturas de pantalla de antes y después de nuestro sitio de prueba.

Ocultar vista previa de subcategorías

Esto parece más limpio, pero ahora sus visitantes no pueden ver las subcategorías. Es posible que desee consultar nuestra guía sobre cómo mostrar subcategorías en las páginas de categorías de WordPress.

Si hace esto, cuando sus visitantes hagan clic en la categoría de EE. UU., verán enlaces en esa página a subcategorías, como Chicago, Los Ángeles y la ciudad de Nueva York.

Cómo diseñar subcategorías en WordPress usando CSS

También puede personalizar la apariencia de las categorías y subcategorías usando CSS. Esto dependerá de su propio conocimiento de CSS y de cómo desea cambiar su apariencia en el tema actual.

Por ejemplo, si está mostrando subcategorías en una jerarquía, agregar una barra vertical le permite ver rápidamente qué categorías están en el mismo nivel. Veamos cómo hacer esto.

Cambiar el estilo de las subcategorías es el mismo proceso que ocultarlas. Debe copiar el código a continuación y pegarlo en style.css o en el Personalizador de temas.

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

No olvides hacer clic en el botón publicar si usas el personalizador de temas.

Una vez hecho esto, puede visitar su sitio de WordPress para obtener una vista previa de los cambios. A continuación se muestran capturas de pantalla de antes y después de nuestro sitio de prueba.

Vista previa de las subcategorías de estilo

Siéntase libre de modificar el código para personalizar el estilo a su gusto.

También puede usar CSS para diseñar otros elementos de su tema de WordPress. Por ejemplo, puede usar CSS para diseñar cada categoría de manera diferente.

Esperamos que este tutorial le haya ayudado a aprender a ocultar y diseñar subcategorías en WordPress. También puede consultar nuestra lista de complementos imprescindibles para ampliar su sitio web.

Si disfrutó de esta guía, considere suscribirse a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.