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

¿Quieres crear un menú de barra lateral plegable en WordPress?

El menú plegable puede brindar a los visitantes de su sitio web una manera fácil de acceder a muchos enlaces sin saturar la barra lateral. Es ideal para sitios web grandes, tiendas de comercio electrónico o cualquier sitio web con un diseño más complejo.

En este artículo, le mostraremos cómo crear fácilmente un menú de barra lateral plegable en WordPress.

¿Qué es un menú de barra lateral plegable (y cuándo usarlo)?

Los menús más fáciles de usar brindan fácil acceso a todos los enlaces que necesitan los visitantes. Sin embargo, esto puede ser difícil para sitios de varias páginas o diseños más complejos.

Considere una gran tienda de comercio electrónico con muchas categorías y subcategorías de productos, como: B.Amazonka.

No sería una buena idea mostrar cada categoría de producto en un menú estándar. Los compradores probablemente tendrán que desplazarse por el menú para encontrar la categoría que les interesa.

Aquí vienen los menús plegables. Estos menús organizan su contenido en una relación padre-hijo. Cuando un visitante hace clic en un elemento principal en un menú plegable, se expande para mostrar todo el contenido secundario de ese elemento principal.

La agencia de noticias The Guardian utiliza un menú plegable para su sitio móvil.

Los menús plegables a veces se denominan menús expandibles. Esto se debe a que sus diversas secciones se expanden cuando un visitante hace clic en ellas.

De forma predeterminada, los menús reducidos ocultan mucho contenido y complejidad a los visitantes. Esto es mucho más conveniente de usar que desplazarse por una larga lista de categorías y subcategorías.

Veamos cómo puede crear fácilmente un menú de barra lateral plegable en su sitio de WordPress.

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

Puede crear un menú de barra lateral plegable en WordPress usando Complemento para el menú acordeón acordeón.

El menú Bellows Accordion ofrece un práctico código de acceso directo para colocar su menú plegable en cualquier página, publicación o área de widgets, incluida la barra lateral.

Primero debe instalar y activar el complemento. Si necesita ayuda, consulte nuestra Guía de instalación del complemento de WordPress.

Después de la activación, vaya a Apariencia »Menús página en su tablero de WordPress.

Primero, ingrese un nombre para su menú en el campo Nombre del menú. Los visitantes de su sitio web no verán el nombre, ya que es solo para su referencia. A continuación, puede hacer clic en el botón Crear menú.

A continuación, puede seleccionar las páginas que desea agregar al menú de minimización. De forma predeterminada, WordPress muestra solo las páginas más recientes. Si desea ver una lista de todas las páginas de su sitio, haga clic en la pestaña Ver todo.

Como alternativa, puede hacer clic en Seleccionar todo. Esto agregará todas sus páginas al menú plegable.

Cuando esté satisfecho con su selección, haga clic en el botón Agregar al menú. También puede seleccionar publicaciones y categorías de blog o agregar enlaces personalizados. Consulte nuestra guía para agregar un menú de navegación a WordPress para obtener más detalles.

Una vez que haya agregado todos sus diferentes sitios web al menú, puede arrastrarlos y soltarlos. Esto cambiará el orden en que aparecen estas páginas en su menú de minimización.

Los menús plegables están relacionados con la relación padre-hijo.

Cuando un visitante hace clic en un elemento principal en su menú plegable, se expande para mostrar todo el contenido secundario.

Para crear este enlace, simplemente arrastre y suelte todas las páginas secundarias debajo de sus páginas principales.

Luego tome a cada niño y tire de él hacia la derecha. A continuación, puede compartir esta página. Esto sangra el elemento y lo convierte en una página secundaria.

Asegúrese de hacer clic en el botón Guardar cambios cuando haya terminado.

Ahora agreguemos este menú plegable a la barra lateral de WordPress. Para esto usamos un código corto que Bellows Accordion genera automáticamente.

Para obtener el código corto, vaya a Apariencia »Menú para fuelles. Si aún no está seleccionado, asegúrese de seleccionar la pestaña Ver todo.

Ahora puede hacer clic en el campo de código corto, que debería resaltar todo el código. Ahora copie este código usando Comando + c o Ctrl + c.

El siguiente paso es poner este código corto en el widget, así que adelante. Apariencia »Widgets. Esto mostrará todas las áreas de widgets en su tema actual. Las opciones que ve pueden variar, pero la mayoría de los temas modernos de WordPress vienen con una barra lateral.

Una vez que encuentre el área de la barra lateral, haga clic en ella. Esta sección ahora se ampliará.

Para agregar un bloque, haga clic en el ícono + y comience a ingresar un código corto. Cuando aparezca, seleccione el bloque de código corto.

Ahora solo ingrese su código corto para el menú plegable en este bloque. Para publicar su menú, debe hacer clic en el botón Actualizar en la parte superior de la pantalla.

Ahora, cuando visite su sitio, debería ver un nuevo menú desplegable en la barra lateral.

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

Si desea configurar el menú predeterminado, simplemente vaya a Apariencia »Sinfonías Menú en tu panel de WordPress.

Este menú contiene todos los ajustes necesarios que necesita para personalizar su menú plegable. Hay muchas configuraciones para detectar. Sin embargo, puedes ir primero. Configuración básica »Configuración básica.

Aquí puede cambiar entre varios colores de menú diferentes. También puede elegir si los visitantes pueden expandir varios submenús a la vez usando la configuración de plegado de acordeón.

Para cambiar la alineación y el ancho del menú, haga clic en la pestaña Diseño y posición.

Si prefiere visualizar sus cambios en tiempo real, puede editar el menú desplegable de la barra lateral en la herramienta de personalización de WordPress. Ir a Apariencia »Personalización.

En el panel izquierdo, seleccione Fuelles.

Aquí encontrará muchas configuraciones diferentes para su barra lateral plegable. Esto incluye cambiar el ancho, la alineación y el color del menú de la barra lateral.

Esperamos que este artículo le haya ayudado a aprender cómo crear un menú de barra lateral plegable en WordPress. También puede leer nuestra guía sobre cómo realizar un seguimiento de los visitantes de su sitio web y encontrar el mejor software de notificaciones automáticas para aumentar su tráfico.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.