Using Multi-Select and Bulk Editing in Divi | Scoreapps

Using Multi-Select and Bulk Editing in Divi

Selecciona múltiples elementos a la vez y realiza ediciones en lote con facilidad.


La función de selección múltiple y edición en lote de Divi es una herramienta poderosa que te permite construir sitios web en WordPress más rápido y de manera más eficiente que nunca.

Puedes seleccionar varios elementos simultáneamente, lo que te permite editar varios módulos, filas o secciones al mismo tiempo.

Puedes:

  • Arrastrar y soltar

  • Copiar

  • Pegar

  • Eliminar

  • Editar el contenido de tu sitio web, haciendo que los cambios sean rápidos y sencillos.

Ya no necesitas pasar tiempo excesivo editando módulos o secciones individualmente.

El poder de las funciones de selección múltiple y edición en lote de Divi

Divi hace que editar grandes cantidades de contenido sea muy fácil gracias a su función de selección múltiple y edición en lote.

Ejemplos:

  • Cambiar la marca de un sitio web puede ser tedioso si editas cada módulo individualmente para cambiar un color.

  • Puedes seleccionar múltiples módulos donde se utilizan colores de fondo para cambiarlos simultáneamente.

  • También puedes usarlo cuando deseas agregar animaciones o efectos de desplazamiento.

Seleccionar múltiples módulos

Cuando uses el Visual Builder de Divi, mantén presionada la tecla Command (Mac OSX) o Ctrl (PC), luego haz clic en varios elementos para seleccionarlos.

Puedes seleccionar tantos módulos como desees.

Otra forma de seleccionar múltiples elementos es mantener presionada la tecla Shift y luego hacer clic para seleccionar varios módulos en una columna, varias filas en una sección o varias secciones en una página.

Una vez seleccionados, puedes editar todos los elementos en lote simultáneamente.

Nota: Los elementos seleccionados se resaltan con un cuadro gris alrededor.


Divi multi-select modules

Edición en lote de módulos

Puedes seleccionar múltiples módulos para editarlos todos al mismo tiempo.

     1. Mantén presionada la tecla Command (Mac OSX) o Ctrl (PC),
     2. Selecciona la cantidad de módulos que deseas editar haciendo clic sobre ellos.

Además, puedes seleccionar módulos ubicados en diferentes filas o incluso secciones.

Ejemplo: puedes seleccionar varios módulos de botón para cambiar el texto y los colores de fondo.


Configuraciones compartidas de selección múltiple y edición en lote en Divi

Es recomendable utilizar módulos del mismo tipo al emplear la función de selección múltiple y edición en lote.

Ejemplo: editar varios botones es una excelente manera de aplicar cambios a múltiples módulos al mismo tiempo.

Cuando editas módulos similares, todas las configuraciones de diseño estarán visibles, lo que facilita alterar cualquier aspecto del diseño.

Bulk edit similar modules


Sin embargo, si intentas editar en lote módulos diferentes, como imágenes, resúmenes (blurbs) y botones al mismo tiempo, las opciones serán limitadas.

Solo podrás ver opciones como filtros, espaciado, animaciones, entre otras pocas. No podrás editar colores, textos o fondos. Esto puede ser confuso y limitar tus capacidades de edición.

bulk editing different modules

Copiar, pegar y eliminar con la selección múltiple y edición en lote de Divi

A veces, necesitarás copiar y pegar módulos o elementos dentro de tus páginas de Divi simultáneamente.

Esto se hace fácilmente usando las funciones de selección múltiple y edición en lote:

  1. Haz clic y mantén presionado Command (Mac OSX) o Ctrl (PC) para seleccionar los elementos.

  2. Haz clic derecho sobre cualquier elemento seleccionado.

  3. Haz clic en Copiar módulos.

Divi multi select and edit copy

Para pegar los elementos que copiaste:

  1. Haz clic derecho donde deseas colocar los elementos.

  2. Pasa el cursor sobre el icono de agregar módulo.

  3. Haz clic derecho y selecciona Pegar módulos.

paste Divi modules

También puedes eliminar fácilmente varios elementos a la vez:

  1. Selecciona los elementos que deseas eliminar.

  2. Haz clic derecho sobre cualquiera de los elementos seleccionados.

  3. Haz clic en el ícono de la papelera para eliminar todos los elementos seleccionados.

delete multiple elements

Mover elementos con selección múltiple

Divi facilita la selección múltiple de elementos para moverlos por tu página:

  1. Selecciona todos los elementos.

  2. Usa el ícono de arrastre.

  3. Colócalos en otra parte de la página.


Consejos y mejores prácticas para la selección múltiple y edición en lote de Divi

Puedes aprovechar al máximo esta potente función de Divi incorporando algunas buenas prácticas al construir o editar páginas:

Agregar efectos es muy sencillo


La función de selección múltiple y edición en lote de Divi facilita aplicar diferentes efectos a varios módulos al mismo tiempo.

Es una excelente forma de acelerar el proceso de diseño y mejorar la eficiencia.
Con esta herramienta, no necesitas hacer cambios uno por uno al seleccionar módulos similares.

Usa atajos de teclado

Mantener presionadas las teclas Command (Mac) o Ctrl (PC) es una forma rápida y eficaz de ver la estructura de tu página.

Al hacerlo, obtendrás un contorno de todos los módulos, filas y secciones, lo cual te da una mejor comprensión de cómo están organizados los elementos.

Mover elementos de varias secciones a una sola con eficiencia

Seleccionar múltiples elementos para moverlos desde diferentes secciones hacia una sola es mucho más rápido y sencillo que hacerlo de forma tradicional.

Ahorrarás tiempo (y posiblemente algo de frustración) al reorganizar tu página para optimizar el diseño.

Usa la vista de capas (Layers View)

Divi layers view

Puedes utilizar la función de selección múltiple y edición masiva de Divi para hacer cambios de forma más rápida y eficiente, especialmente en diseños complejos.

Ejemplo: Los elementos que usan controles de transformación o márgenes negativos pueden ser difíciles de seleccionar. En esos casos, usar el panel de Vista de Capas es muy útil.

Consulta nuestra documentación escrita para aprender más sobre la vista de capas de Divi.

Arrastrar y soltar elementos desde otras páginas

move items between pages

Considera usar la función de selección múltiple de Divi cuando incorpores elementos de otras páginas. Puedes abrir la página de origen en una nueva ventana del navegador y arrastrar elementos desde esa página a una nueva en otra ventana.

Esta es una excelente manera de acelerar el proceso de diseño sin tener que guardar los elementos en tu biblioteca para reutilizarlos.

Incorpora la selección múltiple y edición masiva desde temprano

Finalmente, integra la selección múltiple y la edición masiva en el proceso inicial de diseño. Al crear nuevos sitios web, suele haber mucho prueba y error antes de llegar al producto final.

Una vez que tengas un diseño definido, puedes usar la selección múltiple y la edición masiva para hacer esos ajustes finales de manera más rápida y sencilla.

Recursos adicionales para la función de selección múltiple y edición masiva en Divi

Te recomendamos practicar el uso de la selección múltiple y edición masiva en Divi siguiendo algunos tutoriales de diseño en nuestro blog.

Estos tutoriales incorporan esta función y te ayudarán a familiarizarte con su uso, haciéndote más confiado y eficiente con Divi.

  • Cómo añadir iconos animados al hacer scroll en fondos de secciones en Divi

  • Cómo crear una plantilla de página de pago para WooCommerce con Divi

  • Cómo crear entradas de blog exclusivas para miembros con las opciones de condición de Divi


    • Popular Articles

    • How to Create an App for Restaurants (with or without Delivery)

      Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...
    • APPS: Radio

      The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...
    • APPS: Webhooks

      The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...
    • APPS: Audio & Music

      How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...
    • QR Promotions

      This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...
    • Related Articles

    • Using Divi Presets

      Divi's predefined settings greatly speed up your design process by allowing you to take the design of any element and apply it to other modules. Divi is highly customizable, allowing you to make Divi modules and other elements look as you like. ...
    • Using Divi Layers View

      Using Divi Layer View Divi Layer View provides an efficient way to navigate the items on your page while designing. The Divi Layers Viewadds a very fast and simple way to view, rearrange, edit and rename your elements. This is especially useful when ...
    • Getting Started with the Divi Builder

      What is the Divi Visual Builder? Divi is a modern visual builder for WordPress that does not require programming and works by drag-and-drop. With Divi, you can create stunning websites from scratch without writing a single line of code (unless you ...
    • Using Sizing Options in Divi

      Divi Size Options make it easy to adjust the size of sections, rows, columns and modules in Divi. Divi Size Options make adjusting the size of sections, rows, columns and modules simple. Size is an essential part of creating attractive websites. ...
    • Using Divi Transform Options

      Divi transformation options are a set of powerful tools that allow you to manipulate web design in surprising ways, creating depth and attractive visual effects. Divi transformation options allow you to move elements, scale them, rotate them into ...