Cómo crear un menú diferente para móvil en tema GeneratePress de Wordpress

Cómo crear un menú diferente para móvil en tema GeneratePress de WordPress

Share on facebook
Share on google
Share on twitter
Share on linkedin

El tema GeneratePress es muy flexibe. Cuenta con una versión Premium que con la que se consiguen desarrollos muy adaptados y personalizados en función del proyecto.

A pesar de su flexibilidad, en ocasiones debemos de echar mano de un poco de código css y/o php para algunas necesidades concretas. En este caso, para tener un menú principal en móvil distinto al de escritorio.

Crear área para menú móvil

Lo hacemos a través de una función:

add_action( 'init', 'generate_register_mobile_menu' ); function generate_register_mobile_menu() { register_nav_menu( 'mobile-menu',__( 'Mobile Menu' ) ); }

Después, añadimos los siguiente para dispositivos móviles:

add_filter( 'generate_mobile_header_theme_location', 'generate_change_mobile_header_menu' ); function generate_change_mobile_header_menu() { return 'mobile-menu'; }

Hay varias formas de introducir este código:

  1. A través del fichero functions.php del tema hijo (Child Theme)
  2. A través de un plugin: Code Snippets.
  3. Creando un plugin. Puede parecer a priori difícil, pero para un caso sencillo como este, podemos hacerlo de manera fácil a través, a su vez, del plugin Pluginception.

Utilizar la ubicación Navegación deslizante solo para móvil

Este caso es recomendado cuando tenemso un menú demasiado largo. Consiste en utilizarlo solo para navegación móvil. Para configurarlo:

Personalizar >  Diseño de pantalla > Navegación deslizante

Hay cuatro opciones:

  • Solo en móviles
  • Solo en escritorio
  • ambos
  • Desactivar

Cogeremos la opción de Solo en móviles.

Share on facebook
Share on google
Share on twitter
Share on linkedin

Deja un comentario