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

¿Le gustaría crear un menú de barra lateral plegable en WordPress? Un menú plegable puede dar a los visitantes a su sitio. Una manera fácil de acceder a muchos enlaces, sin abarrotar su barra lateral. Es perfecto para sitios web grandes, tiendas de comercio electrónico o cualquier sitio que tenga un aspecto más complejo. En este artículo, le mostraremos cómo crear fácilmente una barra lateral plegable en WordPress.

¿Qué es un menú de barra lateral plegable (y al usar uno) el más fácil de usar los menús ofrece un fácil acceso a todos los enlaces que los visitantes necesitan? Sin embargo, esto puede ser difícil para los sitios que tienen muchas páginas o un aspecto más complejo.
Piense en una gran tienda de comercio electrónico que tenga muchas categorías y subcategorías de productos, como Amazon. Mostrar cada categoría de producto en un menú estándar no sería una buena idea. Los compradores probablemente deberían pasar por el menú para encontrar la categoría que les interesa. Los menús plegables intervienen aquí. Estos menús organizan su contenido en una relación entre padres e hijos. Si el visitante hace clic en un elemento principal desde un pequeño menú, se expandirá para mostrar todo el contenido del niño de ese padre. La estación de noticias The Guardian utiliza un menú plegable para su sitio móvil.

Los menús plegables a veces se llaman menús extensibles. Esto se debe al hecho de que sus diferentes secciones se extienden cuando un visitante hace clic en ellas. Por defecto, los menús plegables ocultan mucho contenido y complejidad de los visitantes. Esto es mucho más fácil de usar que llevar a cabo una larga lista de categorías y subcategorías. Dicho esto, echemos un vistazo a cómo puede crear fácilmente una barra lateral plegable en su sitio de WordPress. Cómo crear un menú de barra lateral plegable en WordPress puede crear una barra lateral plegable en WordPress usando el menú Acordion de Bellows. El complemento del menú Acordion Bellows ofrece un código de manejo, por lo que puede colocar el menú plegable en cualquier página, publicación o área por widget, incluido el widget, incluido el barra lateral.
Primero, deberá instalar y activar el complemento. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un complemento de WordPress. Después de la activación, vaya a la página de la página »Menús desde el tablero de WordPress.

Para iniciar, ingrese un nombre para su menú en el campo “Nombre del menú”. Los visitantes de su sitio no verán el nombre, porque es solo para su propia referencia. Luego puede hacer clic en el botón Crear menú.

Luego puede elegir las páginas que desea agregar en el menú plegable. Por defecto, WordPress muestra solo las últimas páginas. Si desea ver una lista de todas las páginas de su sitio, haga clic en la pestaña Muestra todo.
Alternativamente, puede hacer clic en Seleccionar todo. Esto agregará todas sus páginas al menú restringido. Una vez que esté satisfecho con su selección, haga clic en el botón “Agregar al menú”. También puede seleccionar publicaciones, categorías de blogs o agregar enlaces personalizados. Para obtener más detalles, consulte nuestra guía sobre cómo agregar un menú de navegación de WordPress. Después de haber agregado todas sus diferentes páginas web al menú, puede moverlas tirando y colocándolas. Esto cambiará el orden en el que aparecen estas páginas en su menú plegable. Los menús plegables tienen que ver con las relaciones entre padres e hijos. Cuando un visitante hace clic en un elemento principal en su menú restringido, se expandirá para revelar todo el contenido infantil. Para crear esta relación, simplemente use deslizamiento y colocación para organizar todas las páginas de su hijo. Luego agarre a cada niño y tírelo un poco hacia la derecha. Entonces puedes liberar esta página. Esto sanará el artículo y lo convertirá en una página de niños.

Recuerde hacer clic en el botón Guardar Modi cuando haya terminado. Ahora queremos agregar este menú plegable a la barra lateral de WordPress. Para hacer esto, utilizaremos un código corto que Belley Acordion crea automáticamente. Para hacerse cargo del código corto, acceda a la apariencia »Menú Burduf. Si aún no está seleccionado, asegúrese de seleccionar la pestaña de visualización de todo.
Ahora puede hacer clic en el cuadro de código corto, que debería resaltar todo el código. Ahora, copie este código usando el comando + C o el pedido rápido del teclado CTRL + C. El siguiente paso es insertar este código corto en un widget, así que vaya al widget. Esto mostrará todas las áreas widgetizadas del tema actual. Las opciones que ve pueden variar, pero la mayoría de los temas modernos de WordPress tienen una barra lateral. Después de encontrar el área de la barra lateral, haga clic. Esta sección ahora se expandirá. Para agregar un bloque, haga clic en el icono + y comience a typeingcode. Cuando aparezca, seleccione el bloque de código corto.


Ahora, simplemente inserte el código de menú plegable corto en este bloque. Para publicar su menú, deberá hacer clic en el botón Actualizar en la parte superior de la pantalla. Ahora, cuando visita su sitio, debería ver un nuevo menú en la barra lateral plegable.

El complemento Bellows Acordion hace que sea muy fácil personalizar este menú predeterminado. Por ejemplo, puede cambiar el esquema de color para reflejar mejor la marca de su sitio.

Si desea cambiar el menú predeterminado, vaya al menú Burduf en el tablero de WordPress. Este menú tiene todas las configuraciones que necesita para personalizar su menú plegable. Hay muchas configuraciones para explorar. Sin embargo, es posible que desee comenzar accediendo a la configuración principal »la configuración básica.

Aquí, puede cambiar entre varios colores de menú diferentes. También puede elegir si los visitantes pueden extender más submenus simultáneamente utilizando la configuración de plegado de acordeón. Para cambiar la alineación y el ancho del menú, haga clic en la pestaña “Apariencia y posición”.

Si prefiere obtener una vista previa de los cambios de tiempo real, puede editar la barra lateral plegable en la aduana de WordPress.Para hacer esto, vaya a la apariencia »Personalización.En la barra izquierda, seleccione Burduf. Aquí encontrará muchas configuraciones diferentes para la barra lateral plegable.Esto incluye cambiar el ancho, la alineación y el color del menú en la barra lateral.Esperamos que este artículo lo haya ayudado a aprender cómo crear una barra lateral plegable en WordPress.También puede revisar nuestra guía sobre cómo ver los visitantes de su sitio y el mejor software de notificación push para aumentar su tráfico.
Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress.También puede encontrarnos en Twitter y Facebook.