En esta lección aprenderás a crear, gestionar y personalizar menús de navegación y widgets en WordPress para mejorar la estructura y funcionalidad de tu sitio web.
En el vídeo: Creación y personalización de menús, ubicación en la web y gestión de widgets en la barra lateral y pie de página.
1. ¿Qué son los menús y los widgets en WordPress?
🔹 Menús de navegación
Los menús de navegación son elementos clave en un sitio web, ya que permiten a los visitantes desplazarse fácilmente por las distintas secciones. WordPress permite crear y personalizar estos menús desde la configuración del tema.
🔹 Widgets
Los widgets son pequeños bloques de contenido que se pueden añadir a diferentes áreas del sitio, como la barra lateral o el pie de página. Se usan para mostrar información adicional como categorías, últimas entradas, redes sociales o formularios de suscripción.
2. Gestión de menús en WordPress
Ubicación: Apariencia → Menús
Los menús de navegación permiten estructurar las páginas y enlaces importantes de tu web para que los visitantes accedan a ellos fácilmente.
🔹 Cómo crear un menú en WordPress
- Ve al panel de administración y accede a Apariencia → Menús.
- Haz clic en «Crear un nuevo menú».
- Introduce un nombre para el menú y haz clic en «Crear menú».
- En la sección Añadir elementos al menú, selecciona las páginas, entradas, categorías o enlaces personalizados que deseas incluir.
- Organiza los elementos arrastrándolos en el orden que prefieras.
- Configura la ubicación del menú (por ejemplo, menú principal o menú de pie de página).
- Guarda los cambios.
3. Personalización y organización de menús
🔹 Añadir submenús o menús desplegables
Puedes crear submenús dentro de un menú principal arrastrando elementos ligeramente hacia la derecha. Esto crea un menú desplegable, útil para organizar secciones relacionadas.
Ejemplo:
- Servicios (menú principal)
- Diseño Web (submenú)
- SEO (submenú)
Recomendaciones:
- Usa nombres claros y concisos para los menús.
- No sobrecargues el menú con demasiadas opciones.
- Asegúrate de que los enlaces sean relevantes y funcionales.
4. Menús en diferentes ubicaciones
Dependiendo del tema de WordPress, los menús pueden colocarse en distintas áreas:
- Menú principal: Ubicado en la parte superior del sitio, es el más importante.
- Menú secundario: Puede estar en el encabezado o en la barra lateral.
- Menú en el pie de página: Útil para enlaces como «Política de privacidad» o «Contacto».
- Menú móvil: Algunos temas permiten un menú especial para dispositivos móviles.
🔹 Menús personalizados con enlaces externos
Además de páginas y categorías, puedes añadir enlaces personalizados a tu menú.
Ejemplo: Si quieres agregar un enlace a tus redes sociales:
- En la sección «Enlaces personalizados», introduce la URL de la red social.
- Escribe un nombre (ejemplo: «Facebook»).
- Haz clic en «Añadir al menú» y guarda los cambios.
5. Gestión de widgets en WordPress
Ubicación: Apariencia → Widgets
Los widgets permiten añadir contenido dinámico en áreas específicas del sitio, como la barra lateral o el pie de página.
🔹 Cómo añadir un widget
- Ve a Apariencia → Widgets.
- Verás diferentes áreas disponibles según tu tema (barra lateral, pie de página, etc.).
- Arrastra un widget desde la lista de widgets disponibles hasta el área deseada.
- Personaliza el contenido del widget según la configuración disponible.
- Guarda los cambios.
6. Tipos de widgets más utilizados
- Búsqueda: Agrega una barra de búsqueda para facilitar la navegación.
- Entradas recientes: Muestra las últimas publicaciones del blog.
- Categorías: Permite a los usuarios explorar contenido por categoría.
- Menú personalizado: Agrega un menú adicional en la barra lateral o el pie de página.
- Texto o HTML personalizado: Permite insertar texto, imágenes o código HTML.
- Formulario de suscripción: Para captar correos electrónicos de visitantes.
- Redes sociales: Agrega iconos de redes sociales con enlaces directos.
7. Personalización de widgets con el personalizador de WordPress
Ubicación: Apariencia → Personalizar → Widgets
Además del panel de widgets, WordPress permite modificar y visualizar los cambios en tiempo real desde el personalizador.
🔹 Pasos para personalizar widgets
- Ve a Apariencia → Personalizar.
- Haz clic en la sección Widgets.
- Selecciona el área donde quieres agregar o editar widgets.
- Modifica, añade o elimina widgets y observa los cambios en tiempo real.
- Guarda los cambios cuando estés satisfecho.
Recomendaciones:
- No satures la barra lateral con demasiados widgets.
- Usa widgets estratégicos que aporten valor al usuario.
- Personaliza los widgets para que se adapten al diseño de tu sitio.
8. Eliminación y reubicación de widgets
Si ya no necesitas un widget, puedes eliminarlo fácilmente.
🔹Pasos para eliminar un widget:
- Ve a Apariencia → Widgets.
- Selecciona el widget que deseas eliminar.
- Haz clic en Eliminar.
🔹Pasos para reubicar un widget:
- Arrastra el widget a otra área (por ejemplo, del pie de página a la barra lateral).
- Guarda los cambios.
9. Plugins para mejorar menús y widgets
Si el tema de WordPress no ofrece suficientes opciones para personalizar menús y widgets, existen plugins que pueden mejorar estas funcionalidades.
- Max Mega Menu: Para crear menús avanzados con iconos y efectos visuales.
- Elementor Pro: Permite diseñar widgets personalizados sin necesidad de código.
- WP Menu Icons: Agrega iconos personalizados a los menús de navegación.
- SiteOrigin Widgets Bundle: Ofrece un conjunto de widgets adicionales para mejorar la personalización.
10. Resumen de la lección
🔹Los menús permiten estructurar la navegación del sitio web.
🔹Se crean desde Apariencia → Menús y pueden contener páginas, categorías o enlaces personalizados.
🔹Es posible añadir submenús y organizar los elementos arrastrándolos.
🔹Los widgets son bloques de contenido que se pueden colocar en la barra lateral o pie de página.
🔹Se gestionan desde Apariencia → Widgets o desde el personalizador de WordPress.
🔹Existen múltiples tipos de widgets para mejorar la funcionalidad del sitio.
🔹Se pueden mejorar menús y widgets con plugins adicionales.
Ahora ya sabes cómo crear y gestionar menús y widgets en WordPress para optimizar la experiencia de navegación de tu sitio web.