Insertar widgets al menu Wordpress

Añadir widget a cualquier menú de tu WordPress

Has querido alguna vez querer poner en tu menú un botón personalizado, o unos botones de redes sociales, quizás tu web es multidiomas y quieres poner las banderas de los idiomas o simplemente una herramienta para buscar contenido en tu página web y ya sea porque  la plantilla no tiene asignada un área de widget en el menú o por falta de conocimientos de programación te has visto limitados para llevar a cabo esta tarea.

Hoy te vamos a explicar como conseguirlo de varias formas, con la ayuda de los plugin Widget in menu for WordPress y WP Widget in Navigation, también si estas creando tu web con las plantillas genesis o astra.

Índice de contenidos

Widget en el menu WordPress

Instalando el plugin

En la barra del navegador seguimos la ruta plugins/anadir nuevo. Una vez nos cargue el repositorio de wordpress realizamos la búsqueda. Instalamos, activamos y ya podemos añadir nuestro primer widget al area de menú. El plugin no necesita ningún tipo de configuración.

instalar plugin en WordPress

Añadiendo el widget al área de widget

Accedemos al área de widget siguiendo la ruta apariencia/widget y veremos que a toda la lista de áreas de widget que tiene por defecto la plantilla se ha añadido una nueva con el nombre Widgets in menu.

En nuestro caso como queremos añadir una barra de búsqueda seleccionamos el widget y lo arrastramos al interior de esta área y lo guardamos.

Añadir widget al menu WordPress

Insertamos el área de widget en el menú

Vamos a apariencia/menú y aquí también veremos que se nos ha añadido una nueva categoría de elementos que podemos añadir al menú. Si desplegamos la categoría widgets encontraremos el widget que hemos insertado en esta área en el paso anterior. Seleccionamos y añadimos al menú.

Podemos modificar el orden de nuestra área de widget arrastrándola hasta el nivel del menú que nos interese. En nuestro caso como nos interesa que aparezca al final del menú lo dejaremos como lo inserta por defecto.

Widget menu wordpress

Accedemos al frontend de nuestra página web para inspeccionar nuestra barra de menú y ver como se aplican los cambios….e voilá!!, ya tenemos nuestra barra de búsqueda.

antes
Antes de insertar el widget
despues
Después de insertar el widget

Añadir widget en el menú con WP Widget in Navigation

añadir widgets al menu con plugins

Su funcionamiento es muy parecido al anterior plugin, con la diferencia que este nos permite insertar los widgets no solo como último elemento del menú, si no que nos permite poner en cualquier lugar de la estructura.

Vamos a apariencia/widgets y en el módulo Widgets in navigation menu insertamos el el widget pertinente. Una vez asociado el widget con el módulo aquí reside la gran diferencia, si antes lo insertábamos desde la columna de añadir al menú, en este deberemos clicar sobre el elemento del menú, clicar sobre el botón widget y el widget se añadirá a detras.

Agregar widget con WP Widget in Navigation

Repasamos todos los pasos en este vídeo.

Añadir widget en el menú para Genesis

Si estás creando tu página web con Genesis el tema es algo más complejo.

Primero deberás crear un child theme. Si no sabes como crearlo visita nuestra entrada «Cómo crear un child theme en 3 minutos«.

Desde el Cpanel de tu hosting debes crear una cuenta FTP y guardarte los datos para la conexión.

También necesitaras un gestor de archivos vía FTP. Los más populares son Filezilla y WinSCP, que son programas gratuitos.

Creamos la conexión con el servidor y acto seguido seguiremos esta ruta:/public_html/wp-content/themes/el-nombre-de-vuestro-child-theme. Buscamos el archivo functions.php, lo editamos, pegamos el código que aparece bajo estas lineas y volvemos a subir el archivo al servidor.

Solo nos faltara repetir el primer paso de este tutorial, acceder apariencia/widgets y poner en la nueva área creada el widget que necesitemos.

Insertar widget en el menú principal con Astra Pro

Entre todas las infinitas opciones de personalización que ofrece la plantilla Astra está la de añadir widget como elemento final del menú principal de nuestra página web.

Desde nuestro panel de administración seguiremos accederemos a Apariencia/personalizar/cabecera/ Menú primario y en el selector último elemento de menú seleccionaremos Widget.

Añadir widget al menú con Astra

Ahora simplemente nos faltara cargar el widget en el área de widget «Cabecera». Para ello retrocedemos hasta la raiz del personalizador, clicamos sobre widget y arrastramos el widget que necesitemos a el contenedor antes comentado.

insertar widget en menu con astra pro
Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
Como crear un concurso fotográfico en wordpress

Cómo crear un concurso fotográfico en WordPress

Si algo caracteriza a WordPress es que con el tiempo a pasado de ser un CMS enfocado a la creación de blogs a ser un plataforma en la que practicamente puedes hacer uso de el para cualquier cosa. Hace unos días un cliente nos planteó

Crear menú vertical con Wordpress

Cómo crear un menú vertical en WordPress con Astra

En ocasiones, ya sea por una cuestión de diseño o por una necesidad estructural de la web necesitamos alternativas a la típica estructura de menú. Una de esas opciones es la de estructurar nuestro menú de forma vertical. En este post os explicaremos cómo crear

Cómo crear un formulario multipasos con Elementor

Cómo crear un formulario multipasos con Elementor y Piotnet

¿Tiene formularios largos en su sitio web? ¿Tu analitycs marca visitas en las páginas de formularios y no recibes conversiones?. Los formularios largos desalentan a los usuarios y aumentan el porcentaje de abandono. La alternativa pasa por segmentar los campos del formularios en varias páginas.

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba