Menús Drupal Nice y Superfish. Descripción y comparación de módulos de menú desplegable.
Los módulos Nice Menus y Superfish permiten crear menús desplegables, tanto verticales como horizontales. Debes elegir uno de estos módulos y usarlo. Ambos son módulos populares y cuentan con una gran cantidad de módulos adicionales.
Los módulos Nice Menus y Superfish utilizan la misma biblioteca jQuery Superfish:
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Comencemos con Nice Menus.
Nice Menus
El menú con Nice Menus se crea automáticamente después de habilitar el módulo. Activa el módulo. No se requieren acciones adicionales, la biblioteca ya está incluida en el módulo, realmente un menú agradable).
Ahora vamos a la configuración de bloques, allí habrá varios bloques de Nice menu, seleccionemos el primero:
Aquí seleccionamos qué menú se debe mostrar y cómo se debe mostrar. Actualmente, solo tengo el menú de gestión con submenús, que puedo mostrar como un menú desplegable.
Presta atención a la configuración "Respect 'show as expanded' option", que permite expandir todos los elementos del menú (por defecto). Esto es útil para que siempre se vean los elementos del submenú, no solo cuando ya hemos seleccionado el elemento principal del menú.
También puedes configurar el menú para que se despliegue hacia abajo, para ello selecciona la orientación "Down":
Y ahora el menú se desplegará hacia abajo:
Las opciones de configuración de Nice Menus no son muy amplias:
/admin/config/user-interface/nice_menus
Aquí solo podemos configurar la velocidad de apertura y el retraso. A mí me gusta cuando el menú se abre rápidamente, así que generalmente lo configuro así:
Y así es como tienes un menú desplegable. Nice Menus es rápido y fácil de configurar.
Drupal Superfish
El módulo Superfish requiere un poco más de tiempo en la instalación, pero vale la pena, ya que nos permitirá configurar de manera más flexible el aspecto y el funcionamiento del menú.
Entonces, necesitamos la biblioteca superfish para Drupal, específicamente la versión para Drupal. Esto se menciona en la descripción del módulo:
https://github.com/mehrpadin/Superfish-for-Drupal
Si no tienes el módulo Libraies API instalado, debes instalarlo:
https://www.drupal.org/project/libraries
Descargué la versión 1.0 para la versión actual del módulo. Copiamos la biblioteca a la carpeta sites/all/libraries/superfish:
También necesitas instalar el módulo jQuery Update:
https://www.drupal.org/project/jquery_update
En las configuraciones de jQuery Update, te recomiendo configurar las opciones para el frontend en 1.7, y para la parte administrativa en 1.5 (para evitar problemas con Views):
/admin/config/development/jquery_update
Ahora puedes habilitar el módulo Superfish. Ve al informe de estado y verifica que Superfish esté habilitado.
/admin/reports/status
Ahora ve a bloques y habilita uno de los bloques de Superfish:
/admin/structure/block
Aquí ya tenemos muchas más configuraciones, así que vamos a desglosarlas paso a paso:
En esta página podemos elegir qué menú mostrar, Management, hacia dónde se desplegará el menú Horizontal (es decir, hacia la izquierda o hacia la derecha), el diseño de nuestro menú Blue y la velocidad de aparición y los retrasos (yo configuré para que sea rápido).
Aquí tenemos la configuración predeterminada, solo que no tenemos instalado jquery.easing, pero puedes instalarlo adicionalmente, aunque yo no lo haré porque Superfish ya funciona perfectamente.
Elige la región y puedes ver cómo se verá. Las demás configuraciones las veremos a continuación:
Todo funciona perfectamente, si algo no funciona, deja un comentario.
Ahora vamos a hablar de las características de Superfish, en particular su capacidad de adaptación a diferentes dispositivos. Por ejemplo, en los teléfonos móviles, nuestro menú se mostrará como un select normal, lo que facilita la selección de elementos en el teléfono.
Y todo esto funcionará en dispositivos con pantallas táctiles, tanto la versión móvil del menú como la estándar. Para ello, tenemos configuraciones en los complementos adicionales, aunque ya está configurado por defecto y no es necesario cambiar nada para que funcione:
De esta manera, Superfish claramente supera a Nice Menus en funcionalidad, pero Nice Menus es más fácil y rápido de instalar y configurar. Si decides usar Nice Menus, los siguientes módulos te ayudarán a configurar la adaptabilidad del menú:
https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation