Crear Nuevo Menú
9.12 Crear Nuevo Menú
Conforme tu sitio web crece y gana complejidad, puede ser necesario crear menús adicionales más allá del menú principal. Estos menús secundarios pueden servir diversos propósitos: mejorar la navegación en el footer, proporcionar acceso rápido a recursos específicos en la barra lateral, crear menús contextuales para secciones específicas, o implementar estructuras de navegación avanzadas. Entender cómo crear y gestionar múltiples menús es una habilidad esencial para construir sitios web sofisticados que proporcionen una experiencia de navegación intuitiva a diferentes tipos de visitantes.
Después de haber establecido el menú principal y otros elementos estructurales del sitio, es el momento de explorar la creación de menús adicionales más especializados. Este apartado te guiará a través del proceso de crear nuevos menús temáticos y asignarlos a ubicaciones específicas en tu sitio.
Necesidades para menús adicionales
Existen varias situaciones comunes donde menús adicionales son beneficiosos. En un sitio de blog, podrías tener un menú principal con enlaces a categorías importantes y un menú secundario en el footer con enlaces a Política de Privacidad, Términos, Contacto, y Acerca de. En un sitio de ecommerce, podrías tener un menú principal con categorías de productos, un menú de cuenta de usuario con enlaces a Mi Cuenta, Mis Pedidos, y Desconectar, y un menú de recursos con Preguntas Frecuentes, Centro de Ayuda, y Soporte.
Las secciones del sitio también pueden beneficiarse de menús específicos. Por ejemplo, si tienes una sección de documentación o centro de aprendizaje, este podría tener su propio menú contextual que ayude a los usuarios a navegar dentro de esa sección específica. Estos menús temáticos mejoran significativamente la usabilidad al proporcionar opciones de navegación relevantes según el contexto.
Creación del menú adicional
El proceso de crear un nuevo menú es idéntico al de crear el primero. Accede a Apariencia > Menús y haz clic en Crear menú. Ingresa un nombre descriptivo para el nuevo menú. Por ejemplo, si creas un menú para el footer, podrías llamarlo Menú Footer Legal. Si es un menú de recursos, Menú Recursos sería apropiado. Si es un menú para una sección específica, incluye el nombre de la sección: Menú Documentación o Menú Soporte.
Una vez ingresado el nombre del menú, verás opciones de ubicación. Estas ubicaciones están definidas por tu tema activo. Los temas modernos generalmente ofrecen múltiples ubicaciones disponibles. Si no ves la ubicación que buscas, probablemente tu tema no proporciona esa ubicación, en cuyo caso tendrías que o modificar el tema o usar un método alternativo para mostrar el menú (como un widget HTML).
Agregación de elementos específicos del contexto
Cuando agregues elementos a un menú especializado, enfócate en elementos que sean relevantes para ese contexto específico. Por ejemplo, en un menú de footer legal, incluirías principalmente páginas que contengan información importante: Política de Privacidad, Términos de Servicio, Política de Cookies, Aviso Legal, y posiblemente Contacto.
En contraste, un menú de recursos documentación podría incluir enlaces a diferentes secciones de documentación, guías de usuario, tutoriales en video, preguntas frecuentes, y posiblemente un enlace a un formulario de soporte. La clave es que los elementos del menú sean directamente relevantes y útiles para el propósito específico del menú.
Organización jerárquica según el contexto
Aunque ya se explicó la jerarquía en apartados anteriores, es importante notar que la estructura jerárquica puede utilizarse de forma diferente según el tipo de menú. En un menú principal, es común tener un nivel de jerarquía donde elementos principales tienen subelementos. En un menú footer, la jerarquía generalmente es más plana, con pocas o ningún subelementos, ya que los usuarios del footer tipicamente desean acceso rápido a información específica sin necesidad de explorar submenús.
Un menú de soporte o recursos puede beneficiarse de una estructura más jerárquica, donde categorías amplias agrupan recursos relacionados. Por ejemplo, podrías tener Empezar como categoría principal con subelementos como Guía de inicio rápido, Primeros pasos, y Requisitos del sistema.
Asignación a ubicaciones múltiples
Un menú puede ser asignado a múltiples ubicaciones simultáneamente si es necesario. Esto es útil si deseas que el mismo conjunto de enlaces aparezca en varias partes del sitio. Sin embargo, en la mayoría de casos, cada menú está diseñado para una ubicación específica, así que generalmente solo asignarás un menú a una ubicación.
Si tu tema no proporciona una ubicación de menú donde deseas mostrar el menú, una solución alternativa es crear un widget HTML personalizado e insertar el menú manualmente usando un shortcode o código PHP. Aunque esto requiere un poco más de trabajo, proporciona máxima flexibilidad para mostrar menús en lugares no estándar.
Menús dinámicos vs. estáticos
WordPress proporciona dos tipos de elementos de menú: dinámicos y estáticos. Los elementos dinámicos, como categorías, se actualizan automáticamente si modificas la categoría. Por ejemplo, si tienes un menú que incluye dinámicamente todas las categorías de blog, y posteriormente creas una nueva categoría, esta aparecerá automáticamente en el menú sin necesidad de editarlo manualmente.
Los elementos estáticos, como páginas o enlaces personalizados, deben ser editados manualmente si deseas hacer cambios. Este control manual es útil para menús cuidadosamente curados donde deseas una experiencia controlada sin cambios inesperados causados por actualizaciones de contenido.
Prueba y visualización del menú
Después de crear y configurar un nuevo menú, asegúrate de visualizar tu sitio públicamente para verificar que el menú aparece donde esperabas y que funciona correctamente. Si el menú no aparece, verifica que:
- Hayas seleccionado una ubicación de visualización durante la creación del menú.
- El tema activo realmente proporcione esa ubicación (algunos temas limitados tienen pocas ubicaciones de menú).
- No exista un conflicto de CSS que esté ocultando el menú.
- Los enlaces en el menú sean válidos y apunten a páginas que existan en tu sitio.
Si el menú aparece pero no se ve correctamente (por ejemplo, está deformado o tiene problemas de estilo), esto puede deberse a conflictos CSS entre el tema y el plugin. En tales casos, puedes necesitar personalizar CSS o consultar la documentación del tema.
Ideas clave
- Los menús adicionales permiten estructuras de navegación complejas, con menús especializados para footer, recursos, documentación, y otras secciones específicas del sitio.
- La denominación clara del menú ayuda a identificar rápidamente su propósito y facilita la gestión cuando tienes múltiples menús en tu sitio.
- La selección de elementos para un menú debe basarse en la relevancia contextual, no simplemente en incluir todos los enlaces disponibles.
- La estructura jerárquica de un menú debe diseñarse considerando el contexto y el tipo de menú, con menús footer típicamente más planos que menús de documentación o recursos.
- Los elementos de menú pueden ser dinámicos (se actualizan automáticamente) o estáticos (requieren edición manual), permitiendo flexibilidad según tus necesidades.
- Siempre verifica visualmente en el sitio público que los nuevos menús aparecen correctamente y que los enlaces funcionan sin errores.