Descargue una guía de estilo de ajustes preestablecidos globales GRATUITA para el paquete de diseño de pintor de Divi

¡Hola nación Divi! Gracias por acompañarnos en la próxima entrega de nuestra iniciativa de diseño Divi semanal, donde cada semana regalamos nuevos obsequios para Divi . Hoy compartimos una guía de estilo de ajustes preestablecidos globales para el paquete de diseño de pintor de Divi . Los ajustes preestablecidos globales de Divi lo ayudan a acelerar su proceso de diseño web en muy poco tiempo. Para ayudarlo a acelerarlo aún más, proporcionaremos regularmente ajustes preestablecidos globales que son exclusivos del paquete de diseño, en un solo diseño. Puede elegir si desea cargar todos los ajustes preestablecidos globales a la vez o seleccionar algunos específicos.

Consulte la

guía de estilo de ajustes preestablecidos globales a continuación

¡Consíguelo gratis hoy!

Descargue la guía de estilo de ajustes preestablecidos globales para el paquete de diseño de Painter

Para poner sus manos en la guía de estilo gratuita de ajustes preestablecidos globales, primero deberá descargarla usando el botón a continuación. Para obtener acceso a la descarga, deberá suscribirse a nuestro boletín utilizando el formulario a continuación. Como nuevo suscriptor, ¡recibirás aún más bondad Divi y un paquete Divi Layout gratis todos los lunes! Si ya está en la lista, simplemente ingrese su dirección de correo electrónico a continuación y haga clic en descargar. No será «resuscrito» ni recibirá correos electrónicos adicionales.

Descárgalo gratis

Únase al boletín informativo de Divi y le enviaremos por correo electrónico una copia del último paquete de diseño de página de destino de Divi, además de muchos otros recursos, consejos y trucos increíbles y gratuitos de Divi. Síguenos y serás un maestro Divi en poco tiempo. Si ya está suscrito, simplemente escriba su dirección de correo electrónico a continuación y haga clic en descargar para acceder al paquete de diseño.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

Una descripción general rápida de los ajustes preestablecidos globales

La belleza de Divi es que le brinda control total sobre el diseño de su sitio web utilizando una amplia gama de configuraciones de diseño que puede usar para personalizar la apariencia de cualquier elemento o módulo.

El nuevo sistema Divi Presets te permite diseñar una apariencia personalizada para un elemento Divi (como un módulo de botones) y guardarlo como un preajuste. Todos los cambios de diseño que realice se guardan en el ajuste preestablecido. Cuando agrega un nuevo módulo a su página, puede explorar sus ajustes preestablecidos guardados y aplicarlos rápidamente.

Una vez que se ha aplicado un ajuste preestablecido, el diseño predeterminado del módulo está controlado por el ajuste preestablecido. Si actualiza el estilo de un ajuste preestablecido, todos los módulos que usan ese ajuste preestablecido también se actualizan. Esto le permite controlar el diseño de todo su sitio web utilizando una pequeña colección de ajustes preestablecidos guardados. Además, ahorra mucho tiempo al agregar nuevos módulos a su página, ya que no necesita diseñar cada nuevo módulo desde cero, sino que puede seleccionar rápidamente una apariencia de su biblioteca Divi Presets.

Cuándo usar una guía de estilo de ajustes preestablecidos globales

Preferiblemente, comenzará a usar una guía de estilo de ajustes preestablecidos globales antes de crear sus páginas, plantillas, etc. El motivo es que podrá acceder inmediatamente a sus ajustes preestablecidos globales mientras crea sus diseños, en lugar de tener que volver a su diseño, restablezca los estilos en línea a nivel de elemento y aplique un ajuste preestablecido global.

Comenzar su proceso de compilación de Divi  después de haber creado una guía de estilo  lo ayuda a evitar tener que realizar cambios manualmente en los módulos dentro de su configuración individual. Si está trabajando con ajustes preestablecidos globales desde el principio, podrá modificarlos en un solo lugar y ver cómo se desarrollan los cambios en todo su sitio web a la vez.

Opción A: Carga automática de todos los ajustes preestablecidos globales a la vez

Este enfoque agregará automáticamente todos los ajustes preestablecidos a su biblioteca de ajustes preestablecidos a la vez.

Ir a la Biblioteca Divi

Vaya a su Biblioteca Divi en el backend de su sitio web de WordPress.

Subir diseño con ajustes preestablecidos

Allí, haga clic en el botón «Importar y exportar» en la parte superior.

Continúe haciendo clic en la pestaña de importación y seleccionando el archivo JSON que pudo descargar al comienzo de esta publicación. Para importar ajustes preestablecidos automáticamente, marque también la casilla «Importar ajustes preestablecidos». Esto agregará automáticamente cada preajuste a cada módulo.

Nombres preestablecidos dentro de la biblioteca preestablecida

A continuación, tiene una lista de todos los ajustes preestablecidos y sus nombres que se han agregado a sus módulos. El orden es el mismo que en la pantalla de impresión a continuación. Siempre puede volver a la guía de estilo como referencia.

  • PLP-H1-1
  • PLP-H2-1
  • PLP-H2-2
  • PLP-H3-1
  • PLP-H4-1
  • PLP-H5-1
  • PLP – Cuerpo – 1
  • PLP – Todo el texto – 1
  • PLP: encabezado de ancho completo
  • PLP – Texto de fecha
  • PLP – Texto del año
  • PLP – Texto CTA – 1
  • PLP – Texto CTA – 2
  • PLP – Texto de información – 1
  • PLP – Texto de información – 2
  • PLP – Texto de información – 3

  • PLP – Botón 1
  • PLP – Botón 2
  • PLP – Botón 3

  • PLP – Blurb 1
  • PLP – Blurb 2

  • PLP – Opción de correo electrónico 1
  • PLP – Opción de correo electrónico 2
  • PLP – Formulario de contacto 1
  • PLP – Publicar control deslizante 1
  • PLP – Blog 1
  • PLP – Barra lateral 1
  • PLP – Tienda 1
  • PLP – Seguimiento de redes sociales 1

    • PLP – Red Social 1
  • PLP – Imagen 1
  • PLP – Imagen 2

Acceda a la configuración preestablecida en los nuevos módulos que agregue

Puede acceder a cada uno de los ajustes preestablecidos cargados abriendo o agregando un nuevo módulo, haciendo clic en el elemento preestablecido en la parte superior y seleccionando el ajuste preestablecido de su elección.

Opción B: convertir módulos de forma selectiva en la guía de estilo en ajustes preestablecidos globales

Con este enfoque, usted tiene una mayor influencia sobre lo que aparece en su biblioteca global de ajustes preestablecidos y lo que no. Los elementos se le proporcionarán en un solo lugar y puede elegir visualmente cuál desea convertir manualmente en un ajuste preestablecido global con el nombre de su elección.

Ir a la Biblioteca Divi

Navegue a su Biblioteca Divi en el backend de su sitio web de WordPress.

Subir diseño sin ajustes preestablecidos

Luego, haga clic en el botón «Importar y exportar».

Vaya a la pestaña de importación y seleccione el archivo JSON que pudo descargar al comienzo de esta publicación. Si desea poder elegir qué módulos convierte en ajustes preestablecidos globales, es importante dejar la casilla «Importar ajustes preestablecidos» sin marcar.

Crear nuevo borrador de página + Cargar diseño

Ahora, cree un nuevo borrador de página para el diseño de la guía de estilo de ajustes preestablecidos globales.

Elija un módulo que desee convertir en un preajuste global y abra la configuración del módulo

Revise todos los elementos y decida cuáles desea convertir en ajustes preestablecidos globales.

Convierta el módulo en un ajuste preestablecido global en la configuración

Digamos, por ejemplo, que desea convertir uno de los módulos de botones en un preajuste global. Abra la configuración del Módulo de botones y haga clic en la opción predeterminada en la parte superior. Luego, convierta la configuración del módulo en un nuevo ajuste preestablecido de estilos personalizados.

Nombra el nuevo ajuste preestablecido como quieras y luego guarda el ajuste preestablecido.

Repita los pasos para cada módulo que desee incluir en los ajustes preestablecidos

Repita estos pasos para cada ajuste preestablecido que desee crear.

Excepción: módulos anidados (módulo de seguimiento de redes sociales)

Para los módulos anidados, como el Módulo de seguimiento de redes sociales, deberá abrir el elemento dentro del módulo y guardar ese elemento como un nuevo ajuste preestablecido también.

Cree una paleta de colores personalizada con códigos de color dentro de su creador de temas Divi

Ir a Opciones de tema Divi

Los códigos hexadecimales en la guía de estilo se pueden usar para crear una paleta de colores personalizada a la que podrá acceder rápidamente mientras crea sus páginas. Para agregar la paleta de colores, vaya a sus Opciones de tema Divi .

Personalizar la paleta de colores usando códigos hexadecimales en la guía de estilo

Agregue los códigos de color HEX de su elección, que puede encontrar en la guía de estilo, a la paleta de colores predeterminada.

Sugerencia: mantenga la guía de estilo en una pestaña separada para copiar/pegar estilos específicos (degradados/sombra de cuadro/borde/…)

Por último, pero no menos importante, es una gran idea mantener siempre la guía de estilo en una pestaña separada. ¡Usar la opción de copiar y pegar entre páginas integrada de Divi lo ayudará a transferir rápidamente estilos, como fondos degradados, de un elemento a otro!

¡Nuevas guías de estilo preestablecidas globales cada semana!

Esperamos que disfrute de la guía de estilo preestablecido global de esta semana. Esperamos escuchar sus opiniones en la sección de comentarios a continuación. ¡Asegúrate de volver la próxima semana para obtener más regalos!