Soporte » Diseño – Temas y plantillas » Crear menu para version móvil

  • Buenas, acabo de empezar a crear una página web con WordPress y necesito ayuda con un tema.
    Me gustaría adaptar el menú de la versión móvil de mi página web para que esté siempre visible abajo a la derecha (algo que ya he conseguido aplicando un poco de CSS) pero no he conseguido dejarlo como a mí me gusta ya que aparece la palabra Menú. Yo preferiría que sólo se mostrasen las tres barritas del menú, sin el texto Menú. He estado revisando tutoriales que explican como hacerlo pero no me ha funcionado para mi tema (Twenty Seventeen)
    ¿Alguien me puede echar un cable con esto? ¿Cómo puedo quitar el nombre del botón para que aparezcan sólo las rayitas horizontales?

    He conseguido identificar donde está el texto dentro de «inspeccionar elemento» pero me aparece sólo con la referencia #text y no se como poner el display:none sólo a ese elemento… He encontrado en cambio las barritas, que están en .icon-bars, pero el texto ese no tiene un .texto o algo asi para poder poner el display:none. He buscando dentro del tema concreto pero no he visto el nombre…

    Muchas gracias por la ayuda!!!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Hola @enel9

    Tienes que modificar el archivo /template-parts/navigation/navigation-top.php que es donde se crea el menu.

    Por accesibilidad yo añadiria <span class="screen-reader-text"></span>.

    Deberias tener este codigo:

    
    <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
     <?php
      echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) );
      echo twentyseventeen_get_svg( array( 'icon' => 'close' ) );
      _e( 'Menu', 'twentyseventeen' );  
     ?>
    </button>
    

    Remplazalo por este.

    
    <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
     <?php echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) ); ?>
     <?php echo twentyseventeen_get_svg( array( 'icon' => 'close' ) ); ?>
     <span class="screen-reader-text"><?php _e( 'Menu', 'twentyseventeen' ); ?></span>
    </button>
    

    Entiendo que estas usando un child theme, ya que todo lo que estes modificando del theme lo perderas cuando se actualize.

    Muchas gracias por la rápida respuesta. Perdona mi ignorancia pero que es un child theme? Yo estoy usando el tema que instalo directamente desde el panel de wordpress. De los recomendados.

    Esos cambios que me has indicado que tengo que hacer en el fichero que hacen realmente? Me meten el texto en un menú que pueda modificar luego con css?

    Un saludo y muchas gracias.

    Te pongo unos enlaces que te ayudaran, pero basicamente es un theme que hereda todas las funcionalidades de otro theme.

    https://ayudawp.com/child-themes-plantillas-hijas/
    https://ayudawp.com/como-crear-un-tema-hijo-en-wordpress/

    Te recomiendo que lo uses, si solo añades css en el personalizador no te diria nada pero quieres modificar archivos del theme, y sin un child perderias todo lo modificado en una actualizacion.

    Hola @kallookoo, muchas gracias por la ayuda!
    He realizado los pasos que me indicaste pero para crear el tema hijo, lo que he hecho ha sido crear una nueva carpeta y copiar dentro todos los archivos del tema que quería utilizar y pasar a modificar esos. Ahora la web parece que va bien pero cuando le doy a personalizar la página de inicio (desde el botón del pincel que aparece en la parte superior cuando visito el sitio como administrador) me da un error el navegador de TOO MANY REDIRECTS. He probado que sólo sucede en la página de inicio, o cuando pincho sobre la página de inicio en el menú.
    Desconozco por qué razón sucede eso. Si vuelvo a aplicar el tema original ya no sucede. ¿Alguien sabe qué puedo estar haciendo mal? Ese fallo sólo me da cuando le doy a personalizar desde el menú administrador, si visito la página normal no me sucede eso.

    Muchísimas gracias por vuestra ayuda.

    Un saludo

    Moderador LGrusin

    (@lgrusin)

    Unicamente deja en la carpeta del tema hijo los archivos que modificas, el resto los dejas tal como están en la carpeta del tema padre.

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Debes estar registrado para responder a este debate.