Insertar widgets al menu Wordpress

Añadir widget a cualquier menú de tu WordPress

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter

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
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter
efectos visuales para Elementor

Cómo crear 21 efectos visuales para Elementor

En el tutorial de hoy os vamos a explicar cómo crear 8 efectos visuales para Elementor, esperamos que os gusten. Índice de contenidos Efecto post-it con Elementor Para no confudiros y no caer en errores estar atentos en los ajustes de secciones y columnas. Las

Cómo cumplir con la ley coppa de you tube

Cómo cumplir con la Ley Coppa de You Tube

Tras ser sancionado con una multa de más de 170 millones de dólares You Tube renueva sus políticas en relación a los contenidos enfocados al público infantil. En este post te vamos a explicar que és, que consecuencias tiene y cómo cumplir con la ley

Excluir paginas de los resultados de busqueda en Wordpress

Excluir páginas de los resultados de búsqueda en WordPress

En tu web hay páginas que no aportan valor a un resultado de búsqueda o no te interesa que aparezcan. En este post te explicamos cómo excluir páginas de los resultados de búsqueda en WordPress  Primero te lo explicaremos utilizando un plugin, que es la

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