Cómo crear un widget de navegación para la barra lateral en WordPress










  • A menudo, los estilos de navegación en un sitio web pueden marcar la diferencia cuando se trata de que los usuarios se queden y naveguen o se vayan a otro lugar. Hay varios tipos de widgets de navegación que puede usar para ayudar a crear un diseño sólido en su sitio.

    A veces, un menú desplegable para la navegación funciona mejor porque les permite a los usuarios ver todo en un solo lugar y hacer una elección simple del menú. Otras veces, un menú de la barra lateral de WordPress es apropiado porque si un usuario está en un dispositivo móvil, entonces el menú de la barra lateral puede actuar como una forma de navegar más fácilmente.

    ¿Qué es un menú desplegable?

    Cuando se habla de esto en términos informáticos, un menú desplegable es un menú que ofrece al usuario una lista de opciones cuando se hace clic en él. El título del menú (cualquiera que sea su nombre) permanece visible sin importar cuándo o dónde se haga clic en el menú. 

    Cuando un usuario hace otra selección en el menú desplegable, el elemento visible actual permanece incluso cuando se hace clic en una nueva página. 

    Los menús desplegables son muy populares en ciertos tipos de sitios web. También son una forma popular de mostrar una lista de respuestas para una pregunta en un formulario en línea. 

    Hoy, le mostraré cómo crear fácilmente un menú de navegación desplegable y mostrarlo en la barra lateral de su sitio web de WordPress.

    Para hacer esto más fácilmente, vamos a utilizar un complemento fluido y fácil de manejar. Echemos un vistazo al complemento en cuestión y veamos todo lo que tiene para ofrecer.

    Menú de navegación como widget desplegable

    Menú de navegación como widget desplegable

    El menú de navegación como widget desplegable es un complemento liviano y fácil de usar que le permitirá agregar de manera rápida y eficiente un menú desplegable de la barra lateral de WordPress que facilita a sus usuarios navegar por su sitio web, especialmente cuando están en un dispositivo móvil .

    El complemento es tan sencillo como parece, de verdad. No hay una página de configuración ni ninguna configuración para actualizar. Simplemente instale y active el complemento, luego diríjase a la página de widgets y coloque la herramienta donde desea que se muestre el widget de navegación plegable para WordPress .

    ¡Eso es todo! Puede repetir ese proceso una y otra vez y crear tantos menús de barra lateral de WordPress diferentes como desee.

    Instalemos el complemento y lo ejecutemos juntos y repasaremos rápidamente cómo agregar el widget de navegación a la barra lateral.

    Crear un menú de navegación de la barra lateral desplegable

    Paso: 1: Instalar y activar el complemento

    Para utilizar el widget de navegación en WordPress, primero debe instalar y activar el complemento. Puede hacerlo saltando a la página Complementos en el panel de administración de WordPress.

    Instalar y activar el complemento del widget de navegación

    Simplemente use el campo de búsqueda disponible en la página y busque el complemento por nombre. Una vez que lo vea aparecer, instálelo y actívelo directamente desde allí.

    También tiene la opción de instalación manual del complemento, pero el proceso anterior es más rápido y nunca tiene que abandonar el panel.

    Paso 2: Ve a la página de widgets

    El menú de navegación como complemento de widget desplegable no tiene una página de configuración. Como se indicó anteriormente, no hay nada que configurar o arreglar una vez que se haya activado el complemento. 

    Agrega automáticamente un widget al área de widgets de su sitio. Puede usar este widget para crear un menú de navegación en la barra lateral.

    Continúe y diríjase directamente a la página Widgets en el tablero y colóquelo donde desee. Luego, establezca las configuraciones que desee directamente desde el propio widget.

    Para acceder a la página de widgets, haga clic en Apariencia > Widgets, ubicado en el área de menú del lado izquierdo del tablero. 

    Haga clic en apariencia y luego haga clic en widgets

    Puede ver que el widget ahora está disponible porque activó el complemento.

    Paso 3: coloque el menú de navegación como un widget desplegable

    En este punto, se encuentra en la página principal de Widgets en su tablero de WordPress . Busque el widget «Menú de navegación como menú desplegable». Cuando lo encuentre, arrástrelo y suéltelo en el área del widget donde desea que se muestre.

    Arrastra y suelta el widget

    Paso 4: configurar el widget

    Una vez que haya colocado el widget en el área que desea, continúe y configúrelo como mejor le parezca.

    Configurar el complemento del widget de navegación

    Puedes ver que no hay muchas opciones disponibles. Vas a elegir un título para tu menú, seleccionar el menú que se va a mostrar y luego revisar las dos casillas de verificación debajo de eso.

    Termine de configurar las opciones de la casilla de verificación y luego «Guarde» el widget.

    Paso 5: Ver el widget del menú de navegación

    Continúe y vea la sección del widget de navegación en la parte frontal de su sitio. La sección se verá diferente según las configuraciones que establezca y el menú que elija.

    Ver menú

    Continúe y haga clic en el menú para ver el menú desplegable.

    Haga clic para ver el menú desplegable del widget de navegación

    ¡Eso es todo! Puede repetir el proceso anterior y crear tantos menús de la barra lateral de WordPress como desee.

    Nota: puede personalizar el estilo del menú desplegable de navegación si sabe cómo agregar CSS personalizado a su sitio. 

    ¿Qué sucede si su tema no tiene una barra lateral?

    Algunos temas de WordPress no tienen una barra lateral disponible. esto se está volviendo más común ya que muchos temas buscan una apariencia de diseño más minimalista. Si este es el caso, debe encontrar un complemento que pueda agregar una barra lateral a las publicaciones y páginas de su sitio , o codificar una plantilla usted mismo y agregarla. Recomiendo un complemento. Aqui hay uno bueno.

    Generador de barra lateral SMK

    Complemento del generador de barra lateral SMK

    SMK Sidebar Generator es un complemento que le permitirá crear y generar tantas barras laterales como necesite. Luego puede tomar una barra lateral que cree y colocarla en cualquier publicación o página que desee en su sitio web de WordPress.

    El complemento es liviano, por lo que agregarlo a su sitio para crear barras laterales no lo ralentizará. También viene listo para rodar con algunas características excelentes que incluyen:

    • Crea un número ilimitado de barras laterales
    • Reemplace las barras laterales del tema predeterminado cuando sea necesario
    • Condiciones de reemplazo globales u opciones de reemplazo de barra lateral única
    • Muestre todas las barras laterales construidas y genere sin usar ningún código
    • Arrastrar y soltar posiciones de la barra lateral

    Esta es una opción de complemento perfecta si necesita algo que le permita crear una barra lateral. Luego puede agregar un menú desplegable de widgets de navegación a la barra lateral que creó.

    Pensamientos finales

    Agregar widgets de navegación a su sitio de WordPress ayudará a los usuarios del sitio a navegar más fácilmente a través de su contenido, especialmente cuando están en dispositivos móviles. Si agrega este tipo de navegación a su sitio, les brinda a los usuarios otra salida para moverse además de sus menús principales o de pie de página.

    Agregar un menú desplegable a su barra lateral no es una tarea muy difícil, solo necesita tener el complemento correcto y los pasos frente a usted para que pueda ver qué es exactamente lo que necesita hacer.

    Espero que el tutorial haya podido mostrarte lo fácil que es agregar un widget de navegación con un menú desplegable a tu barra lateral de WordPress. 

    ¿Ha utilizado otros complementos para agregar menús desplegables a su sitio? ¿Ha descubierto que la navegación es más fácil para los usuarios móviles cuando hay un widget de navegación disponible?