Tutorial Contenedores - Aprende la nueva forma de maquetar con Elementor

Поделиться
HTML-код
  • Опубликовано: 29 янв 2025

Комментарии • 57

  • @elemenpros
    @elemenpros  2 года назад +1

    Te recomiendo Elementor PRO para tus proyectos! 💪
    albertoperojo.com/elementorpro

  • @gorcafilms
    @gorcafilms Год назад +1

    Saludos. En primer lugar quiero agradecerte la generosidad que ofreces al aportarnos tus conocimientos y tu tiempo. En especial, valoro mucho la forma y detalle con la que defines aquello que quieres mostrar, los que estamos comenzando con estas herramientas necesitamos esa forma de detalle. Hay canales en el que su contenido lo dan con tal velocidad que algunos no nos enteramos de nada. Un fuerte abrazo.

    • @elemenpros
      @elemenpros  Год назад

      Estos comentarios se agradecen 🙂

  • @irvingdiart
    @irvingdiart Год назад

    Excelente aporte, muchas gracias !!!!!!!!!!!!!!!!!!!!!!! Éxitos !!!!

  • @DTSoyTico
    @DTSoyTico 11 месяцев назад

    Demasiadas gracias, en unos minutos me aclaraste un montón de dudas. Feb 29

  • @entuface
    @entuface 2 года назад

    Era necesario ya este cambio en Elementor. Buen vídeo.

  • @FreddyFernandoFloresAbril
    @FreddyFernandoFloresAbril 2 года назад

    Buen Tutorial, gracias amigo

  • @Kiev.Amaterasu
    @Kiev.Amaterasu 2 года назад

    Muy útil, gracias por el video.

  • @patgomez5243
    @patgomez5243 2 года назад

    Excelente 👌. Vengo de Divi y ahora partiendo con Elementor. Cómo indicas Ojalá qué aporte más flexibilidad, sin aumentar la cantidad de código y velocidad de carga.

  • @guillermoguzman6425
    @guillermoguzman6425 2 года назад

    Muy buena explicación muchas gracias

  • @tonicardozo74
    @tonicardozo74 2 года назад +1

    Antes de hacer la crítica que voy hacer deseo agradecerte estos tutoriales porque son muy buenos. Pero sería de agradecer que tanto tu como tantos otros colegas tuyos que contribuyen tanto al conocimiento de este apasionante mundo, que a la hora de explicar y hablar fuerais mucho más concreto tomando en cuenta que lo bueno cuando es breve es mucho más bueno. Y que todos los interesados en estos temas no estamos en una barra del bar sabiendo que no tenemos tiempo de sobra para andar por las ramas. Que bueno sería ser mucho más concreto y conciso. Un abrazo cargado de agradecimientos.

    • @elemenpros
      @elemenpros  2 года назад +2

      Hola Toni, la verdad que me ha sorprendido algunos puntos de tu comentario.
      Supongo que entiendes que la audiencia de RUclips es muy diversa y no todos parten del mismo nivel de conocimientos. Además, teniendo en cuenta que los contenedores suponen una nueva forma de maquetar con Elementor que aprovecha la especificación CSS de Flexbox (que ni siquiera me he metido a explicar), creo que 17 minutos para hacer una introducción a este tema no es exagerado. Aún así, si el vídeo te aburre siempre puedes ponerlo a 1.5x o 2x de velocidad antes de exigirme a mí que sea "más concreto", que entiendo que te refieres a omitir cosas que tu ya sabes pero otros puede que no.
      Saludos y disfruta del conocimiento gratuito.

    • @tonicardozo74
      @tonicardozo74 2 года назад

      @@elemenpros No me refería a cosas innecesarias para el tema central. Lo de la velocidad me lo dijo mi hijo. Pero lo más importante es que tu trabajo es muy bueno y lo mío simplemente una opinión . Sea como sea te agradezco tu trabajo. Un abrazo

  • @tonifornesramis
    @tonifornesramis 2 года назад +1

    Gracias por el vídeo ;-) Esta mejora me pilla en medio de la maquetación de un nuevo proyecto, ¿crees que vale la pena cambiar el estilo de maquetación "antiguo" por el nuevo de contenedores?, muchas gracias.

    • @elemenpros
      @elemenpros  2 года назад +1

      Hola Toni, difícil decisión. Yo tiraría ya a Contenedores pero también depende un poco del tipo de web que estés haciendo, si tienes addons de terceros para Elementor quizá todavía sea un poco arriesgado porque igual la compatibilidad no está al 100%. Saludos.

    • @tonifornesramis
      @tonifornesramis 2 года назад

      @@elemenpros muchas gracias, de momento sigo con la versión antigua, pero con ganas de probar ya los contenedores y como pueden mejorar velocidades de carga con el DOM por ejemplo ;-)

  • @jhonatancolorado234
    @jhonatancolorado234 11 месяцев назад

    profesor para esta fecha todavía se puede trabajar con columnas? como se hace? y como se crea un slider o carousel sin instalar mas plugins?
    gracias profesor

    • @elemenpros
      @elemenpros  11 месяцев назад

      No, ya habría que usar contenedores para las nuevas webs. Lo del slider lo puedes hacer con el slider carousel nuevo de Elementor pero necesitas que los datos sean dinamicos. Saludos.

  • @rogeliocastano372
    @rogeliocastano372 Год назад

    HOLA DISCULPA UNA PREGUNTA, ME PUEDE EXPLICAR COMO MODIFICO O CAMBIO LAS IMAGENES DE SLIDER DE UNA PLANTILLA QUE COMPRE, EL ELEMENTOR NO ME MUESTRA EN DONDE EDITAR LOS CONTENEDORES, MUCHAS GRACIAS

    • @elemenpros
      @elemenpros  Год назад

      Hola Rogelio, esto de las plantillas de pago a veces no es tan sencillo porque crean sus propias configuraciones con sus propios widgets incluso. Tendrías que revisar la documentación del desarrollador de la plantilla. Si quieres que te ayude puedes escribirme al formulario de contacto de mi web o elemenpros.com

  • @aiquizzes.
    @aiquizzes. 10 месяцев назад

    puedo agregar nuevo contenedor a sección que ya esta predeterminada? ejemplo elegi una secion con 6 columnas y quiero agregar una nueva

    • @elemenpros
      @elemenpros  10 месяцев назад

      Hola Gabriel, puedes hacerlo pero no se recomienda mezclar secciones y contenedores. Lo suyo sería reconstruir esa sección ya con contenedores. Saludos.

  • @saulmezacantante
    @saulmezacantante 2 года назад

    No se que elementor Pro tienes, pero tengo la ultima versión actualizada y no aparece eso del contenedor

    • @elemenpros
      @elemenpros  2 года назад +2

      Hola Saul, los contenedores están en versión experimental todavía. Aparecen en Elementor -> Ajustes -> Experimentos -> Flexbox container. Saludos.

    • @saulmezacantante
      @saulmezacantante 2 года назад

      @@elemenpros Gracas lo encontre amigo abrazos

  • @jhonatancolorado234
    @jhonatancolorado234 10 месяцев назад

    profesor, como se obliga a que el contenedor se mantenga en un tamaño especifico? tanto en altura como en acho? mil gracias

    • @elemenpros
      @elemenpros  10 месяцев назад

      En la parte de disposición puedes fijar un ancho y una altura mínima. Lo de la altura se hace así porque si el contenido se pasa de la altura proporcionada quieres que se muestre, no que se corte.
      Si por lo que sea quieres fijar una altura específica, puedes utilizar este CSS en Avanzado: selector { height: 700px !important }

  • @inspyraagenciademercadotec809
    @inspyraagenciademercadotec809 Год назад

    Muchas gracias PERO cuando hago un diseño a nivel móvil no me deja poner el ancho completo ni extender el contenedor ¿alguna solución?

    • @elemenpros
      @elemenpros  Год назад

      Hola, la opción de extender el contenedor ya no está pero tampoco hace falta. Si usas hello theme y seleccionas el contenedor de ancho completo no tendrás problema. Si no funciona bien es porque estás usando un tema tipo GeneratePress que limita el ancho completo y tendrías que tocar el CSS. Saludos.

  • @hernangomez9333
    @hernangomez9333 2 года назад

    Gracias por el contenido, Una pregunta. En este caso del contenedor como extiendo el contenedor al ancho de lpágina?. Con la sección si estaba la opción, ahora con contenedero no me aparece esa opción

    • @elemenpros
      @elemenpros  2 года назад

      Hola Hernán, los contenedores tienen la opción de Ancho BOXED o FULL WIDTH (todo el ancho). Saludos.

  • @enriqueochoalozano1381
    @enriqueochoalozano1381 2 года назад

    Muy buena explicación Alberto, gracias. Sólo una pregunta antes en las secciones teníamos la opción de extender la sección, en los contenedore no la veo, hay algo que la sustituya? o hay algo que esté haciendo mal?. Gracias por tu ayuda.

    • @elemenpros
      @elemenpros  2 года назад

      Hola Enrique, esa función está obsoleta. Lo óptimo es usar elementor ancho completo y un ancho del 100%. Saludos.

    • @kafetabooks
      @kafetabooks 2 года назад

      @@elemenpros tambien tengo ese problema, en el diseño de elementor le pongo ancho completo y 100% pero no se extiende completamente

  • @scarithas597
    @scarithas597 11 месяцев назад

    hola, sabes como vuelvo al estilo de maquetación de antes?

    • @elemenpros
      @elemenpros  11 месяцев назад

      Hola, puedes ir a Elementor -> Ajustes -> Características y buscar la opción de Contenedor Flexbox y desactivarlo.
      Pero NO te lo recomiendo porque ahora mismo los contenedores son el estandar de maquetación en Elementor y el antiguo sistema va a ser cada vez más incompatible, puedes tener problemas en el futuro.

  • @baes13
    @baes13 2 года назад

    Saludos, buen vídeo demostrativo. 2 dudas, la primera es si es mejor utilizar % o vw y vh, y la segunda es cómo afecta al rendimiento este nuevo modelo de cajas. Ya sabemos las webs construidas con Elementor no tiene un buen rendimiento aunque poco a poco lo han intentado mejorar, ahora con este nuevo modelo, sabes si mejora, empeora o se queda igual? Muchas gracias.

    • @elemenpros
      @elemenpros  2 года назад +1

      Hola Alex, respecto a que medida utilizar...depende un poco de la situación. Por lo general, para márgenes y rellenos te recomiendo %.
      VW es util cuando quieres que un tamaño varie respecto al ancho del navegador, VH lo mismo pero para el alto de navegador. Este ultimo se suele usar en secciones (containers) de alto completo (100vh).
      Respecto al rendimiento, no he llegado a medirlo detalladamente pero es difícil que vaya a peor cuando los containers generan menos código que las secciones y columnas...pero es algo que veremos con el tiempo.
      Saludos.

  • @rafaelalvarado3803
    @rafaelalvarado3803 2 года назад

    Hola buenas, muy interesante el video.
    Una pregunta ¿Si tiene una web hecha con una version de elementor con secciones y columnas, al actualizar a la version de contenedores, se va a seguir viendo bien la pagina o se va a descuadrar todo, lo has probado? Gracias

    • @elemenpros
      @elemenpros  2 года назад +1

      Hola Rafael, sí, Elementor va a mantener la compatibilidad con las secciones y columnas. Saludos.

  • @MigFerr3312
    @MigFerr3312 Год назад

    hola, que pasa si no me aparecen los contenedores y solo las secciones?

    • @elemenpros
      @elemenpros  Год назад

      Hola, tienes que activarlos en la zona de Elementor -> Ajustes -> Características. Saludos.

  • @alejandravalencia5431
    @alejandravalencia5431 7 месяцев назад

    Buen día, como podria eliminar o deshacer algún error o contenedor interno.?

    • @elemenpros
      @elemenpros  7 месяцев назад

      Hola Alejandra, no se a que te refieres exactamente. Puedes borrar cualquier contenedor interno como haces con cualquier otro widget.

  • @patgomez5243
    @patgomez5243 2 года назад

    Hola, acaba de salir un actualización que hace referencia a contenedores, no se si es lo mismo que indicas en al video pues el witget aun no esta etiquetado como contenedor. podría comentar sobre esto por favor 😁👍

    • @elemenpros
      @elemenpros  2 года назад +1

      Hola PAT, sí, los containers hay que activarlos en la sección de Experimentos. Ojo, que está todavía en una versión de desarrollo temprana. Saludos.

    • @patgomez5243
      @patgomez5243 2 года назад

      @@elemenpros 🤔Vale, entonces por ahora paso. Gracias por la aclaración 😃

  • @ignacioartigas7543
    @ignacioartigas7543 7 месяцев назад

    hola, a mi bo me sale la opción de contenedor, porque?

    • @elemenpros
      @elemenpros  7 месяцев назад

      Hola, eso es porque no lo tienes activado dentro de las características de Elementor, que están en el menu de ajustes.

  • @kafetabooks
    @kafetabooks 2 года назад

    Estoy de lleno con los contenedores, y en la version movil estoy teniendo problemas, cuando estoy editando y pongo visualizar en movil se ve bien , pero una vez guardados los cambios en la pagina web en versin movil no los coje, he borrado cache y en modo incognito pero no puedo. Alguien mas le esta pasando?

    • @elemenpros
      @elemenpros  2 года назад

      Hola, cuando estés desarrollando desactiva el plugin de caché para evitar este tipo de problemas. Has probado a regenerar CSS y archivos? en elementor -> herramientas

  • @lordfer346
    @lordfer346 Год назад

    Hlola, buena explicación, tengo dudas:
    -¿cómo meto un contenedor dentro de otro?
    -Si hago un contenedor de 3 secciones y quiero cambiarlo a 1, es decir quitarle 2 como se hace sin introducir una nueva de un espacio?
    -Cómo pongo un contenedor sobre otro así como se hace con los div y los z-index
    Un saludo

    • @elemenpros
      @elemenpros  Год назад +1

      Hola, para introducir un contenedor dentro de otro solo tienes que arrastrarlo dentro de uno ya creado.
      La segunda y tercera duda no las entiendo muy bien.
      Mirate este otro video a ver si te aclara alguna cosa: ruclips.net/video/09WhoS46Ky8/видео.html&lc
      Las opciones de z-index siguen disponible en contenedores tambien.

  • @zictorvulaica6041
    @zictorvulaica6041 2 года назад

    Elementor es el futuro, al igual que figma

  • @isaacjaramillopianist
    @isaacjaramillopianist 9 месяцев назад

    Sera el sereno pero de entrada no es NADA amigable entender y trabajar con los contenedores... gracias por el video, comienza de lleno 2:20

    • @elemenpros
      @elemenpros  9 месяцев назад

      Ánimo! en cuanto te acostumbres verás que es más versátil que el otro sistema y además, tiene mejor rendimiento.

  • @movto1
    @movto1 6 месяцев назад

    Muy interesante. Muchas gracias!!