Soporte » Guías – Resolución de problemas » Menú personalizado en el movil

  • Resuelto josua2000

    (@josua2000)


    Buenas. Estoy empezando en este mundillo. Me encuentro que he hecho un menú personalizado en la web. Cuando se traslada al móvil no me hace los desplegables. Los enseña todos y los submenús le pone un punto delante. Como puedo hacer para los desplegables del móvil? Estoy intentando con WP touch y cambia todo demasiado. No me gusta mucho. Además intento poner una galería de fotos en movimiento debajo del menú antes de empezar el blog y no se cómo meterlo.Por cierto, se puede cambiar el color del menú personalizado en la web y en el móvil?? Muchas gracias.

Viendo 14 respuestas - de la 1 a la 14 (de un total de 14)
  • Hola
    sobre esto: Además intento poner una galería de fotos en movimiento debajo del menú antes de empezar el blog.
    R: tienes que buscar un plugin de slider de imágenes

    sobre esto: se puede cambiar el color del menú personalizado en la web y en el móvil??
    R: usa css media query
    Algo asi
    CSS:
    /* para móviles */
    .menu {background: #ffffff} /*blanco */
    /* para pc */
    @media only screen and (min-width: 768px) {
    .menu {background: #000000} /*negro*/
    }

    Gracias Iván por la respuesta. Comentarte que tengo un par de plugins en mente para hacerlo. La verdad que no lo he descargado todavía. Pero en los tutoriales explican cómo hacer la galería. Lo que no te explican es como meterlos en el lugar que yo quiero. Es decir en la página normal de inicio del blog, entre el menú personalizado y las entradas del blog. Desconozco si el plugin te da esa opción. Si no la da sabes cómo hacerlo? O conoces un plugin que lo meta? Cual me recomendarías? Respecto a CSS creo que me queda todavía muy lejos. Sé lo que es pero no sé utilizarlo todavía. No sé dónde se mete el código. De todas maneras gracias

    Moderador Jose Luis

    (@jose64)

    Hola

    Para el menú tienes varias opciones, haz la búsqueda mobile menu en el repositorio de plugins y tendrás unos cuantos.

    Tienes una opción bastante sencilla para hace la galería: crea una página nueva y en ella pones la galería de fotos (slider) y a continuación las entradas del blog, para el slider si no te gusta el aspecto del bloque que trae por Gutenberg puedes usar un plugin de para ello, haz la búsqueda slider block en el repositorio y encontrarás unos cuantos. A continuación pones la galería de entradas, la puedes poner con algún plugin de los que te aparecen haciendo la búsqueda post grid

    Por ejemplo, puedes usar los plugins:

    WP Mobile Menu – The Mobile-Friendly Responsive Menu

    MetaSlider

    Content Views – Post Grid & List for WordPress

    Con respecto al CSS personalizado puedes meterlo en el apartado que hay para eso en el personalizador, sigue la ruta:

    Escritorio > Apariencia > Personalización > CSS adicional

    Por favor, cuéntanos tus progresos y cuando consideres que el tema está resuelto recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Hola José Luis. Gracias por la respuesta. He estado revisando lo que me has dicho. Respecto al slider block de acuerdo. Es intuitivo y lo hago. Respecto al post grid el problema que tengo es que es una página heredada de una Asociación y no quiero cambiar mucho la estructura. He revisado lo de CSS adicional. No sería posible meter ahí un código para que meta el slider creado? Así meter solo el slider y dejar lo demás tal y como esta. Cuando se crea un slider se genera un código que lo puedes meter en la página que tú quieras y te sale directamente…no se podría hacer lo mismo desde el CSS adicional? Igual estoy diciendo tonterías..

    El código (shortcode) que genera el slider es solo para ponerlo en la página.
    El css es solo para agregarle estilos a la página.

    Gracias Iván…aprendiendo sobre la marcha. Este año que viene lo voy a ir desarrollando todo mejor. Pero para esta semana tengo que tenerlo lo mejor posible para presentar la actualización. Mejor no toco el CSS. Con los menús del móvil he hecho lo que me ha dicho José Luis y me he bajado WP móviles menú. Una maravilla. He hecho varias pruebas. Por ahora necesito solo una cosa y necesito dar con la tecla. Se trata de conseguir que el móvil me dejé todo tal y como esta pero que el menú personalizado me haga los desplegables, que en el móvil no me los hace. Sabéis decirme exactamente qué parámetro tengo que cambiar. Es que cuando hago cambios me quita la cabecera, la imagen o me hace diferentes cambios. Solo quiero que me haga desplegables y lo demás igual…por ahora. Me podrías decir? Gracias por la ayuda y disculpad las prisas.

    Buenas a base de prueba y error ya voy creando el nuevo menu como lo quiero en WP mobile Menú. Hay un problema en el que si necesito vuestra ayuda. Creo el nuevo menú pero me sigue manteniendo el antiguo. Hay un apartado para ocultar elementos y dónde me pide la clase CSS y el ID del elemento a ocultar. Me podrías decir que tengo que poner en este apartado y como se consigue? Gracias. Saludos. http://www.apymapaderborn.com

    hola
    No he usado wp mobile menu.
    El elemento que quieres ocultar debe tener un css o id (id tiene que ser único, no pueden haber 2 con el mismo nombre) -> class=»menu-main» o id=»menu-main»
    entonces si el elemento que quieres ocultar tiene el id=»menu-main», ese es el nombre que tienes que poner en ese apartado.

    Moderador Jose Luis

    (@jose64)

    Hola @josua2000

    Prueba este plugin:

    If Menu – Visibility control for Menu Items

    Con este plugin puedes ocultar condicionalmente los elementos del menú, entre otras condiciones tienes mostrarlos si es en un tipo de dispositivo o en otro

    Me explico. He utilizado responsiva menú. Después de utilizarlo varios es el que más me ha gustado. He creado un menú que se adapta mejor al móvil. Pero cuál es mi sorpresa cuando veo que ahora tengo dos menús tanto en el móvil como en la web normal. 1. El que viene por defecto en mi plantilla y 2. El que he creado con el plugin responsiva menú. Esto me pasa con todos los que he probado. Lo podéis ver en la web que os dejo más abajo. Yo quiero el menú responsiva en mi móvil y el menú normal en mi web. El plugin pide en original menú to hide to put the CSS selector here. No consigo saber cuál es la Css del menú original. He leído por ahí que si lo seleccionas menú en apariencia y luego tú menú ahí te sale el ID que en mi caso es…..https:,……/wp-admin/nav-menus.php?action=edit&menu=87.
    Viene aquí la clase CSS? No entiendo. No sé que tengo que hacer para eliminar el menú responsiva en la web y el normal en el movil

    Respecto al plugin if menú lo he bajado pero al utilizarlo veo que lo que te hace es ocultar las páginas del menú que quieres. Y además lo hace en los dos menús. Yo lo que quiero es solo que desaparezca el botón del menú que me hace la plantilla en el móvil y quedarme con el creado en el plugin y en el ordenador quedarme con el de la plantilla y quitar el del plugin. Es que entonces para que lo creo así me mantiene los dos?

    Moderador Jose Luis

    (@jose64)

    Hola @josua2000

    Tienes que fijarte bien en las opciones de los plugins.

    En el plugin:

    WP Mobile Menu – The Mobile-Friendly Responsive Menu

    tienes en su configuración, en las opciones generales, una que es Enable only in Mobile devices y tienes luego la opción Hide Original Theme Menu. En esa opción tienes que poner la id del bloque de menú.

    Para identificar las clases del menú tienes que usar el inspector de elementos del navegador, esa es una de las razones por las que pedimos que se ponga la url de la web, para poder ver exactamente cuál es el problema.

    Si la web es https://www.apymapaderborn.com/ tienes que añadir en Hide Elements

    .navbar

    Esta es la clase que corresponde al menú principal de la web.

    En If Menu, al activar Enable visibility rules tienes la opción de ocultar para dispositivo móvil, selecciona Ocultar si Móvil, si ocultas un elemento del que dependan otros los ocultas todos. Esta opción es por si quieres quitar elementos en la versión móvil.

    Deberías pensar en exportar los contenidos de la web y probar en local con otro tema.

    Recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres.

    Si todavía lo necesitas:
    la clase del menú en pc es: «navbar» o «navbar-default».
    El menú en pc no tiene id

    Ahora sí! Muchísimas gracias por vuestros consejos y vuestra ayuda. Estoy haciéndolo contrarreloj pero el siguiente paso como dice José Luis es cambiar de tema. He revisado todos los puntos propuestos y los voy controlando. Dudas resueltas. Cierro pues el chat para mantener actualizado el foro. Gracias Iván y José Luis. Saludos

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