Dónde encontrarlos

Para comenzar, deberá añadir una nueva página o proyecto y activar el constructor visual. En la parte inferior de la página verá un icono circular morado con tres puntos alineados. Haga clic en este icono para expandir los ajustes de página.

En ese menú expandido podrá ver un icono con el signo +. Haga clic en este icono para añadir elementos de la biblioteca de Divi, que incluyen una gran variedad de diseños predefinidos para ayudarle a comenzar casi cualquier tipo de página web que necesite.

Lista de diseños predefinidos

Un clic en el icono + le mostrará los diseños predefinidos que puede explorar y seleccionar. Puede cargar un diseño predefinido en una página en blanco, en un diseño existente, o reemplazar el contenido ya creado. Vea más en Guardar y cargar diseños personalizados.

La biblioteca de diseños de Divi

A partir de la versión 3.0.99 está disponible la biblioteca en línea de diseños de Divi. Estos diseños están organizados en paquetes completos de sitios web que usted podrá aprovechar como punto de partida para su próximo sitio, y están llenos de ilustraciones y fotos originales gratuitas que podrá incluir en todos sus proyectos, tanto personales como comerciales.

Además, cada semana se añadirán nuevos diseños. Los usuarios de Divi tendrán acceso instantáneo a incontables diseños de primer nivel en una variada gama de cateogorías, sin necesidad de salir del constructor.

Los diseños de Divi están organizados en paquetes completos; cada paquete contiene siete u ocho páginas individuales que se adaptan a cada tipo de sitio en particular. Los paquetes están diseñados con un estilo único y cohesivo, que puede ser modificado de acuerdo con sus necesidades específicas. Todas las páginas estándar están predefinidas, así que lo único que tendrá que hacer es importar el diseño y añadir su contenido.

Dentro del constructor mismo, puede explorar y buscar todos los paquetes de diseños de Divi. Haga clic en la categoría que desee para obtener la lista correspondiente de paquetes de diseños, y luego haga clic en cualquiera de ellos para ver todos los diseños de página que incluyen. Una vez que encuentre el diseño que quiera usar, con un clic en el botón Use This Layout puede importarlo directamente a su página, desde donde podrá personalizar el estilo y el contenido. También puede buscar en la colección entera usando palabras clave pertinentes al tipo de sitio o página que esté construyendo en el momento.

Cargar un diseño predefinido

Los antiguos diseños predefinidos se han concentrado en el paquete denominado Simple, que incluye quince páginas estándar como punto de partida. Al hacer clic el nombre del diseño elegido, se cargará ese contenido predefinido dentro de su página. A continuación verá un ejemplo del diseño predefinido Home del paquete Simple, una vez cargado en una página en blanco.

Al reemplazar cada elemento de la página con su propio contenido podrá tener un hermoso sitio personalizado en cuestión de minutos. En este ejemplo reemplazaremos el título, la imagen y el botón del carrusel; el texto del banner, los anuncios breves y el título promocional para crear una página de aterrizaje de una comunidad entusiasta de la cocina. Con el editor visual, hacer estos cambios es muy sencillo: pose el puntero del ratón sobre cualquier sector que quiera cambiar y aparecerán los ajustes correspondientes. Si tan solo desea cambiar el texto, selecciónelo y comience a escribir. Para ver más detalles sobre cómo editar elementos dentro del constructor visual, vea la sección Usar el constructor visual. A continuación está el resultado que podrá obtener al usar este diseño en particular.

Flexibilidad

La belleza de estos diseños está en que puede editarlos de la manera en que desee. Por ejemplo, si le gusta este diseño en particular, pero no quiere un Llamado a la acción en la parte inferior, simplemente borre el módulo del constructor con un clic en el icono de la papelera.

A continuación verá en qué manera afecta esto a la apariencia del diseño.

Si está conforme con este cambio, puede usar los atajos de teclado o el botón Guardar para guardarlo. Si no, use los atajos de teclado para deshacerlo (o el botón del Historial para revertir múltiples acciones a la vez).