Aprende a optimizar tu página web para celulares y móviles - Elementor Wordpress

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024
  • ¡Equipo! Les comparto un tutorial para que aprendan a diseñar la versión móvil de su página web utilizando Elementor y Wordpress.
    ✅ Conoce mi Tienda Online - shop.manumarti...
    ✅ ¿Te sirve mi contenido? Compra Elementor PRO con mi link (me ayudas bastante 🥃 - be.elementor.c...
    ----------
    ➡️ Contrátame para tu proyecto web o de marketing digital: bit.ly/4627V4N
    ➡️ manumartinezma...
    ----------
    ✅ ÚNETE A MI CURSO DE ELEMENTOR PRO
    De 0 a PRO en tan solo 3 días.
    manumartinezma...
    ✅ VAMOS A CONECTAR
    Instagram --- @manumartinez.mkt
    Facebook ---@ManuMartinezMarketing
    #wordpress #diseñoweb #elementor #elementorpro

ความคิดเห็น • 86

  •  ปีที่แล้ว

    ¡Equipo! si les sirvió este tutorial y están por adquirir Elementor PRO, les dejo mi link de afiliado 👉 tinyurl.com/2j6nswue Gracias x apoyar al canal 🥃

  • @ramonfit.
    @ramonfit. 2 ปีที่แล้ว +12

    pero cuando lo modificas en movil se desconfigura en de escritorio ESO ME PASA

    • @davidbrxvo
      @davidbrxvo 4 หลายเดือนก่อน

      pudiste arreglarlo?

  • @notifymobelworld
    @notifymobelworld 4 หลายเดือนก่อน

    una pregunta tengo el the7 podrias hacer algo sobre esto un saludo kelly

    •  3 หลายเดือนก่อน

      Hola Kelly! Entiendo que the7 es un template web para tiendas online? Si es así, mejor te recomiendo crear tu tienda con Tiendanube... te paso un tutorial muy sencillo de seguir: th-cam.com/video/I1UUG6g69eU/w-d-xo.htmlsi=brdi22eQq4n07Km8

  • @CarlosVazquez-yl2tl
    @CarlosVazquez-yl2tl 2 ปีที่แล้ว +23

    Esta genial pero a mi me pasa que si hago cambios estando en vista móvil, también me los cambia a pc. Ya intente de todo y no se que problema tenga que no me deja hacer cambios diferentes para cada dispositivo. Estoy usando la plantilla Astra y Elementor. Seria genial que hicieras un video al respecto, pues he visto mucha gente con el mismo problema pero sin solución. Saludos

    • @DigitalMauri
      @DigitalMauri 2 ปีที่แล้ว +1

      Hola carlos conseguiste una solución?

    • @aracelimc
      @aracelimc 2 ปีที่แล้ว +2

      Tengo el mismo problema

    • @DigitalMauri
      @DigitalMauri 2 ปีที่แล้ว +1

      La única solución que encuentre es modificar los contenedores. Los estilos no pude. Solo tamaño y posición.
      También tocando en la parte de adaptabilidad, ocultando y dejando ver X elementos.
      Es un poco tedioso hacer esto, pero bueno... es la única solución que encontre.

    • @oscaregomezc
      @oscaregomezc 2 ปีที่แล้ว +1

      Pueden ensayar esta solución:
      th-cam.com/video/lMBh-tGbSFg/w-d-xo.html&ab_channel=OlimpoWeb

    • @MiRecetasFaciles
      @MiRecetasFaciles ปีที่แล้ว

      Debes modificar los elemtos que usaste como base relleno, márgenes, tamaños . Si cambias los elementos estaría borrando lo que creas en modo px

  • @JuanJoseHM90
    @JuanJoseHM90 8 หลายเดือนก่อน +4

    Hola Manu, tengo un problema es que todo lo que cambio en la versión móbil se cambia en la versión pc y no se que hacer

    • @ayelendaltosevero2876
      @ayelendaltosevero2876 5 หลายเดือนก่อน

      Buenas, pudiste solucionar? Porque me esta pasando lo mismo

  • @nicolasneira9731
    @nicolasneira9731 11 หลายเดือนก่อน +7

    Gracias por el contenido Manu! Tengo una pregunta, cuando le cambio el título a la versión móvil se me cambia también en escritorio, que puedo hacer?

  • @marlenewittwer9569
    @marlenewittwer9569 ปีที่แล้ว +5

    Hola, tengo un problema lo que modifico en la pantalla móvil , me lo modifica en escritorio.

    • @javoval9885
      @javoval9885 6 หลายเดือนก่อน

      Cómo se soluciona eso, me pasa lo mismo, modifico en movil y se cambia en escritorio.

    • @JaironF
      @JaironF 2 หลายเดือนก่อน

      x2

  • @jonathantorres2584
    @jonathantorres2584 2 ปีที่แล้ว +8

    Hola Manu, excelente video. Te hago una consulta, cuando le cambio el título a la versión móvil se me cambia también en escritorio, que puedo hacer

    • @aaronotiniano5506
      @aaronotiniano5506 ปีที่แล้ว

      SOLO MODIFICALO COMO EL LO HACE Y NO DA PROBLEMAS, ASI LO PUDE HACER

    • @nicolasneira9731
      @nicolasneira9731 11 หลายเดือนก่อน

      Cómo lo pudiste solucionar Jonathan? tengo el mismo problema

  • @CDRMarketingDigital
    @CDRMarketingDigital 5 หลายเดือนก่อน

    Hola amigo, muchas gracias por tu video. Una pregunta por favor. ¿ Tu sabes porqué mi sitio web no se visualiza desde IPhone? Sólo de Smartphone. que raro eso.. Está desarrollado en Elementor. Agradecería mucho pudieras responderme si sabes. Un abrazo y muchas gracias ..

  • @eylincasique4894
    @eylincasique4894 8 หลายเดือนก่อน +1

    Hola... hice mi primera landing pero cuando la veo desde el móvil aparece un espacio blanco a la derecha, además veo que se ve en general todo mas pequeño... ya he revisado y no se donde esta el error, como te dije es mi primera landing... Podrías ayudarme por favor..

    •  8 หลายเดือนก่อน +1

      Es común que eso suceda... Desde la edición de tu página, vete a la parte inferior izquierda y presiona la opción de "navegador" eso te va a abrir una pantalla con todas las capas de tus secciones o contenedores. Lo único que tienes que hacer es seleccionar una sección a la vez y ocultarla con el "ojo" que aparece a un costado derecho en el navegador. Cuando ocultes la sección que te está dando problemas, va a desaparecer el fondo blanco. Ya sabrías qué sección necesitas arreglar en móvil

    • @eylincasique4894
      @eylincasique4894 8 หลายเดือนก่อน

      @ gracias 🔥

  • @albertodimentico
    @albertodimentico 2 หลายเดือนก่อน

    Esto es una forma pesima de llenar el dom de atributos y css que no tiene mucho sentido. Si vas a usar los mismos margenes los mismos padding, usa una clase en css. Asi evitas tener un dom enorme y estar csmbiando el paddind por ejemplo en cada elemento. Puedes usar media query para la version movil.

  • @karenlloyd497
    @karenlloyd497 6 หลายเดือนก่อน

    Tengo este problema: cuando lo veo por mobil en modo oscuro se cambia todos los colores a modo oscuro y a negativo , se ve horrible y aunque haga una pagina oscura se ve como si tuviera una capa o cubierta negra o oscura en el fondo , cuando lo veo en modo claro se ve tal cual

  • @alejandrawindevoxhel4902
    @alejandrawindevoxhel4902 7 หลายเดือนก่อน

    Cuando arreglo las cosas en movil se me dañan en el escritorio :/ no entiendo porque , alguien me puede ayudar con eso ?

  • @sodastereolat
    @sodastereolat 2 ปีที่แล้ว +1

    Hermano!!! necesito que el telefono se inhabilite el zoom. que PLUGINS recomienda.

  • @alejandrosalas9650
    @alejandrosalas9650 ปีที่แล้ว +1

    Hola many una pregunta porque cuando modifico el de celular se modifica el de escritorio?

  • @tuterapeutagatuno
    @tuterapeutagatuno 3 หลายเดือนก่อน

    Hice eso y me descontrolo la versión para pc 🤔

  • @digitalglobalcom6019
    @digitalglobalcom6019 3 หลายเดือนก่อน

    Confieso que soy mas de Divi builder pero reconozco que en estos momentos Divi se queda atras comparado con la cantidad de opciones que esta brindando Elementor en estos momentos

    •  3 หลายเดือนก่อน

      Ya pásate a Elementor, se me hace muy fácil y costo/beneficio... tiene precios accesibles. Abrazo!

  • @Inf0digital
    @Inf0digital ปีที่แล้ว

    tengo problemas edito en elementor y sale en la web pero en el dispositivos móviles no aparecen los cambios modificados que pasa?

  • @sandratrujillo3706
    @sandratrujillo3706 2 ปีที่แล้ว +1

    Pregunta: Se ha trabajado la página web con WPBakery Page Builder. Quise utilizar Elementor para el modo responsive, pero al hacer las modificaciones en modo responsive, se cambio también en el modo escritorio. Cómo hago para que los cambios solo afecten al modo responsive?

    •  2 ปีที่แล้ว +1

      Hola Sandra! Te recomiendo trabajar solamente con un constructor de páginas, en este caso, Elementor. Saludos!

  • @MatiasDufourt
    @MatiasDufourt 11 หลายเดือนก่อน

    Hola Manu! por favor tengo una duda, mi slider (creado con Elementor Pro) se ve bien desde la pc, pero en el cel, en primera instancia parece que se ve bien... pero en realidad es mas ancho que toda la pagina! A la derecha es como 4 veces mas ancho que la pagina! jaja es muy raro y queda horrible por cierto =( me puedes ayudar con eso?

  • @JCAF90
    @JCAF90 9 หลายเดือนก่อน

    Hola, una pregunta, porque en elementor no me sale arriba del todo para modificar el logo y tampoco el boton de menu desplegable para cambiar colores? es porque usas la version pro?

  • @diegouribehernandez2859
    @diegouribehernandez2859 2 ปีที่แล้ว +1

    Muy buen video Manu, agradecería si pudieras recomendarme un plugin para fragmento destacado, soy nuevo en marketing digital.

    •  2 ปีที่แล้ว

      Hola Bro, por favor explícame un poco más a qué te refieres con fragmento destacado? Qué es lo que quieres lograr?

  • @luisguerreroultra
    @luisguerreroultra 10 หลายเดือนก่อน

    Muy interesante, pero ya que quedo mi diseño del header, que lo guarde como plantilla, te falto explicar como lo inserto en mi pagina, tanto la inicial como las otras.

  • @marketingenlinea7664
    @marketingenlinea7664 ปีที่แล้ว

    hola manu, tengo un problema, vengo de hacer mis paginas de ventas con divi y me pase a elementor, todo bien desde mi pc video, imagenes, carruseles y todo, pero copio mi url a mi celular y cuando lo abro , no aparce los video ni las imagenes y los botones me redirije a las misma pagina ( hablo de embudo ) , que podria estar pasando me ayudarias gracias.

  • @ervinhidalgo701
    @ervinhidalgo701 ปีที่แล้ว

    Saludos, Manu, en mi blog lo de la usabilidad en móviles no estaba dando problemas, pero ayer comenzó a fallar, me sale primero que todo está bien (cuando verifico en el google search console) y después me dice que falla, ¿por qué será ese cambio? gracias de antemano

  • @renealas2115
    @renealas2115 9 หลายเดือนก่อน

    capo

  • @carlos231094
    @carlos231094 ปีที่แล้ว

    Hola manu espero estes bien me pasa que en version movil me salen unas imagenes y en pc me salen otras, son imagenes que yo cambie, pero en movil me aparecen como si no las hubiera cambiado

  • @makinius
    @makinius 2 ปีที่แล้ว +1

    Hola! Como le hago para llegar al primer paso, o sea sacar el Element?
    Saludos

    •  2 ปีที่แล้ว

      Hola! Lo bajas desde la pestaña de plugins de tu tablero de Wordpress.

  • @silviafernandaeslavadelgad6965
    @silviafernandaeslavadelgad6965 2 ปีที่แล้ว

    A mi página web no le aparece edit with elementor, si añado el plugin ¿dañaría lo que tengo actualmente en mi página web?

  • @Borealisfx
    @Borealisfx ปีที่แล้ว

    Hay alguna forma de adaptar la versión mobile de forma automática?

  • @sabiduriaenaccion11
    @sabiduriaenaccion11 ปีที่แล้ว

    Amigo Manu, te agradezco si me puedes ayudar, estoy haciendo una pagina web, con Astra y una de sus plantillas de Elementor. Tengo un problema: En la web de la computadora se ve el menú que escogí en apariencia, pero en el celular, se ven de una forma desordenada todas las páginas que he creado. Porque me pasa esto. Quiero es que se vea el menú con su submenú como esta en la web de la computadora. Salvador Nuñez

    •  ปีที่แล้ว

      Hola! Disculpa la demora en la respuesta. Lograste solucionar tu problema? Comparto un link para que te unas a mi grupo de WA:
      chat.whatsapp.com/IsHfa0a9kFdBiaYstu7qwj

  • @fernandapalacios8235
    @fernandapalacios8235 2 ปีที่แล้ว

    Hola, disculpa ¿Como puedo dimensionar un mapa de google maps para movil sin que se me modifique en versión pc?

  • @JuanFlores-yw1np
    @JuanFlores-yw1np ปีที่แล้ว

    Hola, por que cuando edito en mobile se cambia todo en desktop?

  • @yasnielgarcia5847
    @yasnielgarcia5847 7 หลายเดือนก่อน

    Muchas Gracias @ManuMartinezMarketing este video como todos los suyos a aclarado Muchas Dudas que tenia eres un Crak, Gracias a ti estoy Creando mi Propia página Web sin haber estudiado Nada de Marketing, de Verdad Gracias Por compartir tu Conocimiento eso Vale Mucho Hermano 🙏💪

    •  7 หลายเดือนก่อน

      Muchas gracias por tu comentario :) Aprender Elementor no debe de ser complicado.. éxito en tus proyectos

  • @rogerpineiro1055
    @rogerpineiro1055 2 ปีที่แล้ว

    Oye que bárbaro, eres un genio. Esos videos tuyos wao!. Pero ya no te tires más pedos en la silla. Aquí se sienten wey.
    Ja ja ja ja.. Es broma hombre.

    •  2 ปีที่แล้ว

      jajajajajajajaja... no fue un pedo, fue un glitch en la mátrix

  • @AdriPrado
    @AdriPrado ปีที่แล้ว

    Muchísimas gracias, es justo el contenido que estaba buscando.

  • @MiroslabaCaraballo
    @MiroslabaCaraballo ปีที่แล้ว

    muchas gracias! me ha ayudado mucho y pondré en practicas tus consejos

  • @juancamilonarvaez8388
    @juancamilonarvaez8388 ปีที่แล้ว

    Hola saludos desde bogotá colombia, mira que cuando empiezo a modificar el responsivo para moviles se me modifica el de pc entonces o me cuadra el uno o el otro!!!! es un dolor de cabeza no e podido que hago?

    •  ปีที่แล้ว

      Mándame un mensaje por insta para mandarte mensaje de voz, es un error común. Saludos!

  • @oscarcohn
    @oscarcohn 2 ปีที่แล้ว

    Excelente tu tutorial Manu, sigue así. Éxitos!

  • @dianatobon1110
    @dianatobon1110 2 ปีที่แล้ว

    Excelente explicación, graciaas!

  • @jaimeortiz2141
    @jaimeortiz2141 ปีที่แล้ว

    Excelente, gracias.

  • @SantyAnonimo
    @SantyAnonimo 9 หลายเดือนก่อน

    Gracias brooo, sos alto proo

  • @frankmendoza4774
    @frankmendoza4774 ปีที่แล้ว

    Excelente explicación!

  • @adrianlopez9176
    @adrianlopez9176 2 ปีที่แล้ว

    GRACIAAAAAAAS

  • @MiRecetasFaciles
    @MiRecetasFaciles ปีที่แล้ว

    Excelente video Manu.

  • @digitalglobalcom6019
    @digitalglobalcom6019 2 ปีที่แล้ว

    Excelente tutorial.

  • @cuadrantekeystone4169
    @cuadrantekeystone4169 2 ปีที่แล้ว +2

    yo tengo un problema, y es que a la hora de abrir mi pagina en movil, me aparece un diseño totalmente diferente y solo lo puedo cambiar presionando cada vez que entro un boton al final que dice salir de version movil.

    • @elielcanche2527
      @elielcanche2527 ปีที่แล้ว

      Me pasa exactamente lo mismo y no sé como solucionarlo :(

    • @wilistraun6647
      @wilistraun6647 ปีที่แล้ว

      yo también, encontraron la solucion? 😑😑😑

  • @joshb7
    @joshb7 2 ปีที่แล้ว

    Un crack! 🔥

  • @emanuelcastilla7022
    @emanuelcastilla7022 ปีที่แล้ว

    Gran video Manu

  • @hkalibr
    @hkalibr ปีที่แล้ว

    EXCELENTE

  • @jejj94
    @jejj94 2 ปีที่แล้ว

    Excelente!!

  • @isusmarketing3365
    @isusmarketing3365 2 ปีที่แล้ว

    Si edito la versión móvil ¿No se ven reflejadas las modificaciones en la versión de escritorio verdad?

    •  2 ปีที่แล้ว

      ¡Hola! puedes editar libremente la versión móvil y no afecta la versión de escritorio.

    • @marcoavendanogarcia6873
      @marcoavendanogarcia6873 2 ปีที่แล้ว +3

      @ Que tal Amigo, no me funciona: lo que modifico en la VISTA para PC, lo modifica en la vista para MOVIL, incluso ya habilité Puntos de ruptura personalizados adicionales pero ni así. Sabrás alguna altenativa?

    • @agenciaimcolor3751
      @agenciaimcolor3751 2 ปีที่แล้ว

      @@marcoavendanogarcia6873 tengo el mismo problema amigo, alguna solución?

    • @marcoavendanogarcia6873
      @marcoavendanogarcia6873 2 ปีที่แล้ว +3

      @@agenciaimcolor3751 Que tal, ya econtré cual es el problema digamos parcialmente y es el siguiente: cuando agregas texto ya sea en con la opción de título o de párrafo o algo así; y si modificas el tamaño de éste texto en la vista para móviles, tambien se modificará en la vista para pc, tablets y viceversa. Aquí lo que te sugiero es que agregues texto para pc y en la vista para móviles lo hagas "invisible"; en la vista para móviles agregues otro texto que diga lo mismo y lo adpates al tamaño que quieres para que tambien se ajuste en móviles. Por último, en vista para pc le quites la opción de visualización. Aquí tu vas a tener 2 textos uno que se vea en PC y tablets y otro en Móviles. Observé que sólo pasa con los textos por que con los demás elementos, Si puedes hacer cambios para un dispositivo y que no afecte la visivilidad en otro.

    • @Descubreaprende24
      @Descubreaprende24 2 ปีที่แล้ว +1

      @ Ante todo felicidades por su profesionalidad. En este caso, mi problema es que me afecta a todos los formatos, por ejemplo edito la cabecera en vista móvil y mantiene la configuración en escritorio y viceversa.. Adapto vista de escritorio y se descompensa la vista móvil... Utilizo AstraPro + elemento Pro + woocommerce. Gracias de antemano

  • @creacionessidaki7564
    @creacionessidaki7564 ปีที่แล้ว

    Excelente tutorial Manu!!! muy bien explicado se agradece. eso si! hace rato que no puedo editar el header y footer, trate de copiar lo que ibas haciendo, pero no me aparece, espero lograrlo!!! gracias por compartir tu experiencia, muy valiosa!!!