Cómo crear un menú de barra lateral plegable en WordPress

Publicado: 2022-05-10

Hoy en día, muchos propietarios de sitios web de WordPress deciden crear un menú de barra lateral plegable. Y si tiene un sitio web enorme o tal vez una tienda de comercio electrónico , esta podría ser una solución ideal para usted. Para ayudarlo a configurar esta función en su sitio web, consultamos a un equipo de expertos de WordPress y preparamos una guía completa más adelante en este artículo. Pero primero, explicaremos qué es un menú de barra lateral plegable y por qué debería tenerlo en su sitio web.

¿Qué es un menú de barra lateral plegable en WordPress y cuándo debería crearlo?

Los menús más fáciles de usar permiten a los visitantes acceder rápidamente a todos los enlaces que necesitan. Sin embargo, para sitios con muchas páginas o un diseño más complicado, esto puede ser bastante difícil.

Persona que sostiene una taza de café en la mano izquierda y usa la mano derecha para navegar a través de un sitio web de WordPress con un menú de barra lateral plegable
Si crea un menú de barra lateral plegable en su sitio web de WordPress, lo hará más fácil de usar.

Imagínese Amazon o eBay, que son grandes negocios de comercio electrónico con una cantidad significativa de categorías y subcategorías de productos. Si lo piensa , no sería una buena idea incluir todas las categorías de productos en un menú común . Deberá desplazarse durante un rato para encontrar la categoría que está buscando.

Este es un ejemplo perfecto de cuando los menús de la barra lateral plegable son útiles. Le permiten organizar el contenido en una relación padre-hijo, de modo que cuando su cliente haga clic en un enlace principal, se expandirá para mostrar todas las subcategorías o elementos secundarios.

Tenga en cuenta que los menús de la barra lateral contraíble también se denominan menús expandibles . En caso de que te encuentres con este término, es útil saber que representa lo mismo. El nombre obviamente está relacionado con el hecho de que cuando uno de sus visitantes hace clic en una de las secciones de su sitio web, el menú se expande.

Los menús de la barra lateral contraíble lo ayudan a hacer que su sitio web sea más fácil de usar porque ocultan una gran cantidad de contenido y complejidad a los visitantes . Les ayudará a evitar navegar a través de una enorme lista de categorías y subcategorías y el creciente número de visitantes en su sitio web mostrará cuánto aprecian esto.

Además de brindarle un cuidado experto para su sitio web, también nos gusta compartir nuestro conocimiento y experiencia. Entonces, aquí le mostramos cómo crear rápida y fácilmente un menú de barra lateral plegable en WordPress.

La forma más sencilla de crear un menú de barra lateral plegable en WordPress

La forma más fácil y rápida de agregar un menú de barra lateral plegable a su sitio web es usar el complemento Bellows Accordion Menu. Este complemento le permite agregar un menú de barra lateral plegable a cualquier página, publicación o ubicación de widget, incluida su barra lateral .

Esquina izquierda derecha de una computadora portátil con el tablero de WordPress y complementos abiertos en ella
El complemento Bellows Accordion Menu le permite crear rápida y fácilmente un menú de barra lateral plegable en WordPress.

El primer paso es, por supuesto, instalar y activar el complemento. Para comenzar a crear su menú de barra lateral plegable, vaya a " Apariencia " y haga clic en la página " Menús " en su tablero de WordPress una vez que se haya activado.

Luego, complete la sección " Nombre del menú ". Tenga en cuenta que esto es únicamente para su uso y sus visitas no podrán verlo. Esto significa que puede elegir cualquier nombre que desee, no tiene que conectarlo a ninguna categoría. Una vez que haya terminado, simplemente haga clic en el botón " Crear menú ".

El siguiente paso es elegir las páginas que desea incluir en el menú de la barra lateral contraíble . De forma predeterminada, WordPress solo muestra sus páginas más recientes; sin embargo, si hace clic en la opción " Ver todo ", verá todas sus publicaciones. O bien, también puede usar el botón " Seleccionar todo " y completar automáticamente el menú plegable con todas sus páginas.

Una vez que decida qué páginas agregar, haga clic en la opción "Agregar al menú". Incluso podrá agregar enlaces personalizados o elegir temas específicos o categorías de blog. Puede leer más sobre eso en nuestro artículo sobre cómo agregar un menú de navegación en WordPress.

Después de agregar páginas al menú, puede moverlas y cambiar su orden simplemente arrastrándolas y soltándolas.

Relaciones entre padres e hijos en los menús de la barra lateral plegable

El foco de los menús colapsables está en las conexiones padre-hijo . Cada vez que su visitante pase el mouse sobre una categoría principal en su menú, se expandirá y le dará la opción de elegir una de las categorías secundarias,

Agregar páginas secundarias es tan simple como arrastrarlas y soltarlas debajo de su página principal para crear esta relación . Ahora, querrá agregar ese menú plegable a su barra lateral de WordPress. Para hacer esto, deberá usar un código abreviado que el complemento Bellows Accordion Menu generará para usted.

Vaya a " Apariencia ", luego haga clic en " Menú de fuelle " y obtendrá su código abreviado, pero asegúrese de que la pestaña " Mostrar todo " esté seleccionada. Ahora, puede seleccionar el cuadro Shortcode que resaltará todo el código. Copie el código, ya que deberá pegarlo en un widget. Vaya a " Apariencias ", luego a " Widgets " y busque la opción de la barra lateral.

Una vez que haya descubierto el área de la barra lateral, haga clic en ella, ya que se expandirá. Podrá agregar bloques, pero querrá encontrar el Shortcode. Una vez que lo haya encontrado, simplemente pegue el código que ha copiado y haga clic en el icono "Actualizar". Ha agregado con éxito su menú plegable a su sitio web.

Mujer con una blusa blanca sentada en un sofá, sosteniendo una tarjeta de crédito y haciendo sus compras en línea
Agregar un menú de barra lateral plegable en WordPress lo ayudará a atraer y mantener clientes.

Una de las mejores cosas de este complemento es que le permite personalizar fácilmente el menú predeterminado. Puede elegir diferentes colores y jugar con el diseño hasta crear algo que se ajuste a su sitio web. Simplemente vaya a " Apariencias ", luego haga clic en " Personalizar " y puede comenzar.

La línea de fondo

Esperamos que nuestra guía le haya ayudado a aprender por qué y cómo crear un menú de barra lateral plegable en WordPress. Como puede ver, es un proceso bastante sencillo y fácil, por lo que incluso si es un principiante, no debería tener problemas con él. O simplemente comuníquese con el equipo de WP Full Care, obtenga una consulta gratuita y decida brindarle a su sitio web la atención experta que se merece.