Está en la página 1de 185

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.

ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 1

Divi 2.6 por Elegant Themes - Documentación
elegantthemes.com
Copyright © 2016
Todos los derechos reservados
Se distribuye bajo una Licencia Creative Commons Reconocimiento 4.0
Internacional.
Traducida en febrero de 2016 por Ana Ayelén Martínez
caribdis.net
caribdisweb@gmail.com

Descargar archivos de traducción aquí.
Versión: 1.0 para Divi 2.6.x
N. de. T.: Esta documentación contiene algunos términos en su idioma original,
debido a que no están disponibles para traducir en los archivos de localización
incluidos en el tema.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 2

Índice
Un vistazo al constructor..........................................................10
Secciones.................................................................................................10
Filas..........................................................................................................10
Módulos...................................................................................................10
Comenzar................................................................................................11
Opciones de diseño del constructor....................................................12
Guardar en la biblioteca....................................................................................................12
Cargar de la biblioteca.......................................................................................................12
Limpiar diseño....................................................................................................................12

Opciones de sección..............................................................................13
Añadir y definir una fila.........................................................................16
Añadir un módulo..................................................................................17
Ampliar el diseño...................................................................................19
Añadir secciones de ancho completo y secciones especiales..........19
Modificar y reorganizar el diseño........................................................20
¡Guarde y publique!...............................................................................21
Volver al Editor predeterminado..........................................................22

Usar diseños predefinidos.......................................................24
Dónde encontrarlos...............................................................................24
Lista de diseños predefinidos...............................................................24
Cargar un diseño predefinido..............................................................25
Flexibilidad..............................................................................................28

La biblioteca de Divi..................................................................31
¿Qué es la biblioteca de Divi?...............................................................31
Guardar elementos nuevos en la biblioteca......................................31
Crear y administrar elementos en la biblioteca.................................33
Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 3

Añadir elementos de la biblioteca a una página................................33

Módulos, filas y secciones globales de Divi............................35
¿Qué es un elemento global de la biblioteca?....................................35
Crear un nuevo elemento global de la biblioteca..............................35
Módulos globales y sincronización selectiva......................................37

Importar y Exportar elementos de la biblioteca de Divi.......40
Exportar la biblioteca.............................................................................40
Importar la biblioteca............................................................................40

Personalizador de tema y personalizador de módulo..........42
Acceder al personalizador de tema y personalizador de módulo...42
Explorando el personalizador de tema...............................................42
Explorando el personalizador de módulo..........................................43

Ajustes del personalizador de tema........................................44
Ajustes generales...................................................................................44
Ajustes de diseño...............................................................................................................44
Tipografía.............................................................................................................................45
Fondo...................................................................................................................................46

Cabecera y navegación..........................................................................46
Formato de cabecera.........................................................................................................47
Barra de menú primario....................................................................................................48
Barra de menú secundario...............................................................................................48
Ajustes de navegación fija.................................................................................................49
Elementos de cabecera.....................................................................................................50

Estilos para móviles...............................................................................50
Tablet...................................................................................................................................51
Teléfono...............................................................................................................................52
Menú para móviles.............................................................................................................52

Botones...................................................................................................53
Estilo de botones................................................................................................................54

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 4

Estilo al posar el ratón.......................................................................................................54

Ajustes del personalizador de módulo...................................56
Usar los controles del personalizador.................................................56

Opciones del tema....................................................................58
Ajustes generales...................................................................................59
Navegación > Páginas............................................................................62
Navegación > Categorías.......................................................................63
Navegación > Ajustes generales...........................................................64
Ajustes de diseño > Diseño de entrada...............................................65
Ajustes de diseño > Diseño de página................................................66
Ajustes de diseño > Ajustes generales................................................66
Publicidad................................................................................................67
SEO > SEO de Home...............................................................................68
SEO > SEO de página o entrada...........................................................70
SEO > SEO de página índice..................................................................72
Integración..............................................................................................73

Un vistazo a las secciones de Divi...........................................75
Las secciones son los elementos organizativos más grandes.........75
Usar secciones de ancho completo.....................................................75
Usar secciones especiales.....................................................................77

Filas y opciones de filas de Divi...............................................80
Ajustes generales...................................................................................80
Ajustes de diseño avanzado.................................................................82
CSS personalizado..................................................................................84
Probemos algunos ajustes....................................................................86

Ajustes de diseño avanzado y CSS personalizado.................89
Ajustes de diseño avanzado.................................................................89
Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 5

CSS personalizado..................................................................................90

El editor de perfil.......................................................................92
Controle todo lo que pueden hacer los usuarios dentro del
constructor..............................................................................................92
Privilegios del tema a nivel superior....................................................92
Interfaz del constructor.........................................................................93
Ajustes de la biblioteca..........................................................................93
Pestañas de ajustes...............................................................................94
Tipos de ajustes......................................................................................94
Uso de módulos.....................................................................................95

Control con clic derecho...........................................................97
Acceso rápido a las funciones del constructor de Divi......................97
Renombrar..............................................................................................97
Guardar en la biblioteca........................................................................97
Deshacer y Rehacer...............................................................................98
Desactivar................................................................................................98
Bloquear..................................................................................................99
Contraer y Expandir.............................................................................100
Copiar y Pegar......................................................................................101
Vista previa............................................................................................102

Los Módulos............................................................................104
Anuncio breve.......................................................................................104
Carrusel.................................................................................................106
Tabla de precios...................................................................................110
Testimonio............................................................................................111
Llamado a la acción (CTA, por Call To Action)..................................113
Imagen...................................................................................................114
Galería...................................................................................................115
Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 6

...................................................................................118 Blog.......................130 Audio......................................................................................................................................................124 Conmutador.......................................................6 por Elegant Themes .............................................................................................................................................................................................128 Portfolio por filtros.............................125 Pestañas.........................................................................................................................................................................138 Acordeón..............................................139 Ajustes básicos del módulo................................................................................................................................................................................................120 Suscripción........................................................................................................................................................136 Contador circular............125 Formulario de contacto..............................................................122 Configuración en panel de opciones del tema...........................................................com.................117 Portfolio.....................................................................134 Ajustes generales del módulo............133 Redes sociales..................................................140 Inicio de sesión.......Documentación · elegantthemes.......................131 Mapa..............................................................................................................................140 Ajustes de elementos del módulo...................................................................................................................................................................122 Configuración del módulo......................................................................................................................................132 Ajustes generales del módulo......................................Barra lateral......135 Cuenta regresiva.........................122 Texto.............................................142 Confeccionada y traducida por Ana Ayelén Martínez · caribdis..........................................................................................................................133 Ajustes de marcador individual.....................................................119 Barras de progreso....................................137 Contador numérico..................................................................................................ar Divi 2..............................................134 Ajustes de botones individuales...............................................................140 Menú de ancho completo.....135 Persona............................com Página: 7 .........................126 Encabezado de ancho completo..............................................................................................

.........165 Usar Mega Menús.....................ar Divi 2............................................145 Separador..................................................................................................................164 Crear proyectos para el Portfolio...................173 Usar el formato de entrada Cita........................................154 Título de entrada..........................174 Usar el formato de entrada Enlace....................................154 Código................................................................................................................................................................................................................................................................................................................160 Botón......................................144 Ajustes generales del módulo................................................172 Usar el formato de entrada Vídeo....153 Ajustes de vídeo individual..............................................................................................174 Usar el formato de entrada Galería.................................................147 Vídeo.....................................................................................................162 Características adicionales.............................175 Confeccionada y traducida por Ana Ayelén Martínez · caribdis......................Documentación · elegantthemes...............................................................................................................173 Usar el formato de entrada Audio.................................145 Ajustes de marcador individual.........................................................................com.............................164 Crear un proyecto...................................................................................................................................................................................155 Carrusel de entradas.................................................................................157 Comentarios...............................................................................159 Navegación de entradas.............................................................143 Mapa de ancho completo......................................................147 Carrusel de ancho completo............................................com Página: 8 ........................................................................Portfolio de ancho completo...................................................151 Carrusel de vídeo.................................161 Búsqueda.......................................164 Cargar una imagen para el logo................................................................................................................................................................................................................................................................175 Traducir su sitio..168 Formatos de entrada de blog.....145 Tienda........6 por Elegant Themes ......................................................................................................................

....................................................................................................182 Cómo actualizar su tema................................Crear páginas en blanco....................................................176 Sitios de una sola página......................................................................................................................184 Autenticar su membresía......185 Confeccionada y traducida por Ana Ayelén Martínez · caribdis..............................179 Apuntar un enlace del menú a una ID.....................184 Usar el plugin Elegant Updater............................................................................................6 por Elegant Themes ..........................................................176 Activar la plantilla Blank Page..com.180 Cómo instalar el tema.....182 Descargar el tema.........com Página: 9 ....178 Crear enlaces personalizados en el menú para los sitios de una sola página.......................................................................Documentación · elegantthemes.....178 Activar el navegador de página única.....................................ar Divi 2............................................182 Subir el tema en el administrador de WordPress...........................................................................

y estas son de diseño adaptable (responsive). y las secciones de ancho completo se llenan con módulos de ancho completo. Al usar el constructor. puede llenarla con módulos en la columna que seleccione. puede crear una incontable cantidad de diseños de páginas. El constructor usa tres bloques principales: las secciones.com. Si emplea estas tres herramientas al mismo tiempo. Módulos Los módulos son los elementos visuales que componen su sitio. Hay varios tipos de fila entre los que puede elegir.ar Divi 2. que le permite arrastrar y soltar módulos.com Página: 10 . Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Sepa más sobre las filas y los módulos a continuación. y controlar cada parte de su sitio. las filas y los módulos. No hay límite para la cantidad de módulos que puede incluir dentro de una columna.6 por Elegant Themes . Cada módulo de Divi puede entrar en cualquier ancho de columna. Estas se usan para crear las áreas de nivel superior en su sitio. Divi está constituido sobre la plataforma de un constructor de páginas que hemos diseñado y desarrollado desde cero. puede crear hermosos diseños con facilidad. Filas Las filas se encuentran dentro de las secciones. Una vez que defina el tipo de fila. La jerarquía básica de estos bloques es la siguiente: Secciones Los bloques más básicos y de mayor tamaño para usar en el diseño son las Secciones.Documentación · elegantthemes. Hay dos tipos de secciones: normal y de ancho completo. Las secciones normales se llenan con filas que contienen columnas. y usted puede llenar cada sección con un número ilimitado de filas. A diferencia de cualquier otro tema Elegant.Un vistazo al constructor Divi es un tema único de nuestra colección.

ar Divi 2.com Página: 11 . Cuando use Divi.com. Al hacer clic en este botón activará el constructor de páginas y aparecerá la pantalla de inicio del constructor. este será reemplazado de manera predeterminada por una sección con una columna y un módulo Texto.6 por Elegant Themes .Documentación · elegantthemes. Nota: si la página ya tiene contenido. verá un botón morado Usar el constructor de Divi. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si usted desea separar ese contenido en distintos módulos. deberá colocarlo manualmente en módulos individuales. verá la ventana convencional de página de WordPress.Comenzar Luego de crear una página nueva.

filas y módulos a su página para poder construir el diseño. Debajo de estos tres botones está el diseño del constructor de Divi. Divi también incluye docenas de diseños predefinidos que se añaden a la biblioteca al momento de instalar el tema. Esto eliminará todo lo que haya construido en la página y así podrá empezar de cero. Cargar de la biblioteca Puede cargar de la biblioteca en cualquier momento un diseño que ya haya creado. simplemente haga clic en el botón Limpiar diseño.com.com Página: 12 . todo lo que verá será una sección vacía. Aquí es donde añadirá secciones.Documentación · elegantthemes. Al cargar un diseño. vea La Biblioteca de Divi. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. en otra sección de página. Cargar uno de estos diseños predefinidos es un buen punto de partida para crear un sitio con Divi.6 por Elegant Themes . También puede aprender a Importar y Exportar sus bibliotecas de un sitio a otro. como la que se muestra en la siguiente imagen. Para más información sobre cómo usar la Biblioteca de Divi. Limpiar diseño Si en algún momento desea volver a empezar. Cuando active el constructor de Divi.Opciones de diseño del constructor Guardar en la biblioteca En cualquier momento puede guardar en la biblioteca un diseño que haya creado. o incluso en otro sitio creado con Divi. o cualquier diseño que haya guardado o importado. Esta opción es genial para usar el mismo diseño en otra página. tendrá la opción de seleccionar desde una serie de diseños predefinidos de Divi.ar Divi 2.

com. Asegúrese de ver la documentación detallada sobre las secciones de Divi para saber cómo funcionan estos ajustes y cómo puede usarlos de la manera más creativa. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes. se abrirán los Ajustes del módulo Sección.Opciones de sección Cada vez que añada una sección. Al hacer clic en el icono de menú en la parte superior del fondo lateral azul del panel ( ).com Página: 13 . deberá definir sus propiedades.6 por Elegant Themes .ar Divi 2.

6 por Elegant Themes .Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.Documentación · elegantthemes.ar Divi 2.com Página: 14 .

esta imagen se usará como fondo para este módulo. Por esta razón.MP4 aquí. es probable que esta sea la razón. simplemente borre la URL del campo de configuración.  Mostrar sombra interior – Aquí puede seleccionar si la sección mostrará una sombra interior o no. para asegurarse mejores resultados.  Vídeo WEBM de fondo – Todos los vídeos deben ser subidos en formato .WEBM para asegurarse máxima compatibilidad con todos los navegadores. Puede aprender más sobre cómo usar el archivo .  Pausar vídeo – Para que el vídeo sea pausado en el momento en que otros reproductores usados en el módulo comiencen a reproducir.com.Documentación · elegantthemes. debería definir ambos fondos. Suba la versión . su servidor debe tener designados los tipos MIME correctos. su servidor debe tener designados los tipos MIME correctos.MP4 o .6 por Elegant Themes .MP4 o . se utiliza una imagen de fondo. Puede aprender más sobre cómo usar el archivo . Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Nota importante: Los vídeos de fondo se desactivan en dispositivos móviles. Para quitar la imagen de fondo. En su lugar. es probable que esta sea la razón.  Alto del vídeo de fondo – Para que los vídeos se muestren correctamente. debería definir ambos fondos.WEBM para asegurarse máxima compatibilidad con todos los navegadores. Nota importante: Los vídeos de fondo se desactivan en dispositivos móviles. por lo tanto recomendamos que las imágenes tengan al menos 1080 píxeles de ancho. imagen y vídeo.ar Divi 2. Imagen de fondo – Si es definida. En su lugar.htaccess para definir los tipos MIME aquí. Nota importante: para que el formato de vídeo WEBM funcione en todos los navegadores. Las imágenes de fondo en una Sección abarcan el ancho completo del navegador. debe introducir el alto exacto (en píxeles) del vídeo aquí. Por esta razón. para asegurarse mejores resultados. use el selector de color para definir uno. se utiliza una imagen de fondo. imagen y vídeo. Si nota que sus vídeos no se reproducen en ciertos navegadores.com Página: 15 .  Color de fondo – Si tan solo desea usar un color plano como fondo de sección.htaccess para definir los tipos MIME aquí.  Ancho del vídeo de fondo – Para que los vídeos se muestren correctamente. Si nota que sus vídeos no se reproducen en ciertos navegadores. Esto puede lucir mejor si usa colores o imágenes de fondo.  Vídeo MP4 de fondo – Todos los vídeos deben ser subidos en formato .WEBM aquí. debe introducir el ancho exacto (en píxeles) del vídeo aquí. Suba la versión .  Color de fondo transparente – Use esta opción si necesita un color de fondo transparente para la sección. Nota importante: para que el formato de vídeo MP4 funcione en todos los navegadores.

 Mantener relleno personalizado en dispositivos móviles – Permite que el relleno personalizado se retenga al ver la página desde un dispositivo móvil. Las filas también tienen muchas opciones para personalizar la apariencia y alterar la estructura del diseño.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar la sección. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. la imagen de fondo permanecerá fija al desplazar la página.com.6 por Elegant Themes . Usar efecto Parallax – Si se activa. tendrá la posibilidad de elegir entre una serie de tipos de fila. las imágenes se escalarán a la altura del navegador. Al hacer clic en Insertar columna/s. deberá insertar una fila y definir el tipo de fila.com Página: 16 . NOTA: si activa el efecto Parallax. Tenga en cuenta que al activar esta opción.ar Divi 2. recomendamos que sus imágenes sean del tamaño de un monitor estándar.Documentación · elegantthemes. Si desea saber más sobre las opciones que ofrecen las filas. ya que las imágenes tomarán el ancho o el alto de la ventana del navegador (por ejemplo 1280 x 768 píxeles). vea la sección Filas y opciones de filas de esta documentación. Añadir y definir una fila Luego de guardar los ajustes de la sección.

En el ejemplo a continuación hemos agregado una fila de dos columnas.com Página: 17 .Documentación · elegantthemes.com.Añadir un módulo Una vez que ha seleccionado el tipo de fila. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .ar Divi 2. se le pedirá insertar módulos.

6 por Elegant Themes .ar Divi 2.com. Para saber más sobre cada módulo individual.Documentación · elegantthemes. deberá hacer clic en el enlace Insertar módulo/s y seleccionar uno de la lista. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Una vez que haya seleccionado el módulo. aparecerán las respectivas opciones en una ventana modal. asegúrese de revisar las secciones detalladas de esta documentación. así como también distintas opciones. Cada módulo tiene un propósito distinto.com Página: 18 .Cada vez que quiera insertar un módulo.

con módulos en dos columnas. una fila a la sección existente. También tiene la posibilidad de duplicar la sección.Ampliar el diseño En el siguiente ejemplo.6 por Elegant Themes . Añadir secciones de ancho completo y secciones especiales Debajo de cada sección están las opciones Sección estándar. Se ha definido correctamente una sección. con una fila.ar Divi 2. hemos llenado las dos columnas con un módulo Imagen y un módulo Texto respectivamente. o borrarlas al hacer clic en el icono cerrar ( ). Confeccionada y traducida por Ana Ayelén Martínez · caribdis. solo se pueden llenar con módulos de ancho completo. Las columnas de estas filas se ajustan al instante.com. Ya no es necesario crear una nueva fila y arrastrar cada módulo para cambiar una estructura. Las secciones de ancho completo se destacan por no tener filas. Puede acceder a las opciones de cualquiera de los elementos al hacer clic en el icono menú ( ). Sección de ancho completo.com Página: 19 . En el siguiente ejemplo. Debido a esto. o un módulo a una columna existente.4 se puede cambiar fácilmente la estructura de columnas en cualquier fila del diseño al hacer clic en el icono columnas ( ). Sección especial y Añadir de la biblioteca. A partir de Divi 2. Las secciones de ancho completo se definen visualmente con el panel lateral en color morado. los módulos que están dentro de ellas se adaptan y se colocan en las columnas disponibles o se eliminan de aquellas que ya no existen. haciendo clic en el icono clonar ( ). Para ampliar el diseño puede agregar una sección a la página. hemos agregado a nuestro diseño una sección de ancho completo con un Carrusel de ancho completo y una Sección especial con dos barras laterales.Documentación · elegantthemes. y pueden colocarse en cualquier parte del diseño.

Documentación · elegantthemes. y módulos de una columna a otra. podrá ver que hemos movido la sección de ancho completo a la parte superior del diseño.6 por Elegant Themes . Si desea mover una sección arriba o abajo de otra.com Página: 20 . Lo mismo puede hacer con las filas y los módulos.com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2. La única limitación es que no puede mover Módulos de ancho completo a las secciones normales y no puede mover los módulos normales a las Secciones de ancho completo.Modificar y reorganizar el diseño Editar un diseño es muy fácil al emplear la característica de arrastrar y soltar. simplemente haga clic sobre el bloque. En el siguiente ejemplo. y manteniendo presionado arrástrelo a la ubicación que prefiera. Hasta puede mover filas de una sección a otra. y colocamos la sección especial entre las dos secciones existentes.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis. haga clic en el botón Publicar (o Actualizar. Quedará encantado con los resultados.¡Guarde y publique! Una vez que ha terminado de construir el diseño.ar Divi 2.6 por Elegant Themes .com.com Página: 21 .Documentación · elegantthemes. si se encontraba editando una página creada anteriormente) del panel de la derecha.

com. verá un mensaje de advertencia de que todo el contenido creado con el constructor se perderá.6 por Elegant Themes . Vea la sección Guardar en la biblioteca.com Página: 22 .Documentación · elegantthemes. y también puede guardar el diseño creado antes de volver al editor predeterminado.Volver al Editor predeterminado Si regresa al editor de páginas predeterminado. y el contenido previo será restaurado.ar Divi 2. WordPress guarda todas las versiones de las actualizaciones que haya publicado. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Como resguardo.

com.Documentación · elegantthemes.com Página: 23 .6 por Elegant Themes .Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.

6 por Elegant Themes .ar Divi 2. como las imágenes y el texto. o reemplazar el contenido ya creado.Documentación · elegantthemes. deberá añadir una nueva página o proyecto y activar el constructor. y el contenido de ejemplo ya cargado.com Página: 24 . en un diseño existente. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Dentro de las opciones de diseños del constructor.com. Divi incluye una gran variedad de diseños predefinidos. Dado que presentan módulos dispuestos previamente. con su propio contenido real. son un buen punto de partida. deberá hacer clic en el botón Cargar de la biblioteca. La principal mecánica de trabajo para usar los diseños predefinidos de Divi es reemplazar los elementos existentes. Puede cargar un diseño predefinido en una página en blanco.Usar diseños predefinidos Dónde encontrarlos Para comenzar. Lista de diseños predefinidos Esto le mostrará la lista completa de diseños predefinidos de Divi.

com Página: 25 .ar Divi 2. se cargará en contenido del diseño predefinido dentro de su página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.Cargar un diseño predefinido Al hacer clic en Cargar.6 por Elegant Themes .com. A continuación verá un ejemplo de un diseño predefinido dentro del constructor y la manera en que se verá en la página una vez publicada.

ar Divi 2.com Página: 26 .Documentación · elegantthemes.com.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .

la imagen y el botón del carrusel. el texto del banner.com.Documentación · elegantthemes.com Página: 27 . Para ver más detalles sobre cómo editar elementos dentro del constructor.Al reemplazar cada elemento de la página con su propio contenido podrá tener un hermoso sitio personalizado en cuestión de minutos.6 por Elegant Themes . los anuncios breves y el título promocional para crear un sitio sobre viajes. Al hacer clic en el icono menú ( ) de cada bloque del constructor. vea la sección Un vistazo al Confeccionada y traducida por Ana Ayelén Martínez · caribdis. En este ejemplo reemplazaremos el título.ar Divi 2. puede acceder a los ajustes del módulo para personalizar cada elemento.

pero no quiere un Llamado a la acción en la parte inferior. ¡simplemente borre el módulo del Confeccionada y traducida por Ana Ayelén Martínez · caribdis. A continuación está el resultado que podrá obtener al usar este diseño en particular.constructor.Documentación · elegantthemes.ar Divi 2. si le gusta este diseño en particular.com. Por ejemplo. Flexibilidad La belleza de estos diseños está en que puede editarlos de la manera en que desee.6 por Elegant Themes .com Página: 28 .

constructor! A continuación verá en qué manera afecta esto a la apariencia del diseño. tanto en el constructor como en la presentación final de su sitio. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.com Página: 29 .com.Documentación · elegantthemes.6 por Elegant Themes .

ar Divi 2.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .com Página: 30 .com.Documentación · elegantthemes.

com. La biblioteca de Divi es más que simplemente una colección de diseños guardados. Ambas opciones guardarán en la página actual el elemento con el que está trabajando. se actualiza automáticamente en todas las páginas en las cuales lo haya añadido. Sin embargo. descubrirá que crear nuevos sitios web se volverá mucho más sencillo. sección o fila. acelerando así el proceso de diseño.6 por Elegant Themes .com Página: 31 . puede exportar esos elementos e importarlos al crear nuevos sitios. puede crear una sección global para añadir al pie de cada página de su sitio. Aquí puede almacenar sus diseños. Divi se transforma en más que un constructor de páginas: es un constructor de sitios web. y podrá añadir el elemento guardado en una página nueva desde la pestaña Añadir de la biblioteca cuando cree un nuevo módulo. podrá acceder a ese elemento en cualquier momento desde el enlace Divi > Biblioteca de Divi del menú de WordPress. módulo. Mientras edita un elemento de la página.La biblioteca de Divi ¿Qué es la biblioteca de Divi? La biblioteca de Divi es la caja de herramientas principal para el diseño web. secciones. podrá acceder fácilmente a él desde la ventana modal cuando añada a la página un nuevo diseño.Documentación · elegantthemes. Una vez añadido a la biblioteca. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. fila o sección en la página. Cuando haya desarrollado una extensa biblioteca de módulos. quizá nunca vuelva a tener que crear un tema hijo. Por ejemplo. así puede usarlos en el futuro sin necesidad de rehacerlos? Una vez que ha creado una colección de elementos en la biblioteca. Ahorre horas de diseño al crear colecciones de sus combinaciones preferidas de módulos. Cada vez que guarde un elemento en la biblioteca de Divi. Guardar elementos nuevos en la biblioteca Cada vez que edite un módulo. Actualice la sección global una sola vez y tendrá todos los pies de página del sitio entero actualizados en un instante. si seleccionó Guardar y añadir a la biblioteca. filas o módulos favoritos para uso posterior. De hecho. Y cada vez que se modifica un módulo global. verá dos botones Guardar distintos: Guardar y añadir a la biblioteca y Guardar y salir. fila o sección en el constructor de Divi. Cada elemento de la biblioteca puede convertirse en Global. filas y secciones personalizados.ar Divi 2. el elemento con el que está trabajando también se añadirá a la biblioteca. ¿Pasó horas personalizando los ajustes de diseño avanzado y el CSS personalizado de un módulo para crear una apariencia única en su sitio? ¿Por qué no guardar todos esos módulos personalizados en la biblioteca. En este sentido. Los módulos globales están sincronizados y se reflejan en todos los lugares donde los coloque. tendrá la opción de guardar ese elemento en la biblioteca para uso posterior.

Una vez que haya hecho clic en Guardar y añadir a la biblioteca. vea la sección ¿Qué es un elemento global? Cuando haya introducido toda la información necesaria.6 por Elegant Themes .com. se le pedirá que complete algunos campos con información sobre el nuevo elemento.com Página: 32 . haga clic en Guardar y añadir a la biblioteca para completar el proceso y añadir el elemento a la biblioteca. elegir los ajustes que desea conservar y añadir el elemento a una categoría determinada. Para más información sobre los elementos globales. así como también hacer que sea un elemento global de la biblioteca.ar Divi 2. Puede darle un nombre específico para recordarlo mejor.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

com. fila o diseño a la página. podrá acceder a él rápidamente al momento de construir páginas nuevas. Cada vez que añada un módulo. Puede ordenar la lista por medio de los controles de la parte superior de la página. También puede construir nuevos elementos de cero desde la biblioteca de Divi.Documentación · elegantthemes. Cuando acceda a esta página verá una lista de todos los elementos en la biblioteca. Ya vimos cómo añadir un elemento a la biblioteca mientras usa el constructor de Divi. este elemento podrá ser administrado y editado desde la página Divi > Biblioteca de Divi del menú de WordPress. Una vez que haya construido un nuevo elemento de la biblioteca. y puede editar cualquiera de los elementos con un clic en el enlace Editar que aparece al posar el puntero del ratón en cada fila. Al hacer clic en esta pestaña se mostrarán todos los elementos de la biblioteca.Crear y administrar elementos en la biblioteca Cada vez que añada un nuevo elemento a la biblioteca. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. estará disponible en la pestaña Añadir de la biblioteca mientras usa el constructor de Divi. Para crear un nuevo elemento en la biblioteca. Añadir elementos de la biblioteca a una página Cuando haya añadido un elemento a la biblioteca.ar Divi 2. verá una pestaña Añadir de la biblioteca. haga clic en el botón Añadir nuevo de la parte superior de la página Divi > Biblioteca de Divi del menú de WordPress.com Página: 33 . Haga clic en el elemento que desea añadir a la página.6 por Elegant Themes .

ar Divi 2.com.6 por Elegant Themes .Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 34 .Documentación · elegantthemes.

fila o sección que aparece exactamente igual en cualquier página donde se añada. será muy útil hacer de este un elemento global.Módulos. Por ejemplo. Esto le permitirá aplicar estilos personalizados al total de las páginas que usen este módulo global. Cuando guarde el elemento en la biblioteca. pero aún permitirle añadir un contenido único de texto a cada módulo. Un ejemplo sencillo sería un módulo Llamado a la acción que aparece en la parte inferior de muchas o de todas las páginas de su sitio. Esta es la manera perfecta de crear un pie de página personalizado para su sitio. podría crear un módulo global Encabezado que aparezca en la parte superior de todas las páginas.com Página: 35 . en especial si considera que puede sincronizar de manera selectiva los ajustes individuales para cada módulo. Puede añadir un módulo global individual a múltiples páginas. Si en algún momento desea cambiar la sección global del pie de página. Los elementos globales le dan muchas posibilidades. Si un módulo individual se repite en múltiples páginas. dentro de la pestaña Ajustes generales (la cual no ha sido sincronizada). Si en algún momento desea ajustar la apariencia de estos módulos globales. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com. y elegir sincronizar únicamente las pestañas de Ajustes de diseño avanzado y CSS personalizado.6 por Elegant Themes .Documentación · elegantthemes. no tendrá que editar cada página cuando quiera modificarlo. Cualquier elemento que sea guardado con esta opción se transformará en global. y que ese pie de página se repita en todas las páginas. Secciones enteras también pueden convertirse en globales. seleccione la opción Guardar como global. filas y secciones globales de Divi ¿Qué es un elemento global de la biblioteca? Un elemento global de la biblioteca es un módulo. solo tendrá que editar los Ajustes de diseño avanzado o CSS personalizado una única vez. De esta manera.ar Divi 2. solo tendrá que editarla una vez y las modificaciones se aplicarán en todos los lugares donde haya sido usada. se actualiza instantáneamente en todas las demás en las cuales esté presente. Si cambia un elemento de la página. Crear un nuevo elemento global de la biblioteca Crear un elemento global de la biblioteca es sencillo.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Es importante reconocer cuándo se está editando un elemento global.ar Divi 2.6 por Elegant Themes .com Página: 36 . porque cualquier cambio que haga se verá reflejado en todas las páginas que contengan ese elemento.Los elementos globales dentro del constructor de páginas se identifican fácilmente con el color verde. entonces sabrá que está trabajando con un elemento global. o si la ventana actual que ha abierto es verde.Documentación · elegantthemes. fila o sección que es verde.com. Si está editando un módulo.

si ha creado un nuevo módulo global y eligió sincronizar únicamente la pestaña Ajustes de diseño avanzado. Cada módulo de encabezado tiene un título diferente en los Ajustes generales. También ha usado los Ajustes de diseño avanzado para darle al encabezado una apariencia única. Por ejemplo.Módulos globales y sincronización selectiva Como ya mencionamos. cada vez que añada este módulo global a una página nueva. que representa la página actual. es posible hacer una sincronización selectiva de cualquiera de las tres pestañas (Ajustes generales. puede crear un módulo global Encabezado de ancho completo y elegir la sincronización selectiva solo para la pestaña Ajustes de diseño avanzado. solo esos ajustes para ese módulo se verán reflejados. pero necesita que cada página tenga su título respectivo.ar Divi 2. En este caso. los Ajustes de diseño Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Ahora.Documentación · elegantthemes. Esto es algo muy común. ¿Qué significa esto y por qué es útil exactamente? Digamos que usted tiene un módulo Encabezado de ancho completo en la parte superior de todas las páginas.com. Ajustes de diseño avanzado y CSS personalizado) al momento de guardar un elemento global en la biblioteca.6 por Elegant Themes .com Página: 37 . y también ha aumentado el relleno personalizado en la parte superior e inferior para que aparezca más grande. ajustando la fuente del título en Negrita y Mayúsculas. Quiere que todos los módulos de encabezado en cada página usen este estilo.

solo tiene que hacerlo una vez. Añada este carrusel a la página y edite los Ajustes generales y Ajustes de diseño avanzado con total libertad. puede modificar los Ajustes de diseño avanzado sincronizados que son compartidos por estos módulos globales.ar Divi 2.6 por Elegant Themes . y los cambios se verán reflejados en cada página donde haya usado ese módulo global. pero los Ajustes generales permanecerán únicos para el módulo actual. Al editar los ajustes de la pestaña CSS personalizado en un módulo. Si en algún momento desea cambiar el estilo de los encabezados en todas las páginas.com.com Página: 38 . Esta misma teoría podría aplicarse también a la pestaña CSS personalizado. puede crear un nuevo módulo global Carrusel y elegir la sincronización selectiva solo para los ajustes del CSS personalizado (los cuales incluyen su animación CSS personalizada). Eso es genial. Quiere usar esta nueva animación en todos los módulos Carrusel del sitio. Si en algún momento desea editar el CSS personalizado para esta serie de módulos globales. Digamos que usted ha creado un módulo Carrusel y ha usado la pestaña CSS personalizado para aplicar una animación única al botón del carrusel. mientras mantiene el código CSS personalizado único sincronizado en toda la serie de módulos. se actualizan todas las implementaciones de este módulo global Carrusel. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.avanzado se sincronizarán.Documentación · elegantthemes. En este caso. porque le ahorrará un montón de tiempo.

Documentación · elegantthemes.com Página: 39 . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.6 por Elegant Themes .Cada vez que edite un módulo global. Las pestañas que son verdes son pestañas que actualmente están siendo sincronizadas dentro del módulo global.com. podrá identificar con el color verde cuáles son las pestañas que se están sincronizando actualmente. Los ajustes que se hagan dentro de las pestañas verdes se compartirán en todas las instancias del elemento global.

Si ha creado una impresionante biblioteca.ar Divi 2.Documentación · elegantthemes. es hora de importarlo al nuevo sitio. Al hacer clic en este enlace se desplegará el menú de exportación.6 por Elegant Themes . usando el plugin Importador de WordPress. Haga clic en el enlace Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Esto lo llevará a una nueva página con una lista de tipos de importación de distintos sistemas de gestión de contenido. primero acceda a la Biblioteca de Divi con un clic en el enlace Divi > Biblioteca de Divi del menú de WordPress. seleccione los tipos de elementos que desea exportar (módulos. Luego busque el enlace Exportar diseños de Divi en la parte superior de la pantalla. Exportar la biblioteca Una vez que haya accedido al panel de exportación. Por suerte.com Página: 40 .com. filas y/o secciones) y luego haga clic en el enlace Descargar archivo de exportación. Para comenzar. mediante el plugin Importador de WordPress. Importar la biblioteca Una vez que haya descargado el archivo XML de exportación.Importar y Exportar elementos de la biblioteca de Divi Transfiera fácilmente elementos de la biblioteca de un sitio a otro. seguramente querrá usarla en distintos sitios. Inicie sesión en su nuevo sitio y haga clic en el enlace Herramientas > Importar del menú de WordPress. Divi facilita la tarea de exportar los elementos de la biblioteca e importarlos en un nuevo sitio. Así descargará un archivo XML que luego podrá importar en otro sitio. que podrá usar para exportar los elementos de la biblioteca.

ar Divi 2. Complete los pasos hasta finalizar la importación y así añadir los elementos a la biblioteca.6 por Elegant Themes . Una vez instalado y activado el plugin. ¡Listo! Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Visite la página Divi > Biblioteca de Divi para confirmar que todos los elementos hayan sido importados correctamente.com Página: 41 .WordPress para descargar e instalar el Importador (si es que aún no lo tiene instalado). Verá una opción para subir un archivo XML.com. Haga clic en el enlace Examinar… (Seleccionar archivo en Chrome) y busque el archivo XML exportado previamente. haga clic nuevamente en el enlace Herramientas > Importar > WordPress para abrir el importador.Documentación · elegantthemes.

¿Quiere ajustar el tamaño o el espaciado del texto o un elemento de su sitio con solo un clic? ¡El personalizador es el punto de partida! Puede acceder a los paneles de personalización desde los enlaces Divi > Personalizador de tema y Divi > Personalizador de módulo del menú de WordPress. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. El personalizador de tema le da el control sobre los elementos a nivel global del sitio web. Una vez que guarde los cambios. El personalizador de módulo le da el control sobre los tamaños y fuentes dentro de los módulos individuales.com. Mientras edite los ajustes dentro del personalizador. Aquí hay cientos de opciones.Documentación · elegantthemes. Al hacer clic en estos paneles se desplegarán las opciones relacionadas con esas áreas del sitio.Personalizador de tema y personalizador de módulo Acceder al personalizador de tema y personalizador de módulo Los personalizadores de tema y módulo le dan control sobre cada elemento individual de la página.6 por Elegant Themes . los nuevos estilos serán aplicados en el sitio web. o los estilos de textos y cabeceras. tales como los tamaños del logo y del menú. Al abrir el personalizador verá varios paneles. ¿Quiere reducir la altura de todos los módulos de Carruseles en su sitio? ¡Puede hacerlo en segundos desde el personalizador de módulo! Explorando el personalizador de tema Primero echaremos un vistazo al personalizador de tema. separadas en categorías.ar Divi 2. tendrá una vista previa de los efectos sobre el sitio. como por ejemplo Ajustes generales y Cabecera y navegación.com Página: 42 .

puede abrir el panel respectivo y modificar el tamaño de la fuente para el encabezado. sin tocar una sola línea de código. Explorando el personalizador de módulo El personalizador de módulo funciona de la misma manera que el personalizador de tema.Puede hacer casi todo lo que se le ocurra con el personalizador de tema.com Página: 43 . aunque está enfocado en la personalización de los módulos individuales en lugar de los elementos generales del sitio. el tamaño personalizado del encabezado se verá reflejado. Por ejemplo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. El personalizador de módulo es una colección de controles globales para un módulo. Al hacer clic en estos paneles se desplegarán los controles del personalizador que pueden ser usados para ajustar el espacio y la tipografía de cada módulo del sitio entero. No es necesario usar un tema hijo para editar los ajustes avanzados del módulo para cada módulo individual. Al abrir el personalizador de módulo verá un panel separado para cada módulo de Divi.ar Divi 2.6 por Elegant Themes . De allí en más. si cree que los títulos del Carrusel de ancho completo son demasiado grandes.Documentación · elegantthemes.com. cada vez que añada un Carrusel de ancho completo a una página.

6 por Elegant Themes . Ajustes de diseño En este panel podrá ajustar varias opciones de tamaño y espaciado para su sitio. También puede activar el diseño con recuadro desde este panel. y modificar el tamaño de la barra lateral. Luego busque el panel Ajustes generales.Ajustes del personalizador de tema Ajustes generales Para empezar a personalizar el diseño y la tipografía de su sitio. Ajustes de diseño.Documentación · elegantthemes. primero debe ingresar al Personalizador de tema. Esto abrirá el personalizador. Tipografía y Fondo.com Página: 44 . Dentro del panel Ajustes generales.ar Divi 2. filas y secciones. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Haga clic en el panel para abrir los ajustes correspondientes y comience a personalizarlos.com. Aquí puede aumentar o disminuir el espacio entre columnas. con un clic en el enlace Divi > Personalizador de tema del menú de WordPress. verá cuatro secciones: Identidad del sitio (opción nativa de WordPress).

com Página: 45 . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes. También puede seleccionar los colores. el espacio entre letras y los estilos de fuente. también podrá elegir entre docenas de fuentes para aplicar a cada opción. que se verán reflejados por igual en todas las áreas del sitio. Por último.6 por Elegant Themes . Puede seleccionar el tamaño de las fuentes del texto y de los títulos.Tipografía En el panel Tipografía podrá ajustar la apariencia predeterminada del texto en todo el sitio.ar Divi 2.com. así como la altura de línea.

Cabecera y navegación Para empezar a personalizar la cabecera y navegación de su sitio. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. y ajustar la posición en la página.ar Divi 2. así como también subir una imagen personalizada para usar como fondo.com Página: 46 . primero debe ingresar al Personalizador de tema. Esto abrirá el personalizador. Las imágenes y colores de fondo dan muy buenos resultados cuando se usa el diseño con recuadro mencionado en la sección anterior. Haga clic en el panel para abrir los ajustes correspondientes y comience a personalizarlos.com. con un clic en el enlace Divi > Personalizador de tema del menú de WordPress.6 por Elegant Themes . Luego busque el panel Cabecera y navegación.Documentación · elegantthemes.Fondo El panel Fondo le permite seleccionar el color de fondo del tema.

se mostrará el logo a la izquierda y un icono de menú en el extremo derecho de la barra de navegación. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 47 . y ambos elementos centrados en la cabecera.ar Divi 2. desde donde podrá controlar fuentes. En aparición y Pantalla completa.Formato de cabecera Aquí puede ajustar el formato general de la cabecera. Centrado. Si elige Logo centrado en línea. Si elige En aparición.com.Documentación · elegantthemes. Si elige Pantalla completa.6 por Elegant Themes . creando una barra ancha de navegación a la izquierda o a la derecha del contenido. Al hacer clic en este icono. los elementos del menú aparecerán desde la derecha sobre una barra vertical con un color de fondo. Al hacer clic en este icono se superpondrá un color de fondo semitransparente con la lista de elementos del menú centrados en la pantalla. el logo se colocará arriba del menú de navegación. Al seleccionar alguno de estos dos últimos formatos. con lo cual la apariencia del sitio cambiará de manera drástica. verá una nueva opción en el panel Cabecera y navegación denominado Ajustes de encabezado en pantalla completa y en aparición. Si elige Centrado. tamaños y colores de estos encabezados y los elementos del menú que contienen. se mostrará el logo a la izquierda y un icono de menú en el extremo derecho de la barra de navegación. También puede activar la Navegación vertical desde Formato de cabecera. el logo se colocará alineado con los elementos del menú y centrado entre los enlaces. tal como intercambiar entre los modos de diseño principal: Predeterminado. Logo centrado en línea.

Barra de menú secundario La barra de menú secundario es la más pequeña de las dos barras de navegación.com Página: 48 .Barra de menú primario En este panel puede ajustar el tamaño.com. tales como ajustar la altura del logo.Documentación · elegantthemes.ar Divi 2. Dentro de este panel puede hacer fácilmente muchas cosas. Este menú Confeccionada y traducida por Ana Ayelén Martínez · caribdis. que aparece arriba de la barra de navegación principal. Esta es la barra blanca larga de la parte superior de la página que contiene el logo y los enlaces del menú principal. el color de fondo de la barra del menú y el color de los enlaces. estilo y color del menú de navegación primario.6 por Elegant Themes .

Ajustes de navegación fija La barra de navegación fija refiere a la barra de navegación que se fija en la parte superior de la pantalla al momento de desplazar la página. Notará que al desplazar la página hacia abajo. ajustando el color de fondo.6 por Elegant Themes .Documentación · elegantthemes. y puede cambiar los colores del menú y de los enlaces.com Página: 49 .no aparecerá a menos que haya asignado un menú a la ubicación Menú secundario. Todo esto es personalizable desde el panel Ajustes de navegación fija. la barra del menú permanece fija en la parte superior de la pantalla y se achica para proporcionar más espacio de lectura. Este panel le permite personalizar esa barra de menú y el texto que contendrá.com. Puede seleccionar la altura del menú si cree que se achica demasiado.ar Divi 2. y el color y estilos del texto. Una vez activado. aparecerá una barra azul más pequeña. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. independientemente del estado inicial del menú.

tal como los iconos de redes sociales.com Página: 50 . Estilos para móviles Una de las mejores características del personalizador de tema es que le permite ajustar los tamaños de fuente y espaciado específicamente para los distintos Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Elementos de cabecera Los elementos de cabecera son algunas cosas opcionales que aparecen en la barra de navegación.6 por Elegant Themes . el icono de búsqueda.Documentación · elegantthemes. el número de teléfono y la dirección de correo electrónico.ar Divi 2. cada una de las cuales se puede activar o desactivar desde aquí.com.

Puede asignar tamaños de texto y valores de espaciado únicos para smartphones y tablets.com. Puede seleccionar los tamaños de fuente de textos y títulos. Tablet Aquí puede ajustar los estilos que verá el visitante en pantallas del tamaño de una tablet. seleccionando estos ajustes independientemente de los ajustes generales que se aplican a las vistas en equipos de escritorio.ar Divi 2. Luego busque el panel Estilos para móviles y ábralo para revelar las opciones. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.dispositivos móviles.Documentación · elegantthemes.com Página: 51 . con un clic en el enlace Divi > Personalizador de tema del menú de WordPress. Para personalizar los estilos para móviles. así como también el espaciado entre filas y secciones dentro del sitio. primero debe ingresar al Personalizador de tema. Verá tres secciones dentro de este panel: Tablet. Teléfono y Menú para móviles.6 por Elegant Themes .

la apariencia del menú de navegación cambia para adaptarse a esa resolución estándar.ar Divi 2.com.6 por Elegant Themes .Teléfono Aquí puede ajustar los estilos que verá el visitante en pantallas del tamaño de un teléfono móvil. Este menú es el que verá el visitante en una tablet o teléfono móvil.Documentación · elegantthemes. Puede seleccionar los tamaños de fuente de textos y títulos. Aquí puede ajustar la apariencia de este menú.com Página: 52 . así como también el espaciado entre filas y secciones dentro del sitio. pasando por alto los estilos generales que Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Menú para móviles Cuando se alcanza el punto de partida del menú para móviles.

Documentación · elegantthemes. podrá crear botones únicos y atractivos en su sitio. Para empezar a personalizar los botones de su sitio. Botones Los botones de Divi definitivamente son personalizables: hemos equipado el personalizador de tema para los botones con todas las opciones de estilo que pueda necesitar.haya escogido para la Barra de menú primario dentro del panel Cabecera y navegación del personalizador de tema. Al usar estos controles. con un clic en el enlace Divi > Personalizador de tema del Confeccionada y traducida por Ana Ayelén Martínez · caribdis. primero debe ingresar al Personalizador de tema.ar Divi 2.com Página: 53 .6 por Elegant Themes .com.

6 por Elegant Themes .menú de WordPress.com. Esta animación tendrá lugar cuando el usuario lleve el puntero del ratón sobre el botón. el resultado es un vistoso efecto de animación.ar Divi 2. podrá cambiar la fuente predeterminada y el icono que se muestra dentro del botón. Los ajustes para los botones están separados en dos secciones: Estilo de botones y Estilo al posar el ratón. Estilo al posar el ratón También puede ajustar el estilo del botón al posar el puntero del ratón. usando el selector deslizante para radio de borde. Puede cambiar el color de texto y de fondo de los botones. e incluso crear botones con esquinas redondeadas. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes. Estilo de botones Aquí puede ajustar la apariencia general de los botones. con los diferentes controles del personalizador. Al aplicar un estilo diferente del botón en su estado normal para la acción de posar el puntero. Luego haga clic en el panel Botones para abrir los ajustes correspondientes. ajustar el tamaño y estilo de fuente.com Página: 54 . Además.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.Documentación · elegantthemes.com.com Página: 55 .6 por Elegant Themes .

el personalizador de módulo será su mejor amigo. también hemos introducido el personalizador de módulo.6 por Elegant Themes . y desea que todos los carruseles de este tipo sean un poco más pequeños. Para un control más específico. abra el panel correspondiente y verá las opciones disponibles. puede usar los Ajustes de diseño avanzado de cada módulo. Cuando modifique la apariencia de un módulo desde el personalizador. los cambios afectarán a todos los módulos de ese tipo en el sitio. sin embargo. Si hay algo que le molesta de la apariencia de un módulo en particular. Cuando abra el personalizador.com. Para ajustar la apariencia de un módulo. y desea cambiar el aspecto de ese módulo en el sitio entero.Ajustes del personalizador de módulo Además del personalizador de tema. El personalizador de módulo tiene opciones de estilo que pueden ser usadas para ajustar cada módulo disponible en Divi.com Página: 56 .ar Divi 2. Si. puede ajustar los valores de relleno del módulo desde el Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el personalizador de módulo es ideal. y así ahorrará mucho tiempo al configurar módulos para cada página. Usar los controles del personalizador Muchos de los controles del personalizador de módulo están limitados a los tamaños y estilos de fuente. verá los paneles individuales para cada uno de los módulos de Divi.Documentación · elegantthemes. para ajustes menores. piensa que el módulo Carrusel de ancho completo es demasiado grande para su gusto. Para acceder al personalizador de módulo. y a los valores de espaciado. haga clic en el enlace Divi > Personalizador de módulo del menú de WordPress. por ejemplo.

6 por Elegant Themes . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.personalizador.Documentación · elegantthemes.com Página: 57 . Si hay un carrusel activo en la página que está viendo en ese momento.ar Divi 2. tendrá una vista previa de los ajustes. Abra el panel Carrusel de ancho completo y use el selector deslizante Relleno superior e inferior para disminuir el tamaño del carrusel.com.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Opciones del tema Todos los temas de Elegant Themes incluyen una sección de opciones de personalización. y puede acceder a ellas desde el menú Divi > Opciones del tema.6 por Elegant Themes . Aquí es donde puede controlar aspectos tales como el logo.ar Divi 2. los ajustes de navegación. y mucho más. Estas opciones están dentro de lo que antiguamente se denominaba ePanel.Documentación · elegantthemes.com.com Página: 58 .

com.ar Divi 2. las miniaturas se crean usando campos personalizados.  Activar galería de Divi – Esta opción reemplazará la galería predeterminada de WordPress con una galería con los estilos de Divi. la barra de navegación permanece fija en la parte superior de la pantalla.  Barra de navegación fija – Por defecto.  Modo Estilo blog – Por defecto. el cual es un icono que se muestra junto al título de su sitio en las pestañas del navegador y en los menús de Marcadores/Favoritos. Si desea mostrar las entradas completas en las páginas índice. Una vez activada.Documentación · elegantthemes. Le sugerimos desactivar esta opción si necesita usar un logo de mayor altura que la predeterminada. active esta opción. el tema extracta automáticamente las entradas en la página principal o de índice para crear previsualizaciones.  Tomar la primera imagen de la entrada – Por defecto. puede definir qué estilo de tienda usar para las páginas de productos y de categorías de Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Favicon – Si carga una imagen aquí se usará como favicon.com Página: 59 . si prefiere usar las imágenes que ya están en las entradas (e ignorar los campos personalizados) puede activar esta opción.  Diseño de página de Tienda y página de Categoría para WooCommerce – Si usa la integración de comercio electrónico. Sin embargo.Ajustes generales  Logo – Aquí es donde puede cargar el archivo de su logo para que aparezca en la cabecera de cada página de su sitio. La imagen debe estar alojada en su propio servidor. las miniaturas se generarán automáticamente usando la primera imagen de la entrada.6 por Elegant Themes .

Documentación · elegantthemes. En el panel de opciones puede controlar qué iconos mostrará y cuáles serán los enlaces que contengan.  Regenerar listas de AWeber – Por defecto.  Clave API de MailChimp – Para crear y usar correctamente el módulo de Divi Suscripción. Puede crear una clave API aquí. Esta opción funciona independientemente de las opciones de Ajustes > Lectura en el administrador de WordPress.ar Divi 2.  Número de entradas por página – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Categoría.com Página: 60 . active esta opción.com.  Regenerar listas de MailChimp – Por defecto. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. deberá introducir aquí la clave API de MailChimp. No olvide desactivarla una vez que la lista ha sido regenerada. O encontrar su clave API aquí. Si agregó una nueva lista pero esta no aparece dentro de los ajustes del módulo Suscripción. active esta opción.  Iconos de redes sociales – Divi pone los enlaces a redes sociales dentro del pie de página. No olvide desactivarla una vez que la lista ha sido regenerada. Si agregó una nueva lista pero esta no aparece dentro de los ajustes del módulo Suscripción.productos.  Autorización de AWeber – Autorice su cuenta de AWeber aquí. siguiendo los pasos que se detallan.  Número de productos para mostrar en las páginas de archivo de WooCommerce – Aquí puede designar cuántos productos de WooCommerce se muestran en la página de archivo. las listas de AWeber se guardan en caché por un día. las listas de MailChimp se guardan en caché por un día.6 por Elegant Themes .

 Formato de fecha – Esta opción le permite cambiar la manera en que se muestran las fechas.  Desactivar traducciones – Seleccione esta opción si no desea mostrar las cadenas del tema traducidas en su sitio.  Botón “Volver arriba” – Active esta opción para mostrar un botón “Volver arriba” mientras se desplaza la página.  Códigos abreviados adaptables – Esta opción hace que los códigos abreviados se ajusten a los diferentes tamaños de pantalla.com. Si realiza modificaciones muy extensas. recomendamos que use siempre temas hijos.  Desplazamiento suave – Active esta opción para obtener un efecto de desplazamiento suave con la rueda del ratón.Documentación · elegantthemes.6 por Elegant Themes . por favor consulte la documentación de WordPress aquí. Para más información.Archivo.com Página: 61 .  CSS personalizado – Aquí puede agregar cualquier código CSS personalizado para reemplazar o ampliar los estilos por defecto.  Subconjuntos de Google Fonts – Esto habilitará Google Fonts para idiomas distintos del inglés. Búsqueda o Etiqueta. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Usar extractos cuando sean definidos – Esto habilitará el uso de extractos en las entradas o páginas.ar Divi 2.

el tema crea un enlace a la home que cuando es cliqueado dirige a la portada del sitio. Por defecto. En tal caso.  Mostrar enlace a Home – Por defecto. cada página nueva aparecerá en el menú.6 por Elegant Themes .Navegación > Páginas  Excluir páginas de la barra de navegación – En esta ventana aparecerán todas las páginas existentes. desactive esta opción para eliminar el enlace. desactive esta opción.com Página: 62 .com. Si por el contrario usa una página principal estática y ya ha creado una página llamada Home. por orden en el menú. puede desmarcarlas aquí. Si no desea mostrar una o varias páginas.  Mostrar menús desplegables – Si desea eliminar los menús desplegables de la barra de navegación de las páginas.ar Divi 2.Documentación · elegantthemes.  Ordenar enlaces de páginas – Aquí puede elegir la manera en que se ordenan los enlaces de las páginas (por título. esto generará un enlace duplicado. por Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

Por defecto. Incrementar el número le permite mostrar elementos de menú adicionales. Navegación > Categorías  Excluir categorías de la barra de navegación – En esta ventana aparecerán todas las categorías existentes.  Número de niveles de menú desplegable – Esta opción le permite controlar cuántos niveles tendrán los menús desplegables de las páginas.com. por fecha de modificación. Si no desea mostrar una o varias categorías. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. por autor y por nombre).ar Divi 2. por ID.6 por Elegant Themes .fecha de creación. cada categoría nueva aparecerá en el menú.Documentación · elegantthemes.  Ordenar enlaces de las páginas por Ascendente / Descendente – Aquí puede elegir revertir el orden en que se muestran los enlaces de las páginas (ascendente y descendente). puede desmarcarlas aquí.com Página: 63 .

no desean que los enlaces superiores conduzcan a ninguna parte.com. puede elegir si se muestra o no en el menú de navegación. sino que sirvan un propósito organizativo. Al activar esta opción se eliminará el enlace de las categorías o páginas superiores para que no conduzcan a ninguna parte al hacer clic sobre ellos.  Ordenar enlaces de categorías por Ascendente / Descendente – Aquí puede elegir revertir el orden en que se muestran los enlaces de las categorías (ascendente y descendente).6 por Elegant Themes . Ocultar categorías vacías – Si ha creado una categoría pero esta no contiene ninguna entrada.ar Divi 2. los usuarios crean categorías superiores o enlaces como títulos de una lista de enlaces o categorías inferiores.Documentación · elegantthemes.  Número de niveles de menú desplegable – Esta opción le permite controlar cuántos niveles tendrán los menús desplegables de las páginas.com Página: 64 . Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Navegación > Ajustes generales  Desactivar enlaces en elementos superiores de menús desplegables – En algunos casos. las categorías vacías están ocultas.  Ordenar enlaces de categorías por Nombre / ID / Slug / Cantidad / Grupo de términos – Aquí puede elegir la manera en que se ordenan los enlaces de las categorías. Por defecto. En este caso. Incrementar el número le permite mostrar elementos de menú adicionales.

desactive esta opción. Fecha. Esta es la zona. Si desea eliminar esa imagen de miniatura inicial para evitar que aparezca repetida. Categorías y Comentarios). donde se muestra información básica sobre la página. las miniaturas se muestran al inicio de las entradas.6 por Elegant Themes . generalmente debajo del título. Los elementos seleccionados debajo se mostrarán.Documentación · elegantthemes.com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.Ajustes de diseño > Diseño de entrada  Elegir los elementos para mostrar en la sección información de entrada – Aquí puede elegir qué elementos aparecerán en la sección de información de las páginas (Autor.  Mostrar comentarios en entradas – Puede desactivar esta opción si desea eliminar los comentarios y el formulario de comentarios de las entradas.  Usar miniaturas en entradas – Por defecto.com Página: 65 .

Documentación · elegantthemes. Esta es la zona. active esta opción. Sin embargo.  Mostrar comentarios en páginas – Por defecto. Los elementos seleccionados debajo se mostrarán. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Ajustes de diseño > Diseño de página  Usar miniaturas en páginas – Por defecto. las miniaturas no se muestran en las páginas (solo en las entradas). Sin embargo. donde se muestra información básica sobre la página. si desea usar miniaturas en las páginas.6 por Elegant Themes . generalmente debajo del título. es posible activando esta opción. los comentarios no se muestran en las páginas.com. si desea permitir comentarios en las páginas. Categorías y Comentarios). Ajustes de diseño > Ajustes generales  Sección de información de entrada – Aquí puede elegir qué elementos aparecerán en la sección de información de las páginas (Autor.com Página: 66 . Fecha.ar Divi 2.

 Usar miniaturas en páginas índice – Active esta opción para mostrar miniaturas en la páginas índice.Documentación · elegantthemes.  URL de destino del anuncio 468x60 – Aquí puede proporcionar la URL de destino del banner 468x60. debajo del contenido.com. debe escribir las URL de la imagen del banner y del destino a continuación.com Página: 67 .  Pegar código Adsense 468x60 – Aquí puede pegar el código copiado de Adsense. Si está activado. Publicidad  Activar banner 468x60 en entradas – Si activa esta opción se mostrará un banner de 468x60 en la parte inferior de las entradas.6 por Elegant Themes .  URL de la imagen de banner del anuncio 468x60 – Aquí puede proporcionar la URL de la imagen del banner 468x60.ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

Por ejemplo.com/index.  Activar URL canónicas – La canonización ayuda a prevenir la indexación de contenido duplicado por parte de los buscadores. Algunas páginas pueden tener diferentes URL que conduzcan al mismo lugar. active esta opción y escriba las palabras clave en el campo que aparece debajo.com. que también pueden ocurrir debido a enlaces permanentes personalizados.ar Divi 2.dominio. tal como se definen cuando se crea el sitio. Desde el punto de vista de los buscadores estas URL duplicadas. active esta opción y escriba el título personalizado en el campo que aparece debajo. tal como se define cuando se crea el sitio.com. para llenar el campo de descripción meta. dominio. La mayoría de los motores de búsqueda ya no usan palabras clave para valorar su sitio. pero algunas personas las incluyen de todas maneras. Definir una URL canónica les dice a los buscadores qué URL desea usar oficialmente.com son diferentes URL que conducen a una misma home.  Activar palabras clave meta – Por defecto.Documentación · elegantthemes. active esta opción y escriba la descripción personalizada en el campo que aparece debajo. Si desea agregar palabras clave meta en el encabezado. dominio. y como resultado contribuye a evitar las penalizaciones por contenido duplicado y la degradación del pagerank. El tema basa sus URL canónicas en los enlaces Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 68 . el tema usa la descripción del sitio. Si desea crear un título personalizado.html y www. para crear los títulos de la home. el tema no agrega palabras clave en la cabecera.SEO > SEO de Home  Activar título personalizado – Por defecto. Si desea usar una descripción diferente.  Activar descripción meta – Por defecto. el tema usa una combinación del nombre del Sitio y la descripción. pueden ser tratadas individualmente en lugar de apuntar a un destino único.6 por Elegant Themes .

permanentes y en el nombre de dominio definido
en los ajustes generales del administrador de
WordPress.

Título personalizado de la home (si está
activado) – Si ha activado los títulos
personalizados puede agregar el título aquí. El
título que escriba aquí se mostrará entre las
etiquetas <title></title>del archivo header.php.

Descripción meta de la home (si está activada)
– Si ha activado las descripciones meta, puede
agregar la descripción aquí.

Palabras clave meta de la home (si están
activadas) – Si ha activado las palabras clave
puede agregar las palabras clave personalizadas
aquí. Las palabras clave deben estar separadas
por comas. Por ejemplo:
wordpress,temas,plantillas,elegant.

Si los títulos personalizados están
desactivados, elija el método de autogeneración – Si no utiliza títulos de entradas
personalizados, puede controlar la manera en que
se generan los títulos. Aquí puede elegir en qué
orden desea que aparezca el título de la entrada y
el nombre del sitio, o puede eliminar
completamente del título el nombre del sitio.

Defina un carácter para separar el nombre del
sitio y el título de la entrada – Aquí puede
cambiar el carácter que separa el nombre del sitio
y el título de la entrada cuando se usan títulos de
entrada auto-generados. Los valores comunes
son | o -.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 69

SEO > SEO de página o entrada

Activar títulos personalizados – Por defecto, el tema crea títulos de
entradas basados en el título de la entrada y el nombre del sitio. Si desea
crear un título diferente del que tiene la entrada actualmente, puede definir
un título personalizado para cada entrada usando los campos
personalizados. Esta opción debe ser activada para que funcionen los títulos
personalizados, y debe elegir un nombre de campo personalizado para su
título debajo.

Activar descripción personalizada – Si desea agregar una descripción
meta a una entrada puede hacerlo usando campos personalizados. Esta
opción debe ser activada para que se muestren descripciones en las
entradas. Puede agregar una descripción meta usando los campos
personalizados basados en un nombre de campo personalizado que debe
definir debajo.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 70

Activar palabras clave personalizadas – Si desea agregar palabras clave a
sus entradas, puede hacerlo usando campos personalizados. Esta opción
debe ser activada para que se muestren palabras clave en las entradas.
Puede agregar las palabras clave usando los campos personalizados
basados en un nombre de campo personalizado que debe definir debajo.

Activar URL canónicas – La canonización ayuda a prevenir la indexación de
contenido duplicado por parte de los buscadores, y como resultado
contribuye a evitar las penalizaciones por contenido duplicado y la
degradación del pagerank. Algunas páginas pueden tener diferentes URL
que conduzcan al mismo lugar. Por ejemplo, dominio.com,
dominio.com/index.html y www.dominio.com son diferentes URL que
conducen a una misma home. Desde el punto de vista de los buscadores
estas URL duplicadas, que también pueden ocurrir debido a enlaces
permanentes personalizados, pueden ser tratadas individualmente en lugar
de apuntar a un destino único. Definir una URL canónica les dice a los
buscadores qué URL desea usar oficialmente. El tema basa sus URL
canónicas en los enlaces permanentes y en el nombre de dominio definido
en los ajustes generales del administrador de WordPress.

Campo personalizado Nombre para usar en el título – Cuando defina el
título usando campos personalizados, deberá usar este valor en el campo
personalizado Nombre. El valor de su campo personalizado debe ser el
título que desee usar.

Campo personalizado Nombre para usar en la descripción – Cuando
defina la descripción meta usando campos personalizados, deberá usar
este valor en el campo personalizado Nombre. El valor de su campo
personalizado debe ser la descripción personalizada que desee usar.

Campo personalizado Nombre para usar en las palabras clave – Cuando
defina las palabras clave usando campos personalizados, deberá usar este
valor en el campo personalizado Nombre. El valor de su campo
personalizado debe incluir las palabras clave personalizadas que desee
usar, separadas por comas.

Si los títulos personalizados están desactivados, elija el método de
auto-generación – Si no utiliza títulos de entradas personalizados, puede
controlar la manera en que se generan los títulos. Aquí puede elegir en qué
orden desea que aparezca el título de la entrada y el nombre del sitio, o
puede eliminar completamente del título el nombre del sitio.

Defina un carácter para separar el nombre del sitio y el título de la
entrada – Aquí puede cambiar el carácter que separa el nombre del sitio y
el título de la entrada cuando se usan títulos de entrada auto-generados.
Los valores comunes son | o -.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 71

Desde el punto de vista de los buscadores estas URL duplicadas. Por ejemplo.com. pueden ser tratadas individualmente en lugar de apuntar a un destino único.Documentación · elegantthemes.dominio. El tema basa sus URL canónicas en los enlaces permanentes y en el nombre de dominio definido en los ajustes generales del administrador de WordPress.SEO > SEO de página índice  Activar URL canónicas – La canonización ayuda a prevenir la indexación de contenido duplicado por parte de los buscadores. que también pueden ocurrir debido a enlaces permanentes personalizados.6 por Elegant Themes . Algunas páginas pueden tener diferentes URL que conduzcan al mismo lugar.  Activar descripciones meta – Haga clic en esta casilla si desea mostrar descripciones meta en las páginas de categorías o archivos.ar Divi 2.com/index.com son diferentes URL que conducen a una misma home. Definir una URL canónica les dice a los buscadores qué URL desea usar oficialmente. La descripción se basa en la descripción de la categoría que elige al crear o editar la categoría en el administrador de WordPress. Puede cambiar el orden en que se muestran el nombre del sitio y el título.html y www. dominio. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 72 . o puede eliminar completamente del título el nombre del sitio.com.  Elija el método de auto-generación de título – Aquí puede elegir la manera en que se generan los títulos en las páginas índice. dominio. y como resultado contribuye a evitar las penalizaciones por contenido duplicado y la degradación del pagerank.

 Activar código en <head> – Si desactiva esta opción se eliminará el código en el sector head de su sitio. pero guardarlo para uso futuro. Esto le permite eliminar el código. Esto le permite eliminar el código. El código puede ser añadido en la cabecera y cuerpo del sitio. pero guardarlo para uso futuro. lea nuestra entrada del blog Ways To Use The Integration Tab In Our ePanel Theme Options (en inglés). puede simplemente pegar ese código en el campo correspondiente de la sección Integración.Documentación · elegantthemes. pero guardarlo para uso futuro.com Página: 73 . así como también antes y después de cada entrada. Por ejemplo. Los valores comunes son | o -.com. Defina un carácter para separar el nombre del sitio y el título de la entrada – Aquí puede cambiar el carácter que separa el nombre del sitio y el título de la página índice cuando se usan títulos de entrada autogenerados. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. pero no está seguro de qué archivo PHP debe editar para incluirlo en la sección <body> de su sitio.ar Divi 2. Para más información sobre cómo aprovechar las ventajas de la sección Integración.6 por Elegant Themes .  Añadir código al <head> de su sitio – Cualquier código que pegue aquí aparecerá en el sector head de todas las páginas de su sitio.  Activar código en <body> – Si desactiva esta opción se eliminará el código del sector body de su sitio.  Activar código único en parte inferior – Si desactiva esta opción se eliminará el código de la parte inferior de las entradas. pero guardarlo para uso futuro. si necesita agregar un código de seguimiento (tal como Google Analytics).  Activar código único en parte superior – Si desactiva esta opción se eliminará el código de la parte superior de las entradas. Esto le permite eliminar el código. Esto es útil si desea agregar JavaScript o CSS a todas las páginas. Esto le permite eliminar el código. Integración La sección Integración es muy buena para agregar código de servicios de terceros en ciertas áreas del tema.

Esto es útil si desea integrar elementos tales como enlaces para compartir en redes sociales.  Añadir código en la parte inferior de las entradas.com Página: 74 . tales como Google Analytics.Documentación · elegantthemes.com. Añadir código al <body> (sirve para estadísticas de visitas) – Cualquier código que pegue aquí aparecerá en el sector body de todas las páginas de su sitio.ar Divi 2.6 por Elegant Themes . antes de los comentarios – Cualquier código que pegue aquí aparecerá en la parte inferior de las entradas. Esto es útil si desea incluir un pixel de rastreo para contadores de visitas.  Añadir código en la parte superior de las entradas – Cualquier código que pegue aquí aparecerá en la parte superior de las entradas. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

Este “envoltorio de contenido” tiene varios ajustes que se pueden configurar para lograr asombrosos resultados.com Página: 75 . A diferencia de las secciones normales. los cuales se usan para agrupar el contenido dentro de áreas que se distinguen visualmente.6 por Elegant Themes . Vea las Opciones de sección en el capítulo Un vistazo al constructor de esta documentación. Los módulos de ancho completo solo pueden colocarse dentro de secciones de ancho completo.Documentación · elegantthemes. puede hacer clic en el botón Insertar módulo/s.com. ya que sacan ventaja del ancho completo del navegador. ya que los módulos de ancho completo siempre van a tomar el 100% del ancho de la pantalla. Una vez que agregue a la página una nueva sección de ancho completo. Los módulos de ancho completo representan una buena manera de añadir un corte visual en una página. En Divi. Estos módulos se comportan de manera un tanto diferente.ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. todo lo que construya debe comenzar en una sección. Usar secciones de ancho completo Las secciones de ancho completo le dan acceso a un nuevo conjunto de módulos de ancho completo.Un vistazo a las secciones de Divi Las secciones son los elementos organizativos más grandes Las secciones son los bloques más grandes del constructor de Divi. no existe el concepto de filas o columnas aquí. Puede considerarlas como bloques horizontales apilables.

Un buen ejemplo de módulo de ancho completo es el carrusel.Documentación · elegantthemes.com Página: 76 .ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Este carrusel de ancho completo funciona igual que el carrusel estándar. Mostrar un carrusel a semejante escala puede resultar deslumbrante: solo vea nuestra demostración de Divi para apreciar un ejemplo.6 por Elegant Themes . solo que se expande al 100% del ancho del navegador.com.

com Página: 77 . los cuales permiten insertar columnas dentro de columnas.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Usar secciones especiales Las secciones especiales le brindan niveles adicionales de división vertical. sin ver rupturas de página no deseadas. Estos tipos de estructura no son posibles en las secciones normales.6 por Elegant Themes .com. cuando use una sección especial.ar Divi 2. A diferencia de las secciones normales. podrá agregar variantes complejas de columnas seguidas de barras laterales extendidas. Estas secciones son útiles para crear diseños dinámicos con barras laterales.

Puede agregar aquí todos los módulos que desee. notará que un área tiene la opción Insertar módulo/s. Como se ve. adyacentes a la estructura de columnas que cree en la sección siguiente. Como resultado. tiene la posibilidad de agregar filas dentro de filas. el diseño es de dos sectores. A continuación hay un ejemplo de una página creada con las secciones especiales. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Al hacer clic en Añadir fila podrá agregar filas adicionales.Una vez que haya agregado una sección especial a la página.Documentación · elegantthemes. y todas lucirán estupendas. podrá crear la estructura de columnas que desee.com Página: 78 . mientras que la otra tiene la opción Añadir fila.ar Divi 2.com. los cuales rellenarán toda la extensión de la sección.6 por Elegant Themes . en una sola fila. El área para insertar módulos representa la barra lateral vertical. con una barra lateral y una estructura compleja de columnas contigua. Es decir.

ar Divi 2.com.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.6 por Elegant Themes .com Página: 79 .

Por ejemplo. si desea añadir alguna variación al flujo de la página y hacer una fila más extensa que el resto. Los ajustes de las filas en particular se pueden emplear para crear una inmensa variedad de diseños con el constructor de Divi.ar Divi 2.Documentación · elegantthemes. Esto es buenísimo para crear atractivos diseños de columnas en ancho completo. no existirá ninguna separación entre columnas. inferior.com. izquierdo y derecho) de la fila. ya que son los distintos diseños de columnas para colocar dentro de las secciones. podrá crear un efecto similar al del módulo Portfolio de ancho completo. Cuando se combina con la opción Hacer esta fila de ancho completo. la fila se extenderá al ancho de la ventana del navegador (similar a una sección de ancho completo). a 4: separación grande). Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Filas y opciones de filas de Divi Las filas pueden ser muy versátiles. Hay cuatro tamaños de ancho de separación. Usar ancho personalizado – También puede asignar un ancho personalizado a cada fila.6 por Elegant Themes . Usar ancho personalizado de separación – El ancho de separación es la distancia entre columnas. Ajustes generales      Hacer esta fila de ancho completo – Si se activa esta opción. Ancho de separación – Use este selector deslizante para asignar el ancho de separación entre columnas (de 1: sin separación. ya que son estos ajustes los que definen la estructura en la cual se albergan los módulos. las filas tienen varios ajustes a los cuales se puede acceder con un clic en el icono del extremo superior izquierdo. puede introducir aquí un valor personalizado para el ancho. Relleno personalizado – Si desea ajustar el relleno (superior. desde ninguno a grande.com Página: 80 . Al igual que los módulos. puede hacerlo con esta opción. Si asigna el ancho de separación a 1. Aquí veremos solo algunas de las tantas características incluidas y cómo se pueden usar para crear diseños únicos.

Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com.com Página: 81 . Rótulo de administración –El rótulo de administración le permite cambiar la etiqueta para identificar el módulo más fácilmente. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.6 por Elegant Themes . puede hacerlo con esta opción.   Mantener relleno personalizado en dispositivos móviles – Si desea conservar los valores del relleno personalizado en los dispositivos móviles.ar Divi 2.

izquierdo y derecho) de la fila. Ancho del vídeo de fondo – Luego de subir el archivo. debe introducir aquí el ancho del vídeo. puede activarlo aquí y luego elegir el método (CSS o True Parallax). Vídeo WEBM de fondo – Se pueden aplicar vídeos de fondo a las filas. puede activarlo aquí y luego elegir el método (CSS o True Parallax). puede asignar una imagen de fondo única. Columna Relleno* (Relleno de columna) – Para cada columna en una fila.6 por Elegant Themes . Debe ser igual al ancho real del vídeo. Columna efecto Parallax* (Efecto Parallax de columna) – Si desea usar un efecto Parallax en la columna. active esta opción. Aquí puede elegir un color sólido para el fondo. 1 Mantener relleno personalizado en dispositivos móviles – Si desea conservar los valores del relleno personalizado de la columna en los dispositivos móviles. en especial cuando ha aplicado colores sólidos de fondo a columnas individuales. de lo contrario la posición del fondo no será correcta. Columna Imagen de fondo* (Imagen de fondo de columna) – Para cada columna en una fila.Documentación · elegantthemes. Columna Color de fondo* (Color de fondo de columna) – Para cada columna en una fila. Color de fondo – De manera predeterminada.com Página: 82 . debe subir el archivo en formato WEBM aquí. Usar efecto Parallax – Si desea usar un efecto Parallax para la imagen de fondo.com. puede hacerlo con esta opción Imagen de fondo – Se pueden aplicar imágenes de fondo a una fila entera. debe introducir aquí la altura del vídeo. Debe ser igual a la altura real del vídeo. Igualar alturas de columna – Esta es una opción genial. Alto del vídeo de fondo – Luego de subir el archivo. las filas tienen un color de fondo transparente. Si desea aplicar un vídeo de fondo.ar Divi 2.Ajustes de diseño avanzado                Margen personalizado – Si desea ajustar el margen (superior. puede asignar un color de fondo único. Vídeo MP4 de fondo – Se pueden aplicar vídeos de fondo a las filas. puede hacerlo con esta opción. inferior. Pausar vídeo – Si desea que los vídeos puedan ser pausados con un clic. de lo contrario la posición del fondo no será correcta. todas las columnas estarán obligadas a tomar el mismo valor de altura. 1* Orden de palabras en las cadenas originales no compatible con el idioma español. debe subir el archivo en formato MP4 aquí. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si desea aplicar un vídeo de fondo. puede asignar valores únicos de relleno. Al activar esta opción.

Documentación · elegantthemes.ar Divi 2.com.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 83 .6 por Elegant Themes .

Documentación · elegantthemes. Columna Antes – Introduzca aquí el código CSS para aplicar antes (::before) del div de la columna correspondiente (aparecerán tantos campos Antes como columnas se hayan insertado en la fila).ar Divi 2. Columna Elemento principal – Introduzca aquí el código CSS para aplicar al div de la columna correspondiente (aparecerán tantos campos Elemento principal como columnas se hayan insertado en la fila). Columna Clase CSS – Puede asignar una clase CSS a la columna si desea referirla desde la hoja de estilo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 84 .com. Clase CSS – Puede asignar una clase CSS a la fila si desea referirla desde la hoja de estilo. Columna ID CSS – Puede asignar una ID CSS a la columna si desea referirla desde la hoja de estilos o usarla como anclaje de enlace.6 por Elegant Themes .CSS personalizado           ID CSS – Puede asignar una ID CSS a la fila si desea referirla desde la hoja de estilos o usarla como anclaje de enlace. Columna Después – Introduzca aquí el código CSS para aplicar después (::after) del div de la columna correspondiente (aparecerán tantos campos Después como columnas se hayan insertado en la fila). Después – Introduzca aquí el código CSS para aplicar después (::after) del div de la fila principal. Antes – Introduzca aquí el código CSS para aplicar antes (::before) del div de la fila principal. Elemento principal – Introduzca aquí el código CSS para aplicar al div de la fila principal.

Documentación · elegantthemes.com Página: 85 .6 por Elegant Themes .Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.com.

sin embargo. tocaremos el ajuste de la Fila de ancho completo como introducción. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. En el siguiente ejemplo hemos creado una fila con cuatro columnas y añadido una imagen rectangular a cada columna.6 por Elegant Themes . En este ejemplo. Luego activamos la opción Hacer esta fila de ancho completo para ampliar la fila hasta los bordes de la ventana del navegador.Al seleccionar cada campo se mostrará en color naranja. La opción para hacer la fila de ancho completo es una de las más versátiles del conjunto. probaremos algunas combinaciones para mostrar las posibilidades creativas que nos ofrecen.com Página: 86 . Esto ampliará el ancho de la fila hasta los extremos del navegador. de manera similar a la Sección de ancho completo. las filas de ancho completo pueden tener estructuras de columnas y pueden contener cualquier módulo. junto al título. A diferencia de esta.com. Probemos algunos ajustes Ahora que hemos repasado todos los ajustes.ar Divi 2.Documentación · elegantthemes. el nombre de la clase correspondiente.

Por último. redujimos el Ancho de separación a 1 para eliminar el espacio entre las columnas de la fila. eliminamos el relleno de la parte de arriba y de abajo de la fila.6 por Elegant Themes .ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 87 . al introducir 0 en los valores superior e inferior de la opción Relleno personalizado.A continuación.com.Documentación · elegantthemes.

6 por Elegant Themes .Documentación · elegantthemes.com Página: 88 .ar Divi 2.El resultado es una transformación completa de una fila normal de cuatro columnas a una galería de imágenes que luce espectacular en contraste con la sección color verde de abajo.com. También se puede crear este mismo efecto al usar colores de fondo personalizados para las columnas y para los módulos de texto. ¡Las posibilidades son infinitas! Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

Para cada uno. si hay algo que no puede hacer a nivel diseño desde la pestaña Ajustes generales. no hay nada que no se pueda diseñar a gusto.ar Divi 2. Sin embargo.6 por Elegant Themes . así los ajustes generales no quedan saturados. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. podrá aventurarse a los Ajustes de diseño avanzado. Luego haga clic en la pestaña Ajustes de diseño avanzado para revelar los controles de diseño.com. y hemos dejado todos los ajustes de diseño básicos o usados más comúnmente en la pestaña Ajustes generales. Ajustes de diseño avanzado Los ajustes de diseño avanzado varían de módulo a módulo.Documentación · elegantthemes. los hemos separado en su propia pestaña. una fila o una sección existentes (o cree uno/a nuevo/a) y se abrirá la ventana modal de los ajustes. hemos añadido todos los posibles ajustes de diseño que pueda necesitar en la pestaña Ajustes de diseño avanzado. verá tres pestañas en la ventana modal de ajustes: Ajustes generales.com Página: 89 . Debido al enorme abanico de ajustes disponibles en determinados módulos. Al usarlos combinados. si desea tener más control sobre la apariencia del módulo.Ajustes de diseño avanzado y CSS personalizado Cada vez que edite un módulo. fila o sección. Ajustes de diseño avanzado y CSS personalizado. En la pestaña Ajustes generales podrá encontrar todo lo que necesita para crear sensacionales diseños en Divi y para aprovechar cada módulo. simplemente edite un módulo. Si usted es un desarrollador y quiere usar su propio código CSS en lugar de los controles de diseño avanzado. Para localizar y usar los Ajustes de diseño avanzado. podrá ir directamente a la pestaña CSS personalizado. Como regla general. sin dudas podrá lograrlo desde la pestaña Ajustes de diseño avanzado.

así como también un montón de ajustes únicos para ciertos elementos.6 por Elegant Themes .Desde esta pestaña puede hacer casi cualquier cosa. filas y secciones: CSS personalizado. En este caso puede usar la tercera pestaña de la ventana modal de los ajustes para módulos. encontrará opciones para ajustar la tipografía (como tamaño del texto.Documentación · elegantthemes. pero sin tocar ni una línea de código.ar Divi 2. que no serían posibles solo con los Ajustes generales.). si usted es un desarrollador quizá prefiera escribir su propio código en lugar de usar los controles de diseño personalizado integrados. altura de línea. CSS personalizado En la pestaña Ajustes de diseño avanzado hemos incluido muchísimas opciones con las cuales podrá modificar casi cualquier aspecto. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. etc. Por lo general. Los ajustes variarán de acuerdo con el tipo de módulo que esté editando. podrá crear páginas realmente atractivas y originales. espacio entre letras. Al usar estas opciones de diseño. Sin embargo. tal como lo haría con CSS.com Página: 90 .com.

puede aplicar CSS personalizado directamente a un icono de Anuncio breve.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2.En esta pestaña hemos desdoblado los elementos estructurales del módulo. para facilitar la edición. Al seleccionar cada campo se mostrará en color naranja.com Página: 91 . y tendrá la posibilidad de referir fácilmente a códigos CSS personalizados en módulos o páginas individuales. Por ejemplo. el nombre de la clase correspondiente. podrá aplicar CSS a partes individuales del módulo. Si usa estos ajustes.com. junto al título. o crear su propio seudoelemento :after desde el constructor de Divi. Al usar este panel. se evitará la molestia de tener que crear un tema hijo.6 por Elegant Themes . e incluimos varios campos de texto donde podrá escribir su propio código CSS.

dado el perfil que tengan. pero limitando lo que el cliente pueda hacer con Divi. lo cual limitará la manera en que puede ser usado el constructor por los usuarios. desactivar el acceso a las pestañas Ajustes de diseño avanzado y CSS personalizado. y solo permitirles editar módulos existentes. Simplemente asigne un perfil específico a su cliente. hasta ha integrado plugins externos desde el módulo Código. Todo se ve perfecto y mantiene un estilo uniforme. Seguramente querrá dejar en manos de su cliente la actualización de la página “Quiénes somos”. Usted puede hacer cosas como: desactivar la biblioteca de Divi.com. y le ha sacado el mayor provecho a los Ajustes de diseño avanzado y CSS personalizado.6 por Elegant Themes . Al restringir características más avanzadas. desactivar el acceso a módulos globales. Por último.com Página: 92 . lo cual limitará el acceso a los elementos principales del menú de Divi (tales como las Opciones del tema y el Personalizador de tema). Aquí hay un buen ejemplo. como Editor.Documentación · elegantthemes.ar Divi 2. Esta es la mejor manera de que los desarrolladores independientes y las pequeñas agencias de diseño web dejen los sitios en manos de sus clientes. puede desactivar ciertas acciones. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. también puede controlar qué tipo de ajustes pueden editar dentro de la pestaña Ajustes generales. Privilegios del tema a nivel superior Aquí puede configurar los ajustes del tema a nivel superior. Digamos que ha terminado de construir un sitio nuevo para un cliente. puede lograr que el constructor de Divi les sea más sencillo de entender. desde el editor de perfil.El editor de perfil Controle todo lo que pueden hacer los usuarios dentro del constructor El editor de perfil de Divi le da el control sobre lo que cada usuario —de acuerdo con el perfil de WordPress que se le asigne— puede hacer dentro del constructor. Esta es una buena oportunidad para usar el editor de perfil. el cliente tendrá únicamente las herramientas necesarias para editar su contenido. Cuando termine. pero no desea que hagan nada alocado. Para cada perfil. ajuste las facultades de ese perfil. además de impedirles que accedan a herramientas que podrían arruinar sus diseños si se usan sin conocimientos. Luego. Hasta puede negarles la posibilidad de borrar y mover módulos.

6 por Elegant Themes .com Página: 93 .com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes. borrar o mover elementos. Una implementación común de estos ajustes podría ser activar la edición de los elementos. quizá sea más seguro no permitir que sus clientes los editen. tales como la posibilidad de editar. pero desactivar la posibilidad de moverlos o borrarlos. Dado que los cambios hechos a los módulos globales a menudo tienen consecuencias de amplio alcance. También puede impedir que los usuarios editen los módulos globales. También puede desactivar el acceso completo al constructor de Divi. Ajustes de la biblioteca Aquí puede controlar el acceso del usuario a la biblioteca de Divi.Interfaz del constructor Aquí puede limitar acciones de nivel superior dentro del constructor.ar Divi 2.

Estas pestañas de ajustes son: Ajustes generales.com Página: 94 . Tipos de ajustes Además de tener la posibilidad de desactivar todas las pestañas de ajustes. Con frecuencia. Esto le da un dominio aún más estricto sobre lo que pueden editar los clientes. A menudo es buena idea desactivar estas dos últimas pestañas a los clientes. Ajustes de diseño avanzado y CSS personalizado. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. puede emplear las pestañas de diseño avanzado y CSS personalizado.6 por Elegant Themes . puede que quiera permitir que el cliente controle únicamente el contenido de los módulos de texto. pero impedir que ajuste los colores y las opciones de diseño. fila y sección.com.Pestañas de ajustes Pestañas de ajustes se refiere a las tres categorías de opciones disponibles dentro de la ventana de cada módulo. pero si desea ir un paso más adelante. todo lo necesario para construir un sitio fantástico con Divi se puede encontrar en los Ajustes generales.ar Divi 2.Documentación · elegantthemes. puede tener control sobre los tipos de ajustes disponibles en esas pestañas. Por ejemplo.

puede que quiera desactivar todos los módulos menos el de Texto y el de Imagen.com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. también puede desactivar el uso de módulos enteros.com Página: 95 . si realmente desea simplificarles la vida a sus clientes.6 por Elegant Themes .Documentación · elegantthemes. Por ejemplo.ar Divi 2.Uso de módulos Por último. no podrá editar ese tipo de módulos ni añadir nuevos a la página. Cuando se desactiva un módulo para un usuario.

6 por Elegant Themes .ar Divi 2.com Página: 96 .com.Documentación · elegantthemes.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

6 por Elegant Themes . si tiene veinte módulos de texto distintos en una página. Algunas de estas funciones. Cuando edite páginas muy extensas. Estas incluyen: Copiar. Bloquear. tal vez quiera darle a cada uno un nombre que lo identifique para saber qué contiene antes de abrir la ventana de los ajustes. las cuales han sido añadidas al menú contextual con clic derecho para su conveniencia. Tal vez ya esté familiarizado con muchas de estas funciones. esto puede ser de ayuda para organizar los elementos dentro del constructor. Renombrar Cualquier módulo. ya sea un módulo. y Vista previa.ar Divi 2. verá una lista de distintas acciones que puede ejecutar. Usando esta característica podrá Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Desactivar. y se usa para identificar el elemento dentro de la página. una fila o una sección. Copiar y Pegar. Deshacer y Rehacer. Contraer y Desactivar. Este nombre aparece en el constructor. Guardar en la biblioteca. Contraer y Expandir. De esta manera.com Página: 97 . Pegar.Documentación · elegantthemes. Guardar en la biblioteca La opción para guardar un elemento en la biblioteca de Divi fue añadido a los controles de clic derecho para su beneficio. Bloquear.Control con clic derecho Acceso rápido a las funciones del constructor de Divi Cada vez que haga clic con el botón derecho del ratón sobre algún sector dentro del constructor de Divi. Estas acciones incluyen: Renombrar.com. no tendrá que hurgar en los ajustes del módulo para acceder a las características más usadas. Por ejemplo. sin embargo. son únicas para el menú contextual y solo están disponibles al hacer clic derecho. fila o sección puede tener un nombre.

guardar elementos en la biblioteca sin tener que abrir la ventana de ajustes
correspondiente.

Deshacer y Rehacer
Cualquier acción que lleve a cabo dentro del constructor de Divi se puede
deshacer, y cualquier acción deshecha se puede rehacer.
Los controles Deshacer y Rehacer, que también están disponibles si usa los
botones Deshacer y Rehacer de la parte superior derecha de la interfaz del
constructor de Divi junto con el Historial, pueden ser usados con el clic derecho.

Desactivar
Desactivar es una opción que solo está disponible en los controles del clic
derecho. Cualquier módulo, fila o sección puede ser desactivado. Una vez que se
desactiva un elemento, no aparecerá más en la página que ve el visitante. Sin
embargo, el elemento permanece activo dentro del constructor. Desactivar sirve
para eliminar elementos en la interfaz del usuario (el sitio en vivo) sin tener que
eliminarlo del constructor. Y puede ser reactivado en el futuro. Los elementos
que se han desactivado en todos los dispositivos aparecen con un 50% de
opacidad dentro del constructor para diferenciarlos del resto.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 98

Todos los módulos, filas y secciones incluyen en el menú Desactivar la opción de
aplicar este ajuste en teléfonos celulares, tablets y equipos de escritorio. A
menudo puede ser beneficioso para el visitante que ciertos elementos no se
muestren, si es que está accediendo a la página en un dispositivo con una
pantalla pequeña. Hasta es posible duplicar módulos y crear sus respectivas
versiones que se mostrarán a los distintos usuarios de acuerdo con el tamaño de
sus pantallas.

Bloquear
Bloquear es otra función que solo está disponible en los controles del clic
derecho. Una vez que se bloquea un elemento, no puede ser movido, editado o
borrado hasta que se desbloquee. Únicamente los usuarios con perfil de
administrador tendrán permiso para bloquear y desbloquear elementos. Esto
significa que puede asignar a sus clientes un perfil inferior, como Editor, y que no
tendrán la posibilidad de editar ningún elemento que haya sido bloqueado. Esta
Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 99

es una buena manera de controlar lo que sus clientes pueden o no modificar. En
muchos casos, quizá quiera bloquear todo menos los módulos de texto, por
ejemplo, lo cual le permitiría a su cliente añadir contenido, pero no ajustar las
opciones de los módulos más avanzados.

Contraer y Expandir
Contraer es una característica que solo está disponible con el clic derecho.
Cualquier sección o fila puede ser contraída dentro de la interfaz del constructor.
Cuando un elemento ha sido contraído, los elementos que están dentro quedan
ocultos y la fila o sección se reduce a un rectángulo más pequeño. Si está
trabajando con una página muy extensa, contraer los elementos que ya ha
terminado puede hacer el trabajo más fácil.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 100

si se copia una fila. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.). fila o módulo seleccionados.Copiar y Pegar Copiar y Pegar es otra función que solo está disponible desde los controles del clic derecho. puede pegarse únicamente después de otro módulo.com Página: 101 .ar Divi 2. fila o módulo copiados se pegará siempre a continuación de la sección. etc.Documentación · elegantthemes. Esto le ahorrará un montón de tiempo. y a veces hasta puede resultar más conveniente que guardar elementos en la biblioteca (en especial cuando solo desea reutilizar el elemento en otra página una sola vez). Hasta puede copiar y pegar elementos de una página a otra.6 por Elegant Themes . La sección. Puede copiar cualquier módulo. La acción Pegar después dentro del menú contextual solo se mostrará si se hace clic derecho sobre un mismo tipo de bloque (si se copia un módulo. y pegarlos en cualquier otra. después de otra fila. fila o sección de un área.

Al elegir la vista previa de un elemento. podrá echar un rápido vistazo a la apariencia de una parte específica dentro del constructor.6 por Elegant Themes .Documentación · elegantthemes.ar Divi 2.com. en lugar de tener que previsualizar la página entera en el sitio.Vista previa La posibilidad de tener una vista previa de los elementos dentro del constructor es una herramienta sumamente útil que hemos añadido a los controles del clic derecho. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 102 . filas y módulos. La herramienta Vista previa también está disponible en todas las ventanas de ajustes de las secciones.

6 por Elegant Themes .Documentación · elegantthemes.ar Divi 2.com.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 103 .

Los módulos Anuncio breve se pueden disponer en cualquier columna que usted cree.Los Módulos Anuncio breve El módulo Anuncio breve es una combinación simple y elegante de texto e imagen. en negrita. la cual le ofrece una lista de iconos disponibles que podrá usar junto con el texto del anuncio breve. y con frecuencia se muestran en filas para listar habilidades de una persona o características de un servicio. Los anuncios breves son una manera eficaz de mostrar pequeñas porciones de información.com. Si deja este campo en blanco. Si selecciona “Sí” para la opción Usar icono.6 por Elegant Themes .  Título – Póngale un título al anuncio breve. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. se le pedirá que suba una imagen. La opción URL debajo del campo Título le permitirá convertirlo en un enlace.  Icono – Si selecciona “Sí” para la opción Usar icono. puede elegir usar un icono o una imagen junto con el texto.com Página: 104 . aparecerá esta opción.  Usar icono – Cuando cree anuncios breves.  La URL se abre – Aquí puede elegir si el enlace se abre en la misma ventana o no. el título quedará tan solo como un elemento estático.Documentación · elegantthemes. Si elige no usar un icono.ar Divi 2. el cual aparecerá arriba del texto. aparecerán las siguientes opciones para personalizarlo. Simplemente haga clic en el icono que desea usar y este aparecerá en su anuncio breve.  URL – Escriba una URL válida en este campo para que el título del anuncio breve sea convertido en un enlace.

en caso de que las ubique una junto a la otra. la cual le permitirá mostrar el icono dentro de un fondo circular. los iconos son del color de acento configurado en el tema. la cual le permitirá elegir un color para el círculo de fondo.  Animación de la imagen/icono – Esto controla la dirección de donde aparece la animación en carga diferida. no aparezca correctamente. la cual le permitirá elegir el color del borde circular. por lo cual es conveniente que todas las imágenes para los anuncios breves tengan el mismo alto. aparecerá dentro de este círculo del color que elija aquí. aparecerá esta opción. aparecerá esta opción.  Círculo de fondo – Si selecciona “Sí” para la opción Usar icono. aparecerá una nueva opción para escoger el color del borde. Escriba una URL válida de la imagen. El texto alternativo proporciona información necesaria en caso de que la imagen no cargue.  Color del círculo – Si selecciona “Sí” para la opción Círculo de fondo. aparecerán opciones adicionales para personalizar el color del círculo y el borde. aparecerá esta opción. Puede aparecer arriba del texto o a la izquierda. Este color es independiente del color del icono seleccionado anteriormente. aparecerá esta opción.com. Si coloca la imagen/icono en la parte izquierda del texto.  Mostrar borde circular – Si selecciona “Sí” para la opción Círculo de fondo. Si se selecciona. Sin embargo. Color del icono – Si selecciona “Sí” para la opción Usar icono. Si selecciona “Sí” para este ajuste. aparecerá esta opción. o en cualquier otra situación en la cual no se pueda visualizar. hasta 550 píxeles. aparecerá esta opción. la cual le permitirá personalizar el color del icono.Documentación · elegantthemes.ar Divi 2. Las imágenes de los anuncios breves siempre aparecerán centradas en sus respectivas columnas y ocuparán el ancho completo de la columna. la cual le permitirá mostrar un borde en el círculo.com Página: 105 .  Imagen – Si eligió no usar un icono. o suba una imagen a través de la biblioteca multimedia de WordPress. Por defecto. la imagen nunca se escalará a un tamaño mayor al original.  Ubicación de la imagen/icono – Aquí puede elegir en qué lugar se mostrará el icono del anuncio breve. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Color del borde del círculo – Si selecciona “Sí” para la opción Mostrar borde circular.6 por Elegant Themes . El icono. con su propio color. se mostrará de menor tamaño que cuando aparece arriba. La altura de la imagen se determinará por la relación de aspecto de la imagen original. aparecerá esta opción. También permite que la imagen sea leída y reconocida por los motores de búsqueda.  Texto alternativo de la imagen – Si eligió no usar un icono.

el color del texto debería ser claro. Si se coloca sobre un fondo claro. El texto también ocupará el ancho completo de la columna.6 por Elegant Themes .  Rótulo de administración – Por defecto. hasta 550 píxeles.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda. Los carruseles de Divi incluyen fondos con efecto Parallax. active esta opción y luego defina la velocidad de rotación en el siguiente campo.com Página: 106 . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. y ocupa el ancho completo de las estructuras de columnas en las cuales se encuentre. sin que el visitante deba presionar los botones. Carrusel El Carrusel puede situarse en cualquier parte.  Animación automática – Si desea que las imágenes del carrusel roten de manera automática.  Flechas – Elija si desea mostrar o no las flechas de navegación (izquierda y derecha).Documentación · elegantthemes.com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. así como también fondos de vídeo. el módulo Anuncio breve aparecerá con el rótulo Anuncio breve en el constructor.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el color del texto debería ser oscuro.ar Divi 2. centrado o alineado a la derecha.  Contenido – En este campo deberá introducir el contenido del anuncio breve. Color de texto – Si el anuncio breve aparece sobre un fondo oscuro.  Mostrar controles – Elija si desea mostrar o no los botones circulares/indicadores de pases en la parte inferior del carrusel.

Los anchos de columna son los siguientes: 1 columna: 1080 píxeles ¾ de columna: 795 píxeles Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Tenga en cuenta que cuando este ajuste está activado.Documentación · elegantthemes. simplemente borre la URL del campo de configuración. Si tiene varias diapositivas.  URL del botón – Si muestra un botón. escriba una URL válida en este campo para definir el destino del enlace. Así añadirá el primer pase y verá los ajustes de la diapositiva correspondiente:  Encabezado – Defina el título para su diapositiva aquí.  Eliminar sombra interior – Elija si desea mostrar o no la sombra interior de la sección. si está activada la opción Animación automática.  Texto del botón – Si desea mostrar un botón debajo del contenido de la diapositiva. esta imagen se usará como fondo para este módulo. El ancho del carrusel está determinado por la estructura de columnas dentro de la cual está situado. la imagen de fondo permanecerá fija al desplazar la página.6 por Elegant Themes . Deje en blanco si prefiere no mostrar un botón.  Rótulo de administración – Por defecto. Para quitar la imagen de fondo. más tiempo transcurrirá entre cada rotación.  Imagen de fondo – Si es definida. las imágenes se escalarán a la altura del navegador. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. el carrusel tomará la altura de la imagen más alta.ar Divi 2.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. Comience haciendo clic en Añadir Diapositiva en la parte superior de esta ventana modal de opciones. Cuanto mayor sea el número.  Continuar el pase automático al posar el puntero – Si activa esto.  Usar efecto Parallax – Si activa este ajuste. introduzca el texto aquí.com. La altura de una diapositiva está determinada por la cantidad de texto que agregue al contenido. Velocidad de animación automática (en milisegundos) – Aquí puede designar cuán largo será el intervalo de transición de cada imagen del carrusel. permitirá que el pase automático continúe al posar el puntero del ratón. Recomendamos que las imágenes del carrusel tengan al menos el ancho de la columna que lo contenga.com Página: 107 . el módulo Carrusel aparecerá con el rótulo Carrusel en el constructor.

así que asegúrese de que la imagen de diapositiva es lo suficientemente alta para encajar en caso de que quiera una imagen alineada a la base. Por razones de legibilidad.ar Divi 2. se añadirá un color de superposición encima de la imagen de fondo y detrás del contenido del carrusel.  Imagen de diapositiva – Si agrega una imagen de diapositiva. Tenga en cuenta que la altura de una diapositiva con imagen puede estar determinada por la imagen más alta del pase. sobre el fondo del pase. se mostrará únicamente un texto centrado.  Tamaño de imagen de fondo – Elija el tamaño de la imagen de fondo.com. Ya que la altura de cada pase está determinada por el texto. recomendamos que las imágenes sean al menos del tamaño estándar de una pantalla.  Color de fondo – Si tan solo desea usar un color sólido como fondo. Los anchos de las imágenes de diapositiva se enumerarán a continuación.  Posición de la imagen de fondo – Elija la posición de la imagen de fondo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. esta aparecerá a la izquierda del texto. o 1 columna. ¾ de columna. Si no especifica una imagen de diapositiva. si la imagen tiene la altura suficiente se mostrará alineada en la parte inferior de la diapositiva.  Color de superposición de fondo – Aquí puede elegir el color de superposición de fondo. Asimismo. las imágenes de diapositiva solo aparecerán en los pases que estén en anchos de ⅔ de columna. Recomendamos que las imágenes de diapositiva tengan al menos este ancho: 1 columna: 410 píxeles ¾ de columna: 308 píxeles ⅔ de columna: 260 píxeles  Usar superposición de fondo – Si activa este ajuste. las imágenes de diapositiva no se mostrarán en navegadores cuyo ancho sea menor de 768 píxeles.⅔ de columna: 700 píxeles ½ de columna: 510 píxeles ⅓ de columna: 320 píxeles ¼ de columna: 225 píxeles Tenga en cuenta que si activa el efecto Parallax. ya que tomarán el ancho o la altura de la ventana del navegador (por ejemplo.6 por Elegant Themes . 1280 x 768 píxeles).com Página: 108 .Documentación · elegantthemes. use el selector de color para definirlo.

Por esta razón. se utiliza una imagen de fondo. el color del texto debería ser claro.WEBM aquí. es probable que esta sea la razón. se utiliza una imagen de fondo. se añadirá un color de fondo detrás del texto del carrusel para que el texto sea más legible sobre las imágenes de fondo.WEBM para asegurarse máxima compatibilidad con todos los navegadores. Si el fondo del pase es claro.ar Divi 2.  Vídeo de diapositiva – Si es definido.  Vídeo WEBM de fondo . o deje en blanco para mostrar solo texto. Nota importante: Los vídeos de fondo se desactivan en dispositivos móviles. Puede aprender más sobre cómo usar el archivo .htaccess para definir los tipos MIME aquí.WEBM para asegurarse máxima compatibilidad con todos los navegadores. Suba la versión . Introduzca la URL del vídeo de YouTube o Vimeo. su servidor debe tener designados los tipos MIME correctos. Puede aprender más sobre cómo usar el archivo .6 por Elegant Themes . este vídeo aparecerá a la izquierda del texto de la diapositiva. imagen y vídeo. debería definir ambos fondos. el color del texto debería ser oscuro. Nota importante: para que el formato de vídeo WEBM funcione en todos los navegadores. para asegurarse mejores resultados. Si nota que sus vídeos no se reproducen en ciertos navegadores.com Página: 109 .MP4 o . Por esta razón. En su lugar. su servidor debe tener designados los tipos MIME correctos.  Vídeo MP4 de fondo – Todos los vídeos deben ser subidos en formato . Suba la versión .htaccess para definir los tipos MIME aquí.Documentación · elegantthemes.MP4 aquí. Nota importante: para que el formato de vídeo WEBM funcione en todos los navegadores. es probable que esta sea la razón.Todos los vídeos deben ser subidos en formato . para asegurarse mejores resultados. no aparezca correctamente.  Alineación vertical de la imagen de diapositiva – Elija la lineación vertical de la imagen. o en cualquier otra situación en la cual no se pueda visualizar.  Color de texto – Si el fondo del pase es oscuro. Usar superposición de texto – Si activa este ajuste. debería definir ambos fondos.MP4 o .  Texto alternativo de la imagen – El texto alternativo proporciona información necesaria en caso de que la imagen no cargue. En su lugar.com. También permite que la imagen sea leída y reconocida por los motores de búsqueda. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si nota que sus vídeos no se reproducen en ciertos navegadores. imagen y vídeo. Nota importante: Los vídeos de fondo se desactivan en dispositivos móviles. que puede ser centrada verticalmente o alineada en la parte inferior del carrusel.

volverá a los ajustes del módulo.  Rótulo de administración . y arrastrar y soltar para reordenar las diapositivas existentes. Ancho del vídeo de fondo – Para que los vídeos se muestren correctamente.ar Divi 2. Tabla de precios Es más fácil que nunca crear tablas de precios para sus productos en línea.  Guardar – Luego de hacer clic en el botón Guardar de estos ajustes individuales.Documentación · elegantthemes.com. Aunque el módulo incluya más de una tabla de precios. Cree todas las tablas que necesite y controle el monto y los detalles de cada una.com Página: 110 .  Rótulo de administración – El rótulo de administración le permite dar un nombre específico a la diapositiva para que sea más fácil de identificar. en donde podrá agregar una nueva diapositiva.  Alto del vídeo de fondo – Para que los vídeos se muestren correctamente. Hasta puede destacar un plan en particular para aumentar sus ventas.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.Por defecto.6 por Elegant Themes .  Contenido – Escriba aquí el texto principal del contenido para la diapositiva. el módulo Tabla de precios aparecerá con el rótulo Tabla de precios en el constructor. será manejado como un módulo único y puede colocarse en una columna de cualquier ancho. borrar o editar diapositivas. El rótulo de Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Pausar vídeo – Permita que el vídeo sea pausado por otros reproductores cuando comiencen a reproducir. debe introducir el alto exacto (en píxeles) del vídeo aquí. Tenga en cuenta que la cantidad de texto que introduzca aquí determinará la altura del carrusel. debe introducir el ancho exacto (en píxeles) del vídeo aquí.

administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Cada testimonio tiene unas comillas. Este módulo es muy eficaz cuando se usa en conjunto con las tablas de precios en las páginas de venta. Destacar una tabla la hace resaltar del resto. y está firmado con el nombre del autor.6 por Elegant Themes .para una característica no incluida. Separe cada elemento de la lista en una línea aparte y comience con un símbolo + para una característica incluida.Defina el texto del botón aquí. Año.  Moneda – Escriba aquí el símbolo de moneda.  Guardar – Luego de hacer clic en el botón Guardar de los ajustes de la tabla de precios. (Por ejemplo: Desarrollador).Si el precio se basa en una suscripción.  Texto del botón .). etc. borrar o editar tablas.ar Divi 2. (Por ejemplo: Anual. volverá a los ajustes del módulo.  Precio – Escriba el valor del producto aquí. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. si escribe una URL válida en este campo. Testimonio Los Testimonios representan una buena manera de alentar la confianza de sus visitantes.  URL del botón – En la parte inferior de cada tabla puede insertar un botón de Llamado a la acción. en donde podrá agregar una nueva tabla.com.  Añadir Tabla de precios – Comience haciendo clic en Añadir Tabla de precios en la parte superior de esta ventana modal de opciones. además de incluir el enlace a su sitio (si lo tuviera). Así añadirá la primera tabla y verá los ajustes correspondientes.  Título – El título que escriba aquí se mostrará para esta opción de precios. Deje este campo y el de Texto del botón en blanco si no desea mostrar un botón dentro de la tabla de precios.  Destacar esta tabla – Elija si desea destacar la tabla o no.  Subtítulo – El subtítulo que escriba aquí aparecerá debajo del título (Por ejemplo: El más popular). y arrastrar y soltar para reordenar las tablas existentes.Documentación · elegantthemes. o un símbolo . Al usar el módulo de testimonios de Divi puede agregar información rápidamente en las páginas de venta y de suscripción. escriba el período de pago aquí.  Por . Estos testimonios son por lo general breves reseñas o recomendaciones hechas por sus clientes.  Contenido – En este campo puede escribir la lista de características que incluye o no el producto o plan ofrecido.com Página: 111 .

Haga clic en el botón Subir imagen para seleccionarla de su equipo o de la Librería multimedia de WordPress. Si elige mostrar una imagen de retrato. Este nombre también será un enlace al sitio web especificado en la siguiente opción.  Icono de cita – Esta opción le permite desactivar el icono de la cita (comillas) si lo desea. Este aparecerá en la parte inferior del módulo.  Nombre de la empresa – Aquí puede definir el nombre de la empresa para la persona que ofrece el testimonio. En ocasiones este icono puede recargar el testimonio si se usa además una imagen de retrato.Documentación · elegantthemes.  Sitio web del autor/empresa – Aquí puede escribir la URL del sitio web para el testimonio.com.  Color de fondo – Defina el color de fondo para el recuadro. Para no mostrar este texto. simplemente deje el campo en blanco. para obtener una apariencia más prolija.  URL de la imagen de retrato – Aquí puede subir una foto para usar en el testimonio.6 por Elegant Themes .  Usar color de fondo – Elija si se muestra o no el color de fondo asignado en el siguiente campo. o en la misma pestaña del navegador (esto ocasiona que el visitante abandone su sitio). Nombre del autor – Escriba aquí el nombre del autor del testimonio.com Página: 112 . el cual se mostrará debajo del nombre. puede considerar desactivar el icono de la cita.  La URL se abre – Esta opción le permite elegir si los enlaces de los testimonios se abrirán en una nueva ventana. El autor/empresa contendrá un enlace a este sitio. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. si es definido.  Título del puesto – Aquí puede escribir el puesto de trabajo del autor.ar Divi 2. debajo del testimonio.

con esta pequeña sección conseguirá los clics que necesita. el texto deberá ser oscuro. Si trabaja con un fondo claro. o simplemente que soliciten un presupuesto. Color de texto – Si trabaja con un fondo oscuro. el CTA puede captar más rápido la atención de sus visitantes. por Call To Action) Siempre es importante hacer a sus visitantes un claro llamado a la acción. El módulo CTA es una combinación sencilla de un título.  Texto del botón – Defina el texto del botón aquí.  Título – Escriba aquí el título para el módulo de Llamado a la acción. el texto deberá ser claro.  Contenido – En este campo puede escribir el contenido del testimonio.  Rótulo de administración – Por defecto.com.com Página: 113 .ar Divi 2.6 por Elegant Themes . Cuando se combina con un color de fondo llamativo.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. centrado o alineado a la derecha. Sea que esté tratando de que realicen una compra. Llamado a la acción (CTA.  La URL se abre – Elija si el enlace se abre en la misma ventana o no. el módulo Testimonio aparecerá con el rótulo Testimonio en el constructor. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  URL del botón – Escriba una URL válida en este campo para especificar la página de destino del botón. un texto breve y un botón.  Usar color de fondo – Elija si se muestra o no el color de fondo asignado en el siguiente campo.Documentación · elegantthemes. o déjelo en blanco si no desea mostrar un botón.

 Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el color de texto debería ser oscuro. centrado o alineado a la derecha. Imagen Divi simplifica el proceso de agregar imágenes en cualquier parte de su sitio.  Color de texto – Si el color de fondo del CTA es oscuro. o elija/suba una desde la Biblioteca multimedia de WordPress. el módulo Llamado a la acción aparecerá con el rótulo Llamado a la acción en el constructor.  Contenido – En este campo puede introducir el contenido del llamado a la acción. Si el color de fondo del CTA es claro. el texto debería ser claro. Todas las imágenes incluyen carga diferida.com. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. usando este selector.ar Divi 2. Los módulos de Imagen pueden colocarse en cualquier columna que usted cree.Documentación · elegantthemes.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda. Las imágenes siempre aparecerán alineadas a la izquierda dentro de sus respectivas columnas y Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  URL de la imagen – Introduzca la URL de la imagen aquí.  Rótulo de administración – Por defecto. Elija el mismo color en el fondo de la sección para crear la apariencia de un CTA de ancho completo o sin bordes.com Página: 114 . y el tamaño será ajustado para encajar automáticamente. y cuatro estilos de animación diferentes que le dan a la navegación un toque más dinámico. Color de fondo – Puede darle al bloque del CTA cualquier color que desee.6 por Elegant Themes .

Confeccionada y traducida por Ana Ayelén Martínez · caribdis. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. el módulo Imagen aparecerá con el rótulo Imagen en el constructor.  Texto alternativo de la imagen – El texto alternativo proporciona información necesaria en caso de que la imagen no cargue.  Abrir en Lightbox – Aquí puede elegir si la imagen se abrirá o no en estilo Lightbox cuando se hace clic en ella. Sin embargo. por medio del impacto visual.tomarán el ancho total de la columna. Galería Compartir una colección de imágenes siempre es bueno para atraer visitantes a su contenido. El módulo Galería le permite crear y organizar galerías de WordPress en cualquier lugar de su sitio.6 por Elegant Themes . La altura de la imagen se determinará por la relación de aspecto de la imagen original. no aparezca correctamente. la imagen se ampliará a su tamaño completo si se hace clic en ella dentro de la ventana modal.  Animación – Use este menú desplegable para definir el tipo de animación de la carga diferida para la imagen.com.  Eliminar espacio debajo de la imagen – Aquí puede elegir si la imagen debe tener o no un espacio debajo. la imagen nunca se escalará a un tamaño mayor al original.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. Esta es una característica muy útil para los portfolios. desde abajo o desde arriba. si su base debe estar pegada a la base de la sección. desde la izquierda.com Página: 115 .  Rótulo de administración – Por defecto. Puede elegir que aparezca desde la derecha. derecha o centrada.Documentación · elegantthemes. Si se activa. No se creará un enlace si se deja el campo en blanco y la imagen permanecerá como un elemento estático. También permite que la imagen sea leída y reconocida por los motores de búsqueda. Es decir.  La URL se abre – Elija si el enlace se abre en la misma ventana o no.  Alineación de la imagen – Aquí puede elegir la alineación de la imagen: izquierda.  Texto del título de la imagen – Esto define el texto de la etiqueta HTML title.ar Divi 2.  URL del enlace – Escriba una URL válida en este campo para convertir la imagen en un enlace. o en cualquier otra situación en la cual no se pueda visualizar.

 Mostrar título y leyenda – Aquí puede elegir si las imágenes muestran el título y la leyenda.  Animación automática – Si seleccionó el diseño Carrusel y desea que las imágenes del roten de manera automática. sin que el visitante deba Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Además.Puede elegir mostrar la galería de imágenes con un diseño de Grilla. el texto deberá ser oscuro.6 por Elegant Themes . Si trabaja con un fondo claro. en caso de tener uno o ambos.Documentación · elegantthemes.  Color de texto – Aquí puede elegir el contraste del texto.  Mostrar paginación – Active o desactive la paginación. separado en páginas.  Imágenes de la Galería – Haga clic en el botón Actualizar Galería para seleccionar las imágenes que desee mostrar. al hacer clic en cualquiera de las imágenes. o con un Carrusel. el texto deberá ser claro.com.  Diseño – Intercambie los distintos tipos de presentación (Carrusel o Grilla).com Página: 116 . Si trabaja con un fondo oscuro.ar Divi 2. se abrirán en tamaño completo dentro de una ventana de Lightbox.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Color de texto – Si la barra lateral se muestra sobre un fondo claro. Las Barras laterales pueden agregarse en cualquier página. el color del texto debería ser claro. Si la barra lateral se muestra sobre un fondo oscuro.6 por Elegant Themes . Puede seleccionar cualquiera de sus áreas personalizadas de widgets desde este menú desplegable.  Velocidad de animación automática (en milisegundos) – Aquí puede designar cuán largo será el intervalo de transición de cada imagen. Elija en qué lado de la página aparecerá la barra lateral. el módulo Galería aparecerá con el rótulo Galería en el constructor. dándole la posibilidad de crear barras únicas para distintas secciones de su sitio. Cuanto mayor sea el número. Barra lateral Divi le permite crear un número ilimitado de áreas listas para incluir widgets.presionar los botones. si está activada la opción Animación automática.  Rótulo de administración – Por defecto. Este ajuste controla la orientación del contenido y la posición del borde.  Área de widget – El módulo Barra lateral usa áreas de widgets que usted puede crear desde el menú Apariencia > Widgets. el color del texto debería ser oscuro.ar Divi 2.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com Página: 117 . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com.Documentación · elegantthemes.  Orientación – Puede situar las barras laterales donde desee. active esta opción y luego defina la velocidad de rotación en el siguiente campo. más tiempo transcurrirá entre cada rotación.

ar Divi 2.  Mostrar paginación – Elija si desea mostrar o no la paginación en esta lista. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Mostrar título – Elija si desea mostrar o no los títulos de los proyectos. Necesitará tener proyectos creados para que aparezcan dentro de este módulo. Portfolio Con el módulo Portfolio puede hacer alarde de sus trabajos en cualquier parte del sitio y en cualquier estructura de columnas. Todas las categorías de proyectos que haya creado se mostrarán aquí y podrá seleccionarlas o deseleccionarlas.  Número de entradas – Defina el número de proyectos que desea mostrar.com.com Página: 118 .Documentación · elegantthemes.  Rótulo de administración – Por defecto. Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Diseño – Puede elegir mostrar sus proyectos con un diseño en Grilla o en Ancho completo. el módulo Barra lateral aparecerá con el rótulo Barra lateral en el constructor.  Mostrar categorías – Elija si desea mostrar o no las categorías de los proyectos.6 por Elegant Themes .  Incluir categorías – Seleccione las categorías que desea incluir en la lista de proyectos.

el color del texto debería ser oscuro.  Formato de fecha – Defina el formato de fecha que desea mostrar en las entradas del blog. Puede combinar módulos de blog y de barras laterales para crear la estructura clásica de un blog.ar Divi 2. El formato predeterminado es M j.  Número de entradas – Defina el número de entradas que desea mostrar.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.6 por Elegant Themes . Color de texto – Si el portfolio se muestra sobre un fondo claro. el cual puede colocarse en cualquier parte del sitio y con varios formatos. dos o tres columnas.com Página: 119 .com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si el portfolio se muestra sobre un fondo oscuro. el color del texto debería ser claro.  Incluir categorías – Seleccione las categorías que desea incluir en la lista de entradas. el módulo Portfolio aparecerá con el rótulo Portfolio en el constructor.  Rótulo de administración – Por defecto. Necesitará tener entradas creadas para que aparezcan dentro de este módulo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. 2014). o blogs de una. Blog Con Divi.Documentación · elegantthemes. Todas las categorías de entradas que haya creado se mostrarán aquí y podrá seleccionarlas o deseleccionarlas. Y (Enero 6.  Diseño – Puede elegir mostrar las entradas del blog con un diseño en Grilla o en Ancho completo. hasta los blogs son un módulo.

El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com Página: 120 .  Botón Leer más – Elija si desea mostrar o no el enlace Leer más a continuación del extracto.com. Si el blog se muestra sobre un fondo oscuro. el color del texto debería ser oscuro.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Mostrar fecha – Elija si desea mostrar o no la fecha en la cual fue creada la entrada.Vea la Documentación de WordPress para obtener más opciones de formato de fecha.  Contenido – Si muestra el contenido completo en la página índice las entradas no aparecen cortadas. Si muestra el extracto. Barras de progreso Las Barras de progreso representan una manera moderna y efectiva de mostrar estadísticas a sus visitantes.  Rótulo de administración – Por defecto. el módulo Blog aparecerá con el rótulo Blog en el constructor.  Superposición de imagen destacada – Elija si desea mostrar un icono y un color de superposición cuando el visitante pase el puntero del ratón sobre la imagen destacada de una entrada.  Mostrar paginación – Elija si desea mostrar o no la paginación en esta lista. el color del texto debería ser claro. deberá instalar el plugin WP-Pagenavi.ar Divi 2.  Mostrar imagen destacada – Esta opción le permite mostrar o no las miniaturas de las entradas dentro del módulo blog.  Mostrar autor – Elija si desea mostrar o no el autor de cada entrada del blog.Documentación · elegantthemes.  Mostrar número de comentarios – Elija si desea mostrar o no la cantidad de comentarios que hay en cada entrada.  Color del texto – Si el blog se muestra sobre un fondo claro. La animación es lanzada en forma diferida al Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Para activar la paginación.  Número de compensación – Elija desde cuántas entradas efectuar compensación (número de entradas recientes que se omitirán).6 por Elegant Themes . solo se mostrará una breve parte del texto.  Mostrar categorías – Elija si desea mostrar o no las categorías de las entradas.

Comience haciendo clic en Añadir Barra de progreso en la parte superior de la ventana modal de opciones.ar Divi 2. el color del texto debería ser oscuro. con el selector de color.6 por Elegant Themes . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Rótulo de administración – Por defecto. y puede usar dentro de este módulo todas las barras que desee. con el selector de color. Si se muestran sobre un fondo oscuro. el color del texto debería ser claro.com.com Página: 121 .  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.navegar por la página.  Guardar – Luego de hacer clic en el botón Guardar de los ajustes de la barra. en donde podrá agregar una Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.  Color de texto – Si las barras se muestran sobre un fondo claro. el módulo Barras de progreso aparecerá con el rótulo Barras de progreso en el constructor.  Usar porcentajes – Elija si desea mostrar el número con o sin el signo de porcentaje.  Color de fondo de la barra – Puede darles a las barras de porcentaje el color que desee. Así añadirá la primera barra y verá los ajustes correspondientes:  Título – El título que escriba aquí será usado para la etiqueta de esta barra.  Color de fondo – Puede darles a las barras el color de fondo que desee.  Porcentaje – Defina aquí el porcentaje para esta barra. volverá a los ajustes del módulo.

Para esto. AWeber y FeedBurner. debe conectarse primero con su cuenta de AWeber. Busque en la pestaña General la opción Autorización de AWeber y obtenga su código único.Documentación · elegantthemes. Luego copie y pegue el código en el campo de configuración del panel de opciones y haga clic en el botón Establecer conexión para confirmar la conexión y vincularla con su cuenta.  AWeber – Antes de que pueda usar este módulo con AWeber. Suscripción Incrementar las suscripciones a listas de correo es fácil con este módulo. visite el menú Divi > Opciones del tema del administrador de WordPress. AWeber y FeedBurner.ar Divi 2. y arrastrar y soltar para reordenar las barras existentes. debe conectarse primero con su cuenta de MailChimp. El módulo actualmente incluye integración con MailChimp. borrar o editar barras.com. visite el menú Divi > Opciones del tema del administrador de WordPress. Configuración en panel de opciones del tema  MailChimp – Antes de que pueda usar este módulo con MailChimp. Para esto.com Página: 122 . Busque en la pestaña General la opción Clave API de MailChimp. Su cuenta estará conectada. Posee soporte para los servicios MailChimp.nueva barra.6 por Elegant Themes . Configuración del módulo  Proveedor del servicio – Aquí puede elegir el proveedor de la lista de correos que esté usando. introduzca su clave API y haga clic en el botón Guardar cambios. Seleccione el proveedor de la lista y continúe con las opciones siguientes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Aquí encontrará más información sobre cómo obtener su clave API.

Documentación · elegantthemes. debe asegurarse de que AWeber está configurado correctamente en el panel de Opciones del tema y que al menos tiene una lista creada en su cuenta de AWeber. pero no aparece aquí. aparecerá esta opción. Así es como identificará su cuenta de FeedBurner. Si no ve ninguna lista aquí.  Color de texto – Si el módulo se muestra sobre un fondo claro.  Listas de AWeber – Si seleccionó AWeber como proveedor. Deberá escribir el título de su Feed. Si agregó una nueva lista.6 por Elegant Themes . No olvide desactivarla una vez que la lista ha sido regenerada. Elija el mismo color en el fondo de la sección para crear la apariencia de un bloque de ancho completo o sin bordes. pero no aparece aquí. el color del texto debería ser oscuro. Listas de MailChimp – Si seleccionó MailChimp como proveedor. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. active la opción Regenerar listas de AWeber en el panel de opciones. el color del texto debería ser claro. Aquí puede elegir una lista de AWeber para agregar clientes. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Aquí puede elegir una lista de MailChimp para agregar clientes. centrado o alineado a la derecha.  Texto del botón – Defina aquí el texto para el botón de suscripción.  Usar color de fondo – Elija si se muestra o no el color de fondo asignado en el siguiente campo. active la opción Regenerar listas de MailChimp en el panel de opciones.com Página: 123 . el módulo Suscripción aparecerá con el rótulo Suscripción en el constructor.  Color de fondo – Puede darle al bloque de suscripción cualquier color que desee. el cual podrá encontrar aquí. debe asegurarse de que se ha introducido la clave API de MailChimp en el panel de Opciones del tema y que al menos tiene una lista creada en su cuenta de MailChimp. aparecerá esta opción.  Contenido – En este campo puede introducir el contenido del módulo Suscripción.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Título del Feed – Si seleccionó FeedBurner como proveedor. aparecerá esta opción.com. usando este selector.ar Divi 2. Si agregó una nueva lista. No olvide desactivarla una vez que la lista ha sido regenerada.  Título – Escriba aquí el título para el formulario de suscripción. Si se muestra sobre un fondo oscuro. Si no ve ninguna lista aquí.  Rótulo de administración – Por defecto.

Estos módulos pueden ir dentro de cualquier tipo de columna y cuando se combinan con otros módulos el resultado es más dinámico.  Contenido – En este campo deberá introducir el contenido del cuerpo del texto. o se pueden incluir como una columna de ancho completo que ocupe toda la página. El texto ocupará el ancho completo de la columna que lo contiene.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda.Texto El Texto puede colocarse en cualquier parte de la página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el módulo Texto aparecerá con el rótulo Texto en el constructor.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com Página: 124 . Cuando agregue un módulo de Texto.6 por Elegant Themes . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. el color del texto debería ser claro.com. el color del texto debería ser oscuro. tendrá todas las opciones de edición que existen en una página convencional de WordPress. El módulo Texto puede usarse para crear pequeñas porciones de información dentro de un diseño complejo. Si se muestra sobre un fondo oscuro.ar Divi 2.Documentación · elegantthemes.  Color de texto – Si el módulo se muestra sobre un fondo claro. centrado o alineado a la derecha.  Rótulo de administración – Por defecto.

Conmutador
Los Conmutadores son una herramienta para consolidar y ordenar información,
además de mejorar la experiencia del usuario dentro de la página. Puede crear
la cantidad de conmutadores que desee, los cuales lucirán genial en columnas
de cualquier tamaño.

Título – Escriba aquí el título del conmutador.

Estado – Puede elegir mostrar el conmutador abierto o cerrado con este
menú desplegable.

Contenido – En este campo puede introducir el contenido del
conmutador.

Desactivar en – Seleccione el dispositivo en el cual desea desactivar este
módulo.

Rótulo de administración – Por defecto, el módulo Conmutador
aparecerá con el rótulo Conmutador en el constructor. El rótulo de
administración le permite cambiar esta etiqueta para identificarlo más
fácilmente.

Pestañas
Las Pestañas son también otra herramienta para consolidar y ordenar
información, además de mejorar la experiencia del usuario dentro de la página.
Puede crear la cantidad de pestañas que desee, las cuales lucirán genial en
columnas de cualquier tamaño. En ¼ de columna los botones de la pestaña son
apilados y se mantienen visibles. En columnas de mayor ancho, los botones de la
Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 125

pestaña se disponen en una fila horizontal. Puede incluir toda clase de contenido
dentro de una pestaña, ya que este contenido se controla con el editor
convencional de las páginas de WordPress.

Añadir Pestaña - Comience haciendo clic en Añadir Pestaña en la parte
superior de la ventana modal de opciones. Así añadirá la primera pestaña
y verá los ajustes correspondientes.

Título – El título que escriba aquí se mostrará dentro del botón para esta
pestaña.

Contenido – En este campo puede introducir el contenido del cuerpo de
la pestaña actual.

Guardar - Luego de hacer clic en el botón Guardar de los ajustes de
pestaña, volverá a los ajustes del módulo, en donde podrá agregar una
nueva pestaña, borrar o editar pestañas, y arrastrar y soltar para
reordenar las pestañas existentes.

Desactivar en – Seleccione el dispositivo en el cual desea desactivar este
módulo.

Rótulo de administración – Por defecto, el módulo Pestañas aparecerá
con el rótulo Pestañas en el constructor. El rótulo de administración le
permite cambiar esta etiqueta para identificarlo más fácilmente.

Formulario de contacto
La comunicación es la piedra fundamental de cualquier negocio. Con Divi, puede
agregar Formularios de contacto fácilmente en cualquier parte del sitio. Divi 2.6
permite añadir nuevos campos de texto, además de los predeterminados
Nombre, Correo electrónico y Mensaje.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 126

Mostrar Captcha – Para mayor seguridad puede mostrar un CAPTCHA en
el formulario de contacto, seleccionándolo de este menú desplegable.

Correo electrónico – Escriba la dirección de correo electrónico donde
deberían ser enviados los mensajes desde este formulario.

Título – Defina aquí el título para el formulario de contacto.

Patrón del mensaje – En este campo puede definir el patrón
personalizado para el mensaje de correo electrónico. Los campos se
deben incluir en siguiente formato: %%id_campo%%. Por ejemplo, si desea
incluir el campo con la ID telefono y el campo con la ID mensaje, puede
usar el siguiente patrón: Mi mensaje es %%mensaje%% y número de
teléfono es %%telefono%%. Si deja el campo en blanco se usará el mensaje
predeterminado.

Activar redirección de URL – Si selecciona esta opción, el usuario será
redirigido luego del envío exitoso a la URL que especifique a continuación.

URL de redirección – Introduzca aquí la URL de redirección.

Mensaje de éxito – Introduzca aquí el mensaje que desea mostrar luego
del envío exitoso del formulario. Deje el campo en blanco para usar el
predeterminado.

Desactivar en – Seleccione el dispositivo en el cual desea desactivar este
módulo.

Rótulo de administración – Por defecto, el módulo Formulario de
contacto aparecerá con el rótulo Formulario de contacto en el constructor.
El rótulo de administración le permite cambiar esta etiqueta para
identificarlo más fácilmente.

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.ar
Divi 2.6 por Elegant Themes - Documentación · elegantthemes.com

Página: 127

6 por Elegant Themes . el cual admite textos extensos.  Tipo – Seleccione aquí el tipo de campo que está insertando: Campo de entrada de texto. volverá a los ajustes del módulo. el cual ocupa una línea y admite textos breves. y arrastrar y soltar para reordenar los campos existentes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. por ejemplo.  Campo obligatorio – Aquí puede definir si el campo debe ser obligatorio u opcional.ar Divi 2. Estos módulos solo pueden agregarse en Secciones de ancho completo. el cual ocupa una línea y solo admite direcciones de correo electrónico. que será mostrado dentro del campo. Así añadirá un campo más y verá los ajustes correspondientes:  ID del campo – Defina aquí una ID única para el campo.com. preferentemente en minúsculas. el campo tomará el 100% del ancho del área que lo contiene. Use únicamente caracteres en inglés.Para añadir un campo personalizado haga clic en Añadir Campo en la parte superior de la ventana modal de opciones.  Título – Escriba aquí el título. telef.  Ancho completo – Si activa este ajuste. por ejemplo. Campo “Correo electrónico”.  Guardar – Luego de hacer clic en el botón Guardar de los ajustes del campo. o Área de texto. a su elección).Documentación · elegantthemes. en donde podrá agregar un nuevo campo.com Página: 128 . de lo contrario ocupará el 50%. Teléfono. borrar o editar campos. Encabezado de ancho completo El módulo Encabezado de ancho completo simplifica el proceso de agregar elegantes y coloridos encabezados en la parte superior de sus páginas (o en cualquier parte de la página.  Título – Introduzca el título para la página aquí. sin caracteres especiales ni espacios.

 URL del botón #1 – Introduzca la URL para el primer botón.  Título del logo – Esto define el texto de la etiqueta HTML title.  Color de fondo – Puede darle al encabezado cualquier color que desee. El subtítulo aparecerá debajo del título. usando este selector.  URL de la imagen de encabezado – Suba la imagen que desee. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Aquí puede usarse una descripción corta de la imagen.  Color de texto – Aquí puede elegir el contraste del texto.com Página: 129 .  Contenido – Aquí puede definir el contenido que será mostrado debajo del encabezado. agréguelo aquí.  URL de la imagen del logo – Suba la imagen que desee.  Alineación vertical de la imagen – Esto controla la orientación de la imagen dentro del módulo.  Texto del botón #1 – Introduzca el texto para el primer botón. o introduzca la URL de la imagen que quiera mostrar. el texto deberá ser claro. el texto deberá ser oscuro.  Texto del botón #2 – Introduzca el texto para el segundo botón.ar Divi 2. en una tipografía más pequeña.com.Documentación · elegantthemes.  Pantalla completa – Aquí puede elegir si el encabezado se expande al tamaño de la pantalla completa. el cual se colocará sobre la imagen de fondo. Si trabaja con un fondo claro. creando un asombroso efecto denominado Parallax.  Mostrar botón 'Desplazar hacia abajo' – Aquí puede elegir si se muestra el botón Desplazar hacia abajo.  Color de superposición de fondo – Elija una color de superposición.  Texto alternativo de imagen del logo – Esto define el texto de la etiqueta HTML alt.  URL del botón #2 – Introduzca la URL para el segundo botón. la imagen de fondo permanecerá fija al desplazar la página. o introduzca la URL de la imagen que quiera mostrar.  Usar efecto Parallax – Si se activa.6 por Elegant Themes . o introduzca la URL de la imagen que quiera mostrar.  URL de la imagen de fondo – Suba la imagen que desee. Texto del subtítulo – Si desea usar un subtítulo. Puede crear atractivos efectos de superposición semitransparente sobre las imágenes de fondo.  Orientación del texto y logo – Esto controla la alineación del texto dentro de este módulo. Si trabaja con un fondo oscuro.

la lista de proyectos se regenera instantáneamente con una nueva lista de proyectos de la categoría seleccionada. Cuando se selecciona una categoría en particular. Los proyectos de categorías que no estén seleccionadas. Ancho completo mostrará un proyecto por fila. este módulo aparecerá con el rótulo Encabezado de ancho completo en el constructor.  Diseño – Elija el estilo deseado para el portfolio.  Incluir categorías – Seleccione las categorías que desea incluir en la lista de proyectos. Portfolio por filtros El Portfolio por filtros le permite mostrar sus proyectos más recientes con una estructura estándar o en grilla. no se mostrarán en la lista.  Rótulo de administración – Por defecto. si lo desea. salvo por cargar los nuevos proyectos usando peticiones de Ajax.  Mostrar título – Escriba un título. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Este portfolio se ve igual al del módulo Portfolio.  Número de entradas – Defina el número de proyectos que desea mostrar. y por incluir la opción de filtrar los proyectos por categorías.ar Divi 2. en tanto Grilla mostrará todos los proyectos en una grilla con múltiples proyectos por fila.Documentación · elegantthemes. Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el cual se mostrará en la parte superior de la lista de proyectos.com Página: 130 .6 por Elegant Themes . antes de que se use la paginación.

Audio El módulo Audio le permite incrustar un archivo de audio en un reproductor personalizado y colocarlo en cualquier parte de la página.com Página: 131 . o para publicar Podcasts.  Mostrar paginación – Esta opción activa/desactiva la paginación. se mostrará solo una página de proyectos para cada categoría.Elija si desea mostrar o no las categorías debajo de los proyectos. el color del texto debería ser claro.6 por Elegant Themes .com. Si se muestra sobre un fondo oscuro. Este es un componente importante para músicos que desean mostrar sus creaciones.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el color del texto debería ser oscuro. Para eliminar un archivo de audio del módulo.  Rótulo de administración – Por defecto. Si el módulo se muestra sobre un fondo claro. este módulo aparecerá con el rótulo Portfolio por filtros en el constructor.  Color de texto – Aquí puede elegir el contraste del texto. simplemente borre la URL introducida en este campo. Haga clic en el botón Subir archivo de audio Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2. en el área de metadatos de entrada.  Audio – Defina el archivo de audio para usar en este módulo. Mostrar categorías .Documentación · elegantthemes. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. El reproductor posee un estilo moderno y simple. Si la paginación está desactivada.

Mapa El módulo Mapa simplifica el proceso de incrustar un mapa de Google en cualquier parte de la página. El módulo Mapa también está disponible en formato de ancho completo. Si se muestra sobre un fondo oscuro. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  URL de la imagen de tapa – Las imágenes de tapa se muestran a la izquierda o arriba de los controles de audio (dependiendo del ancho de la columna).  Color de texto – Aquí puede elegir el contraste del texto.para subir un archivo de audio desde su equipo y poder usarlo en el reproductor de audio. el cual será mostrado en el reproductor de audio debajo del título.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com Página: 132 .  Título – El título del módulo audio se muestra dentro del reproductor de audio.com. Por lo general. el color del texto debería ser oscuro.  Nombre del álbum – Aquí puede introducir el nombre del álbum. este será el nombre de la canción o pista. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.ar Divi 2. el cual será mostrado en el reproductor de audio debajo del título. Incluso puede agregarle ilimitados marcadores de ubicación y definir una ubicación personalizada como zona de partida.  Rótulo de administración – Por defecto. el color del texto debería ser claro. Haga clic en el botón Cargar imagen para subir la imagen desde su equipo y mostrarla como tapa. Si el módulo se muestra sobre un fondo claro.6 por Elegant Themes . junto al nombre del artista. este módulo aparecerá con el rótulo Audio en el constructor.Documentación · elegantthemes.  Nombre del artista – Aquí puede introducir el nombre del artista.

com. Esto es útil si tiene varios marcadores y quiere mostrar el zoom del mapa en una ubicación específica. Este texto aparecerá en el recuadro al posar el puntero del ratón sobre el marcador en el mapa.  Rótulo de administración – Por defecto. Pueyrredón 650. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Este texto aparecerá en el recuadro al hacer clic sobre el marcador en el mapa.  Contenido – Al crear un nuevo marcador. Simplemente introduzca la dirección en formato estándar. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2. Ciudad de Córdoba.  Dirección del marcador en el mapa – Esta es la ubicación específica en el mapa donde aparecerá el nuevo marcador.6 por Elegant Themes .  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. como por ejemplo “Av. Escriba la dirección en formato estándar.com Página: 133 . Ajustes de marcador individual  Título – Al crear un nuevo marcador. puede asignarle un bloque con contenido de texto. la cual será mostrada en el mapa a continuación.Ajustes generales del módulo  Dirección central del mapa – Escriba una dirección como punto central para el mapa.”  Zoom con la rueda del ratón – Aquí puede elegir si el nivel del zoom se controla con la rueda del ratón o no. este módulo aparecerá con el rótulo Mapa en el constructor. puede asignarle un título.Documentación · elegantthemes.

 La URL se abre – Aquí puede elegir si el enlace se abre en la misma ventana o no. Puede alternar entre Circular o Rectángulo redondeado. y situar el módulo en cualquier parte de la página. Estos iconos están integrados al tema. y evitan usar un servicio de marcadores de servicios externos. Si se muestra sobre un fondo oscuro. Si está desactivado. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el color del texto debería ser oscuro. Twitter. Puede agregar enlaces a múltiples perfiles dentro de cada módulo.  Rótulo de administración – Por defecto. Si el módulo se muestra sobre un fondo claro. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. este módulo aparecerá con el rótulo Redes sociales en el constructor. Google+. el color del texto debería ser claro.  Color de texto – Aquí puede elegir el contraste del texto. Ajustes generales del módulo  Forma del enlace – Aquí puede elegir la forma de los iconos de las redes sociales.ar Divi 2.6 por Elegant Themes .Redes sociales Los módulos de Redes sociales le permiten crear enlaces tipo icono que apuntan a sus perfiles en redes sociales.  Botón Seguir – Aquí puede elegir si se muestra o no el botón Seguir junto al icono.com Página: 134 .  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com.Documentación · elegantthemes. se mostrará únicamente el logo del icono. etc. tales como Facebook.

se usará el logo correspondiente y el color de fondo predeterminado. también puede escoger un color personalizado.com.ar Divi 2. Diseñador Gráfico”. en donde puede crear una pequeña sección de biografía para cada miembro. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  URL de la cuenta – Introduzca la URL completa de su perfil en la red social.com Página: 135 . Persona El módulo Persona es la mejor herramienta para crear un bloque de información de perfil personal.  Nombre – Este es el nombre de la persona que está presentando. A esta página apuntará el enlace. Por defecto. Este módulo combina texto. El nombre se muestra en la parte superior del módulo en un texto con tipografía más grande.Ajustes de botones individuales  Red social – Elija la red social a la cual desea enlazar. Sin embargo. A menudo esto se utiliza para describir el puesto de trabajo de la persona dentro de un equipo. se muestra el color que coincide con la identidad corporativa de la red social que ha elegido. imagen y enlaces a redes sociales en un solo lugar. “Nick Roach. con una tipografía más pequeña.6 por Elegant Themes .  Color del icono – Seleccione el color para usar como fondo del botón. Dependiendo de la red que seleccione. Por ejemplo.  Puesto – Este texto se mostrará debajo del nombre. Es especialmente conveniente en páginas como Sobre nosotros o Staf.Documentación · elegantthemes.

 Animación – Por defecto. o desactivarla si lo desea. Cuando se combina con una Página en blanco (plantilla Blank Page) puede crear páginas individuales de presentación o “En mantenimiento”. Esto es útil para crear una página “Próximamente” que genere expectativa de un nuevo evento. Aquí puede elegir la dirección de la animación. Si se muestra sobre un fondo oscuro. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Color de texto – Aquí puede elegir el contraste del texto. o deje el campo en blanco para no mostrar el icono de LinkedIn. este módulo aparecerá con el rótulo Persona en el constructor. o deje el campo en blanco para no mostrar el icono de Twitter. Si el módulo se muestra sobre un fondo claro. el color del texto debería ser claro.Documentación · elegantthemes. el color del texto debería ser oscuro.  URL del perfil de Google+ – Escriba la URL de la página de Google+.  URL del perfil de Facebook – Escriba la URL de la página de Facebook.ar Divi 2.  URL del perfil de LinkedIn – Escriba la URL de la página de LinkedIn. o deje el campo en blanco para no mostrar el icono de Google+.6 por Elegant Themes . Cuenta regresiva El módulo Cuenta regresiva crea un reloj numérico que mostrará el tiempo faltante hasta determinada fecha. las imágenes aparecen al tiempo que el visitante desplaza la página. producto o servicio. o deje el campo en blanco para no mostrar el icono de Facebook. URL de la imagen – Aquí puede subir una foto para usar en el módulo.com Página: 136 .  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  URL del perfil de Twitter – Escriba la URL de la página de Twitter.  Rótulo de administración – Por defecto. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com.  Descripción – Introduzca aquí el texto principal o biografía de la persona.

Aquí puede elegir el contraste del texto.  Color de fondo – Aquí puede definir un color de fondo personalizado para la cuenta regresiva. Si selecciona “Sí”.ar Divi 2. Título de la Cuenta regresiva – Este es el título que se mostrará en la cuenta regresiva.Documentación · elegantthemes. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Usar color de fondo – Elija si desea mostrar o no un color de fondo para este módulo.  Color de texto . el color del texto debería ser oscuro.6 por Elegant Themes . este módulo aparecerá con el rótulo Cuenta regresiva en el constructor. La fecha debe ser futura.com Página: 137 . Se colocará arriba de los números hasta los cuales se cuenta. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Cuando se desplaza por la página. podrá elegir el color del selector para el fondo. Contador circular El Contador circular le brinda un atractivo visual para mostrar una estadística única. Si el módulo se muestra sobre un fondo claro.  Rótulo de administración – Por defecto.com. Puede combinar múltiples contadores circulares en una misma página para darles a los visitantes la posibilidad de conocer sus habilidades y las de su equipo.  Cuenta regresiva hasta – Elija una fecha para la cuenta regresiva.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el número avanza y el gráfico circular va completando hasta el porcentaje de base. Si se muestra sobre un fondo oscuro. el color del texto debería ser claro.

este módulo aparecerá con el rótulo Contador circular en el constructor. si introduce el número 20. el círculo se llenará hasta el 50% con ese color. La extensión de la barra está controlada por el número seleccionado anteriormente.  Rótulo de administración – Por defecto.  Color del texto – Aquí puede elegir el contraste del texto. Por lo general. Si se muestra sobre un fondo oscuro. Por ejemplo. Por ejemplo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si elige un número menor de 100. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. el gráfico circular se llenará hasta el porcentaje que corresponda a ese número. Si seleccionó el número 50 y el color azul.ar Divi 2. El título aparecerá debajo del número dentro del contador circular. Título – Escriba un título para el contador circular. Si el módulo se muestra sobre un fondo claro. Este módulo se usa comúnmente para presentar estadísticas sobre usted o su empresa.com Página: 138 . o los productos vendidos. será una palabra que represente la estadística que está mostrando.  Color de fondo de la barra – Esto cambiará el color de relleno de la barra.6 por Elegant Themes . puede mostrar la cantidad de clientes.  Número – Defina un número para el contador circular.Documentación · elegantthemes.com. Contador numérico El Contador numérico sirve para mostrar números de manera más dinámica e interesante. el color del texto debería ser claro.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. o los seguidores de Facebook.  Signo de porcentaje – Aquí puede elegir si el signo de porcentaje debe añadirse al número seleccionado anteriormente. el círculo se llenará hasta el 20% con el color elegido. el color del texto debería ser oscuro.

 Número – Este es el número hasta el cual se contará.  Signo de porcentaje – Aquí puede elegir si el signo de porcentaje debe añadirse al número seleccionado anteriormente. Los acordeones son muy similares a las Pestañas. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Mientras desplaza la página y llegue hasta el contador.6 por Elegant Themes .  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. Este título se mostrará debajo del texto. Acordeón El módulo Acordeón es otra herramienta para consolidar y ordenar información dentro de un mismo sistema. el color del texto debería ser oscuro.  Color del número – Esto cambiará el color del número. Título – Escriba un título para el contador.  Color del texto – Aquí puede elegir el contraste del texto. el abierto previamente se cierra y se muestra el nuevo contenido. este módulo aparecerá con el rótulo Contador numérico en el constructor. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si se muestra sobre un fondo oscuro. en una tipografía más pequeña.com. el color del texto debería ser claro. Si el módulo se muestra sobre un fondo claro. salvo que los ítems se muestran en una lista vertical. Cuando se abre un nuevo ítem de la lista.Documentación · elegantthemes.  Rótulo de administración – Por defecto. el número rápidamente contará desde cero hasta que llegue a la cifra definida aquí. Aquí debe introducir únicamente números.com Página: 139 .ar Divi 2.

 Título – El título se mostrará cuando el elemento esté cerrado dentro del acordeón. Inicio de sesión El módulo Inicio de sesión muestra un formulario de inicio de sesión de WordPress con el estilo del tema.Ajustes básicos del módulo  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Contenido – El contenido se muestra dentro del recuadro del elemento.ar Divi 2.com Página: 140 . y en cualquier parte de la página.Documentación · elegantthemes. Si usted usa su sitio como sistema de membresía. este módulo aparecerá con el rótulo Acordeón en el constructor. cuando el acordeón ha sido abierto. y arriba del texto del contenido cuando el acordeón haya sido abierto. agregar un formulario directamente en una página puede ser muy útil (en lugar de redirigir a la página predeterminada de WordPress que está fuera del diseño del sitio).6 por Elegant Themes . Confeccionada y traducida por Ana Ayelén Martínez · caribdis. debajo del título. Ajustes de elementos del módulo Para cada módulo Acordeón puede agregar múltiples elementos (pestañas dentro del mismo acordeón).com. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Rótulo de administración – Por defecto.

De lo contrario.  Redirigir a la página actual – Aquí puede elegir si el usuario es redirigido a la página actual una vez iniciada sesión. el color del texto debería ser oscuro. Título – El título aparecerá dentro del recuadro de inicio de sesión.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. use este campo.  Usar color de fondo – Si desea que el formulario de inicio de sesión se muestre sobre un fondo con un color sólido. Si el módulo se muestra sobre un fondo claro. Si eligió desactivar el color de fondo en la opción anterior.com.  Rótulo de administración – Por defecto.6 por Elegant Themes . tan solo déjelo en blanco (se mostrarán únicamente los campos y botón del formulario).  Contenido – El contenido será mostrado dentro del bloque que contendrá el formulario de inicio de sesión.ar Divi 2. este ajuste no tendrá efecto.  Color de fondo – Seleccione un color de fondo para el bloque que contendrá el formulario de inicio de sesión. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Si desea incluir una descripción adicional.  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda. el color del texto debería ser claro. centrado o alineado a la derecha. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com Página: 141 . debajo del título. seleccione “Sí” en esta opción y se usará el color de fondo que elija en la siguiente opción. este módulo aparecerá con el rótulo Inicio de sesión en el constructor.  Color del texto – Aquí puede elegir el contraste del texto. arriba del formulario. Si se muestra sobre un fondo oscuro.Documentación · elegantthemes.

El rótulo de Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.6 por Elegant Themes .Menú de ancho completo El módulo Menú de ancho completo le permite colocar un menú de navegación en cualquier parte de la página. centrado o alineado a la derecha. Esto puede ser útil para añadir un menú secundario.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Rótulo de administración – Por defecto. Si se muestra sobre un fondo oscuro. el color del texto debería ser oscuro. Si el módulo se muestra sobre un fondo claro. este módulo aparecerá con el rótulo Menú de ancho completo en el constructor. este módulo le permite mover el menú de navegación adonde desee.  Menú – Seleccione un menú que haya creado desde Apariencia > Menús para usar en este módulo.  Los submenús se abren – Elija la dirección en la cual se abrirán los submenús (hacia arriba o hacia abajo). el color del texto debería ser claro.  Color de fondo – Use el selector de color para elegir un color de fondo para este módulo. En esencia.Documentación · elegantthemes. o puede usarse en conjunto con la Página en blanco (Blank Page) para mover el menú principal a un lugar más abajo.ar Divi 2.  Color del texto – Aquí puede elegir el contraste del texto.com Página: 142 .  Orientación del texto – Este menú desplegable le permite especificar la orientación del texto: alineado a la izquierda.

ar Divi 2. Grilla mostrará todos los elementos en una columna múltiple y en un diseño de varias filas. Los proyectos de categorías que no estén seleccionadas. Portfolio de ancho completo El módulo Portfolio de ancho completo funciona igual que el módulo Portfolio. También incluye dos diseños nuevos: Grilla y Carrusel.  Incluir categorías – Seleccione las categorías que desea mostrar.  Mostrar fecha – Elija si se mostrará o no la fecha de cada proyecto cuando se pose el puntero del ratón sobre la imagen correspondiente.Documentación · elegantthemes.administración le permite cambiar esta etiqueta para identificarlo más fácilmente. y puede ser usado por diseñadores y artistas para mostrar una galería de sus últimos trabajos.com Página: 143 . El módulo muestra los proyectos más recientes. Carrusel mostrara los elementos en una sola fila con imágenes contiguas que se deslizará para revelar elementos adicionales en la lista.6 por Elegant Themes .  Diseño – Elija el estilo de diseño que desee usar. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Título del portfolio – Escriba un título para mostrar arriba del portfolio. no se mostrarán en la lista.com. salvo por mostrar los proyectos en todo el ancho del navegador.  Mostrar título – Elija si se mostrará o no el título de cada proyecto cuando se pose el puntero del ratón sobre la imagen correspondiente. o deje el campo en blanco si no desea incluir un título.  Número de entradas – Elija cuántos proyectos se mostrarán o deje el campo en blanco para no limitar la cantidad.

El módulo Mapas también está disponible en formato normal. (Por ejemplo: 1000 = 1 segundo).  Velocidad de rotación automática del carrusel – Aquí puede designar la velocidad de rotación del carrusel.  Rotación automática del carrusel – Si elige la opción de diseño Carrusel y desea que las imágenes pasen automáticamente. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. si selecciona la opción Rotación automática de carrusel. Si el módulo se muestra sobre un fondo claro. Si se muestra sobre un fondo oscuro. Color de texto – Aquí puede elegir el contraste del texto.com.  Rótulo de administración – Por defecto. Mapa de ancho completo El módulo Mapas simplifica el proceso de incrustar un mapa de Google en cualquier parte de la página.Documentación · elegantthemes. el color del texto debería ser oscuro. active este ajuste y luego defina a continuación la velocidad de rotación si lo desea. Cuanto más alto sea el número. sin que el visitante tenga que hacer clic en el botón siguiente. más largo será el intervalo entre cada rotación. este módulo aparecerá con el rótulo Portfolio de ancho completo en el constructor. el color del texto debería ser claro.ar Divi 2.6 por Elegant Themes . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com Página: 144 . Incluso puede agregarle ilimitados marcadores de ubicación y definir una ubicación personalizada como zona de partida.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.

tal como se describe en la documentación de WooCommerce. WooCommerce es la plataforma que recomendamos. una excelente interfaz. etc. Aunque puede incluir varios módulos de WooCommerce.Ajustes generales del módulo  Dirección central del mapa . Escriba la dirección en formato estándar.com Página: 145 ..Documentación · elegantthemes.com. Puede encontrar documentación completa sobre WooCommerce aquí. También puede crear enlaces directos a Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Rótulo de administración – Por defecto. Este texto aparecerá en el recuadro al hacer clic sobre el marcador en el mapa. ya que posee las mejores características. la cual será mostrada en el mapa a continuación.6 por Elegant Themes . Pueyrredón 650. Para integrar WooCommerce deberá instalar la última versión del plugin. puede asignarle un bloque con contenido de texto. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Dirección del marcador en el mapa – Esta es la ubicación específica en el mapa donde aparecerá el nuevo marcador. Ajustes de marcador individual  Título – Al crear un nuevo marcador. y está bien programada. verá que han sido agregadas al menú de WordPress dos secciones nuevas: WooCommerce y Productos. Tienda Divi ha sido diseñado para ser compatible con WooCommerce. Puede usar estas secciones para configurar su tienda y publicar sus productos.”  Zoom con la rueda del ratón – Aquí puede elegir si el nivel del zoom se controla con la rueda del ratón o no. también puede usar WooCommerce independientemente del constructor. Ciudad de Córdoba. como por ejemplo “Av. Simplemente introduzca la dirección en formato estándar.  Contenido – Al crear un nuevo marcador.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. Este texto aparecerá en el recuadro al posar el puntero del ratón sobre el marcador en el mapa. este módulo aparecerá con el rótulo Mapa de ancho completo en el constructor.ar Divi 2. Luego de activar el plugin. puede asignarle un Título. Puede crear páginas estándar para el proceso de compra y para el carrito. Esto es útil si tiene varios marcadores y quiere mostrar el zoom del mapa en una ubicación específica.Escriba una dirección como punto central para el mapa.

com.ar Divi 2.com Página: 146 . Fecha. Vea cómo añadir y administrar productos. Deberá tener productos creados para que aparezcan en este módulo. Valoraciones. el módulo Tienda aparecerá con el rótulo Tienda en el constructor.6 por Elegant Themes .las categorías de WooCommerce. Productos destacados. Las opciones son: Orden predeterminado.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Popularidad.  Tipo – Elija qué tipo de productos desea mostrar en la lista de productos. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Productos en oferta. 4 columnas deberían usarse para una fila de 1 columna. opción que mostrará todos los productos en orden cronológico. 2 columnas deberían usarse para una fila de 1/2 columna. Precio: menor a mayor.  Rótulo de administración – Por defecto.  Número de columnas – Elija cuántas columnas se mostrarán.  Número de entradas – Defina el número de productos que desea mostrar. Esto le da la libertad de hacer casi cualquier cosa que desee.Documentación · elegantthemes. Puede elegir Productos recientes. y Precio: mayor a menor. 1 columna debería usarse para una fila de 1/4 de columna. o usar los códigos abreviados de WooCommerce dentro de un módulo Texto.  Ordenar por – Elija la manera en que serán ordenados los productos. Productos más vendidos o Productos mejor valorados.

 Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com Página: 147 . La línea horizontal tomará el ancho completo de la columna que la contenga. o ambos.com. pero no afectará la altura que especifique en el siguiente campo.Documentación · elegantthemes.Separador El módulo Separador es perfecto para crear una línea horizontal.  Visibilidad – Elija no mostrar el separador si solo necesita agregar espacio vertical.  Color – Elija el color de la línea divisoria de 1 píxel que se creará para este módulo.  Rótulo de administración – Por defecto. espacio vertical personalizado. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.6 por Elegant Themes .ar Divi 2. así como también fondos de vídeo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el módulo Separador aparecerá con el rótulo Separador en el constructor.  Alto – Defina el espacio vertical que se debe agregar debajo del separador (en píxeles). Este elemento sirve para estructurar y organizar mejor sus páginas. Carrusel de ancho completo Divi también le permite situar carruseles dentro de Secciones de ancho completo. para que ocupen todo el ancho del navegador. Si elige mostrar el separador. la línea aparecerá en la parte superior del módulo. Los carruseles de Divi incluyen fondos con efecto Parallax.

Tenga en cuenta que cuando este ajuste está activado. más tiempo transcurrirá entre cada rotación. el módulo Carrusel aparecerá con el rótulo Carrusel en el constructor. si está activada la opción Animación automática. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.Documentación · elegantthemes.  Eliminar sombra interior – Elija si desea mostrar o no la sombra interior de la sección. Comience haciendo clic en Añadir Diapositiva en la parte superior de esta ventana modal de opciones.6 por Elegant Themes .com.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Flechas – Elija si desea mostrar o no las flechas de navegación (izquierda y derecha).ar Divi 2. la imagen de fondo permanecerá fija al desplazar la página.  Usar efecto Parallax – Si activa este ajuste. sin que el visitante deba presionar los botones.  Velocidad de animación automática (en milisegundos) – Aquí puede designar cuán largo será el intervalo de transición de cada imagen del carrusel.  Controles – Elija si desea mostrar o no los botones circulares/indicadores de pases en la parte inferior del carrusel. Así añadirá el primer pase y verá los ajustes de la diapositiva correspondiente:  Encabezado – Defina el título para su diapositiva aquí.com Página: 148 . las imágenes se escalarán a la altura del navegador. active esta opción y luego defina la velocidad de rotación en el siguiente campo.  Animación automática – Si desea que las imágenes del carrusel roten de manera automática. Cuanto mayor sea el número.  Rótulo de administración – Por defecto.

com. 1280 x 768 píxeles).ar Divi 2. El ancho del carrusel está determinado por la estructura de columnas dentro de la cual está situado.  Posición de la imagen de fondo – Elija la posición de la imagen de fondo. el carrusel tomará la altura de la imagen más alta.Documentación · elegantthemes. sobre el fondo del pase. ya que tomarán el ancho o la altura de la ventana del navegador (por ejemplo. recomendamos que las imágenes sean al menos del tamaño estándar de una pantalla.6 por Elegant Themes . si la imagen tiene la altura suficiente se mostrará alineada en la parte inferior de la diapositiva. La altura de una diapositiva está determinada por la cantidad de texto que agregue al contenido. Texto del botón – Si desea mostrar un botón debajo del contenido de la diapositiva. Para quitar la imagen de fondo. Si tiene varias diapositivas. Recomendamos que las imágenes del carrusel tengan al menos el ancho de la columna que lo contenga. simplemente borre la URL del campo de configuración. esta imagen se usará como fondo para este módulo. Si no especifica una imagen de diapositiva. se mostrará únicamente un texto centrado.  URL del botón – Si muestra un botón.  Tamaño de imagen de fondo – Elija el tamaño de la imagen de fondo. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Imagen de fondo – Si es definida. Los anchos de columna son los siguientes: 1 columna: 1080 píxeles ¾ de columna: 795 píxeles ⅔ de columna: 700 píxeles ½ de columna: 510 píxeles ⅓ de columna: 320 píxeles ¼ de columna: 225 píxeles Tenga en cuenta que si activa el efecto Parallax.  Imagen de diapositiva – Si agrega una imagen de diapositiva. escriba una URL válida en este campo para definir el destino del enlace. introduzca el texto aquí.com Página: 149 . Ya que la altura de cada pase está determinada por el texto. Deje en blanco si prefiere no mostrar un botón. esta aparecerá a la izquierda del texto.  Color de fondo – Si tan solo desea usar un color sólido como fondo. use el selector de color para definirlo.

MP4 aquí. el color del texto debería ser claro. este vídeo aparecerá a la izquierda del texto de la diapositiva. Recomendamos que las imágenes de diapositiva tengan al menos este ancho: 1 columna: 410 píxeles ¾ de columna: 308 píxeles ⅔ de columna: 260 píxeles  Usar superposición de fondo – Si activa este ajuste. Introduzca la URL del vídeo de YouTube o Vimeo.  Usar superposición de texto – Si activa este ajuste.  Vídeo de diapositiva – Si es definido. o deje en blanco para mostrar solo texto. o 1 columna.  Color de texto – Si el fondo del pase es oscuro.Documentación · elegantthemes.com. Si el fondo del pase es claro.6 por Elegant Themes . el color del texto debería ser oscuro. así que asegúrese de que la imagen de diapositiva es lo suficientemente alta para encajar en caso de que quiera una imagen alineada a la base.  Color de superposición de fondo – Aquí puede elegir el color de superposición de fondo. Los anchos de las imágenes de diapositiva se enumerarán a continuación.WEBM para asegurarse máxima compatibilidad con todos los navegadores. o en cualquier otra situación en la cual no se pueda visualizar. ¾ de columna.  Alineación vertical de la imagen de diapositiva – Elija la lineación vertical de la imagen. no aparezca correctamente. Suba la versión . Asimismo. Nota importante: Los vídeos de Confeccionada y traducida por Ana Ayelén Martínez · caribdis. las imágenes de diapositiva solo aparecerán en los pases que estén en anchos de ⅔ de columna. También permite que la imagen sea leída y reconocida por los motores de búsqueda.ar Divi 2. las imágenes de diapositiva no se mostrarán en navegadores cuyo ancho sea menor de 768 píxeles. Por razones de legibilidad. se añadirá un color de fondo detrás del texto del carrusel para que el texto sea más legible sobre las imágenes de fondo.com Página: 150 .  Vídeo MP4 de fondo – Todos los vídeos deben ser subidos en formato . que puede ser centrada verticalmente o alineada en la parte inferior del carrusel.  Texto alternativo de la imagen – El texto alternativo proporciona información necesaria en caso de que la imagen no cargue.Tenga en cuenta que la altura de una diapositiva con imagen puede estar determinada por la imagen más alta del pase.MP4 o . se añadirá un color de superposición encima de la imagen de fondo y detrás del contenido del carrusel.

debe introducir el ancho exacto (en píxeles) del vídeo aquí. y arrastrar y soltar para reordenar las diapositivas existentes.  Alto del vídeo de fondo – Para que los vídeos se muestren correctamente. para asegurarse mejores resultados. Si nota que sus vídeos no se reproducen en ciertos navegadores.  Contenido – Escriba aquí el texto principal del contenido para la diapositiva.WEBM para asegurarse máxima compatibilidad con todos los navegadores. Por esta razón. volverá a los ajustes del módulo. su servidor debe tener designados los tipos MIME correctos.6 por Elegant Themes .fondo se desactivan en dispositivos móviles. borrar o editar diapositivas. Este le permite incrustar vídeos desde casi cualquier fuente.Documentación · elegantthemes. En su lugar.  Ancho del vídeo de fondo – Para que los vídeos se muestren correctamente.htaccess para definir los tipos MIME aquí. Si nota que sus vídeos no se reproducen en ciertos navegadores. debe introducir el alto exacto (en píxeles) del vídeo aquí. Puede aprender más sobre cómo usar el archivo .Todos los vídeos deben ser subidos en formato .MP4 o . Nota importante: Los vídeos de fondo se desactivan en dispositivos móviles. Tenga en cuenta que la cantidad de texto que introduzca aquí determinará la altura del carrusel.  Guardar – Luego de hacer clic en el botón Guardar de estos ajustes individuales. para asegurarse mejores resultados. su servidor debe tener designados los tipos MIME correctos.  Vídeo WEBM de fondo . debería definir ambos fondos. imagen y vídeo. Suba la versión .htaccess para definir los tipos MIME aquí.WEBM aquí. es probable que esta sea la razón. Por esta razón. es probable que esta sea la razón.  Pausar vídeo – Permita que el vídeo sea pausado por otros reproductores cuando comiencen a reproducir. en donde podrá agregar una nueva diapositiva. se utiliza una imagen de fondo. Vídeo Añadir vídeos a sus páginas en Divi es muy sencillo si usa el módulo Vídeo. Puede aprender más sobre cómo usar el archivo .com Página: 151 .com. se utiliza una imagen de fondo. Nota importante: para que el formato de vídeo WEBM funcione en todos los navegadores. imagen y vídeo. En su lugar.ar Divi 2. así como también Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Rótulo de administración – El rótulo de administración le permite dar un nombre a la nueva diapositiva añadida para identificarla más fácilmente. Nota importante: para que el formato de vídeo WEBM funcione en todos los navegadores. debería definir ambos fondos.

com.Documentación · elegantthemes. La mayoría de los servicios tienen soporte para esta opción. haciendo clic en el botón Subir vídeo y seleccionando el archivo. Puede subir su propio vídeo desde su equipo. o puede introducir una URL para el vídeo desde un servicio externo.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.6 por Elegant Themes . o dejar que Divi genere automáticamente una desde la URL del vídeo.personalizar la imagen de la miniatura y el botón de reproducción para darle un estilo más claro.WEBM para asegurarse máxima compatibilidad con todos los navegadores. Simplemente copie la URL desde el navegador y péguela en el campo URL del vídeo: ¡Divi hará el resto!  Vídeo WEBM – Suba aquí la versión WEBM del vídeo.ar Divi 2.  URL del vídeo MP4 – El módulo Vídeo de Divi le permite añadir vídeos usando dos métodos diferentes.MP4 o . la cual será mostrada sobre la interfaz estándar del vídeo con un botón de reproducción personalizado para darle una apariencia más clara. como YouTube o Vimeo. Simplemente haga clic en el botón Generar desde el vídeo y deje que Divi haga el resto. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. puede elegir hacerlo usando este campo. como por ejemplo YouTube o Vimeo. Todos los vídeos deben ser subidos en formato . Este le permite subir una imagen personalizada.com Página: 152 .  URL de la imagen superpuesta – Si desea definir una miniatura personalizada para el vídeo.

ar Divi 2. Esta imagen puede ser subida en los ajustes de cada uno de los vídeos o autogenerada por Divi. Rótulo de administración – Por defecto.  Flechas – Este ajuste mostrará u ocultará las flechas de navegación que aparecen al posar el puntero del ratón en el vídeo principal.Documentación · elegantthemes. La galería de vídeos también le permite personalizar las miniaturas de los vídeos y el botón de reproducción para darle un estilo más claro.  Controles del carrusel – Este ajuste le permitirá elegir los controles debajo del carrusel: miniaturas o navegación por puntos.  Mostrar imagen superpuesta en el vídeo principal – Esta opción cubrirá la interfaz del reproductor para el vídeo principal.com.com Página: 153 . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Esta es una buena manera de organizar una colección de vídeos desde casi cualquier fuente.6 por Elegant Themes . Carrusel de vídeo Divi simplifica el proceso de agregar carruseles de vídeos en una página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el módulo Vídeo aparecerá con el rótulo Vídeo en el constructor.

puede elegir hacerlo usando este campo. Código El módulo Código es un lienzo en blanco que le permite añadir código a la página.  URL del vídeo MP4 – El módulo Vídeo de Divi le permite añadir vídeos usando dos métodos diferentes. como YouTube o Vimeo. Los controles son las flechas de la tira de miniaturas o los círculos de la navegación por puntos. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.com Página: 154 . Ajustes de vídeo individual  Rótulo de administración – Por defecto. o dejar que Divi genere automáticamente una desde la URL del vídeo. la cual será mostrada sobre la interfaz estándar del vídeo con un botón de reproducción personalizado para darle una apariencia más clara. Puede subir su propio vídeo desde su equipo. Color de los controles del carrusel – Este ajuste determinará el color claro u oscuro de los controles del carrusel.MP4 o .6 por Elegant Themes . o puede introducir una URL para el vídeo desde un servicio externo.ar Divi 2.  Rótulo de administración – Por defecto. Todos los vídeos deben ser subidos en formato .  Color de las flechas del carrusel – Este ajuste determina el color claro u oscuro de las flechas del carrusel.  URL de la imagen superpuesta – Si desea definir una miniatura personalizada para el vídeo.WEBM para asegurarse máxima compatibilidad con todos los navegadores. La mayoría de los servicios tienen soporte para esta opción. Este le permite subir una imagen personalizada. como por ejemplo YouTube o Vimeo. la pestaña aparecerá con el rótulo Vídeo nuevo en la ventana modal.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. por ejemplo de un Slider. Si desea usar un plugin de otros desarrolladores. haciendo clic en el botón Subir vídeo y seleccionando el archivo. Simplemente copie la URL desde el navegador y péguela en el campo URL del vídeo: ¡Divi hará el resto!  Vídeo WEBM – Suba aquí la versión WEBM del vídeo.Documentación · elegantthemes. Simplemente haga clic en el botón Generar desde el vídeo y deje que Divi haga el resto. tal como los códigos abreviados de los plugins o HTML estático. el módulo Carrusel de vídeo aparecerá con el rótulo Carrusel de vídeo en el constructor. podrá Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com.

6 por Elegant Themes . el módulo Código aparecerá con el rótulo Código en el constructor. Esto le permite presentar las entradas con una apariencia única al crearlas con el constructor de Divi.ar Divi 2. Título de entrada El módulo Título de entrada muestra con un toque elegante el título de la entrada o página actual.  Contenido – Aquí puede copiar y pegar el código deseado dentro del módulo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. y de manera opcional la imagen destacada y la información meta.  Rótulo de administración – Por defecto.com.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.simplemente colocar el código abreviado en un módulo Código estándar o de ancho completo para mostrar el elemento sin ningún conflicto. Este módulo también está disponible para las secciones de ancho completo. con las mismas opciones.com Página: 155 .

 Mostrar número de comentarios – Elija si desea mostrar o no el número de comentarios en la sección meta de la entrada.com. El valor predeterminado es 'M j.  Mostrar autor – Elija si desea mostrar o no el nombre del autor en la sección meta de la entrada. elija si desea mostrar o no el efecto Parallax para la imagen destacada.  Mostrar meta – Elija si desea mostrar o no la sección meta de la entrada. Mostrar título – Elija si desea mostrar o no el título de la entrada.  Mostrar categorías de entradas – Elija si desea mostrar o no las categorías en la sección meta de la entrada.ar Divi 2.  Ubicación de imagen destacada – Elija el lugar donde se colocará la imagen destacada.  Orientación del texto – Elija la orientación del texto del título/meta.  Usar efecto Parallax – Si en el ajuste anterior seleccionó Imagen de fondo del título/meta.  Mostrar imagen destacada – Elija si desea mostrar o no la imagen destacada. Nota: Esta opción no funciona con tipos de entrada personalizada.com Página: 156 .  Método Parallax – Elija el método de Parallax para usar en la imagen destacada. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.  Formato de fecha – Defina el formato de fecha en la sección meta de la entrada. Y'.  Mostrar fecha – Elija si desea mostrar o no la fecha en la sección meta de la entrada.6 por Elegant Themes .Documentación · elegantthemes.

 Incluir categorías – Elija las categorías que desea incluir en el carrusel. Carrusel de entradas El módulo Carrusel de entradas funciona exactamente igual que el módulo estándar Carrusel del constructor de Divi.6 por Elegant Themes .Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.ar Divi 2. el contenido de este carrusel se toma de las entradas destacadas del blog. con las mismas opciones. Este módulo también está disponible para las secciones de ancho completo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. selecciónelo aquí. el módulo Título de entrada aparecerá con el rótulo Título de entrada en el constructor. Este es un complemento genial del módulo Blog y una manera muy atractiva de presentar sus entradas favoritas.com.  Usar color de fondo de texto – Elija si desea usar o no un color de fondo para el texto del título/meta. Color de texto – Elija el color para el texto del título/meta. aunque en lugar de crearlo con diapositivas personalizadas.  Rótulo de administración – Por defecto.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.com Página: 157 .  Número de entradas – Elija cuántos entradas se mostrarán o deje el campo en blanco para no limitar la cantidad.  Color de fondo del texto – Si eligió usar un color de fondo.

el texto deberá ser claro. Si trabaja con un fondo claro. Deje en blanco para usar la predeterminada (270). solo se mostrarán las primeras líneas de la entrada.  Imagen de fondo – Suba la imagen deseada.com. Deje en blanco para usar el texto predeterminado (Leer más).6 por Elegant Themes .  Mostrar botón “Leer más” – Este ajuste activará o desactivará el botón Leer más.  Mostrar imagen destacada – Este ajuste activará o desactivará la imagen destacada en el carrusel.  Mostrar controles – Este ajuste mostrará u ocultará los botones circulares debajo del carrusel.Documentación · elegantthemes. por orden alfabético. por orden alfabético inverso o al azar. Ordenar por – Aquí puede ajustar el orden en que se mostrarán las entradas: de nuevos a antiguos. el texto deberá ser oscuro.  Mostrar información meta de entrada – Este ajuste activará o desactivará la sección meta.  Color de fondo – Use el selector de color y elija un color de fondo para este módulo.  Usar extractos cuando sean definidos – Desactive esta opción si desea ignorar los extractos definidos manualmente y siempre generarlos automáticamente.  Mostrar contenido – Si muestra todo el contenido.  Longitud de extracto automático – Defina la longitud de los extractos generados automáticamente. o escriba la URL de la imagen que desea usar como fondo para el carrusel.  Texto del botón – Defina el texto que se mostrará en el botón Leer más. de antiguos a nuevos. Si trabaja con un fondo oscuro.  Usar efecto Parallax – Si activa este ajuste.  Color de texto – Aquí puede elegir el contraste del texto. Si muestra extractos.  Ubicación de la imagen – Seleccione la forma en que desea mostrar la imagen destacada en las diapositivas.ar Divi 2. la imagen de fondo permanecerá fija al desplazar la página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. no se cortarán las entradas en la página del blog.  Mostrar flechas – Este ajuste mostrará u ocultará las flechas de navegación.com Página: 158 .

Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .com Página: 159 .  Eliminar sombra interior – Esto eliminará la sombra interior que se aplica a la sección de manera predeterminada. sin que el visitante deba presionar los botones. el módulo Carrusel de entradas aparecerá con el rótulo Carrusel de entradas en el constructor.com. y por lo general aparecen en la parte inferior de las entradas. También le da la oportunidad de personalizar la apariencia desde los Ajustes de diseño avanzado y CSS personalizado. Comentarios Los comentarios son un componente estándar de cada tema.Documentación · elegantthemes.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Posición de la imagen de fondo – Elija la posición CSS de la imagen de fondo para cada diapositiva.  Color de superposición de fondo – Use el selector de color para elegir un color de superposición de fondo. para que tenga un control total sobre la ubicación de esta sección dentro de la entrada. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Usar superposición de texto – Cuando está activado. debajo del contenido. Hemos transformado esta área de comentarios en un módulo del constructor de Divi.  Animación automática – Si desea que las imágenes del carrusel roten de manera automática. se añadirá un color de fondo detrás del texto del carrusel para que el texto sea más legible sobre las imágenes de fondo. Usar superposición de fondo – Cuando está activado. se añadirá un color de superposición encima de la imagen de fondo y detrás del contenido del carrusel.ar Divi 2.  Tamaño de imagen de fondo – Elija el tamaño CSS de la imagen de fondo para cada diapositiva. active esta opción y luego defina la velocidad de rotación en el siguiente campo.  Rótulo de administración – Por defecto.

los usuarios no tendrán la posibilidad de responder a los comentarios de la lista. el módulo Comentarios aparecerá con el rótulo Comentarios en el constructor.  Mostrar número de comentarios – Si desactiva este ajuste.  Color de texto – Aquí puede elegir el contraste del texto. Si trabaja con un fondo oscuro.ar Divi 2.  Rótulo de administración – Por defecto. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Si trabaja con un fondo claro. entre ellas la posibilidad de limitar los enlaces únicamente a entradas que pertenecen a la Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Navegación de entradas La navegación de entradas es otro componente común en la mayoría de los sitios WordPress. el número total de comentarios no se mostrará.  Mostrar botón “Responder” – Si desactiva este ajuste.com Página: 160 . se eliminará el avatar del autor del comentario. el texto deberá ser oscuro. Este módulo también incluye varias opciones novedosas. el texto deberá ser claro.6 por Elegant Themes . animando a los visitantes a que lean las publicaciones anteriores y siguientes. Hemos convertido estos enlaces en un módulo del constructor de Divi.com.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. los enlaces de navegación aparecen en la parte inferior de las entradas.Documentación · elegantthemes. Por lo general. Mostrar avatar del autor – Si desactiva esto. para que pueda añadirlos en cualquier sector de la página.

Botón Existen varios módulos del constructor que incluyen botones: los Carruseles.  Texto del enlace “Anterior” – Defina el texto personalizado para el enlace "Anterior". el módulo Navegación de entradas aparecerá con el rótulo Navegación de entradas en el constructor.  Texto del enlace “Siguiente” – Defina el texto personalizado para el enlace “Siguiente”. los formularios de Suscripción.  En la misma categoría – Aquí puede definir si las entradas anteriores y siguientes deben estar en el mismo término de taxonomía que la entrada actual.misma categoría.6 por Elegant Themes .  Ocultar enlace a la entrada anterior – Aquí puede elegir ocultar o mostrar el enlace a la entrada anterior. ahora es posible añadir un botón único dentro de un diseño de Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 161 . Sin embargo. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Esta opción simple hace que los enlaces sean más relevantes.com.ar Divi 2.  Ocultar enlace a la entrada siguiente – Aquí puede elegir ocultar o mostrar el enlace a la entrada siguiente. por solo nombrar algunos. Puede utilizar la variable %title para incluir el título de la entrada. incrementando la probabilidad de que el visitante encuentre contenido de su interés.  Rótulo de administración – Por defecto. Deje en blanco para usar el predeterminado. los Llamados a la acción. Puede utilizar la variable %title para incluir el título de la entrada.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.Documentación · elegantthemes. Deje en blanco para usar el predeterminado.

estaba limitado a áreas listas para widgets tales como las barras laterales de Divi y el pie de página.  Alineación del botón – Aquí puede definir la alineación del botón: izquierda.com Página: 162 . podrá crear incontables estilos de botones.ar Divi 2.com. El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente. Sin embargo.6 por Elegant Themes .  Texto del botón – Escriba el texto del botón.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo. el módulo Botón aparecerá con el rótulo Botón en el constructor.Divi.  La URL se abre – Aquí puede elegir si el enlace se abre en la misma ventana o no. Si trabaja con un fondo claro. derecha o centrada. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. que incluye controles completos sobre los resultados de búsqueda y el diseño.  Color de texto – Aquí puede elegir el contraste del texto. Si trabaja con un fondo oscuro.  Rótulo de administración – Por defecto. Búsqueda Hasta ahora. Hemos convertido este formulario de búsqueda en un nuevo módulo del constructor. el texto deberá ser oscuro.Documentación · elegantthemes. Cuando se combina con los Ajustes de diseño avanzado.  URL del botón – Introduzca la URL de destino para el botón. el texto deberá ser claro. la única manera de añadir un formulario de búsqueda en su sitio era mediante el widget de búsqueda predeterminado de WordPress.

Documentación · elegantthemes. el texto deberá ser claro.  Excluir entradas – Si activa este ajuste.  Orientación del texto – Esto controla la alineación del texto dentro de este módulo: izquierda.}). </script> Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Nota: Para traducir la etiqueta del botón. el texto deberá ser oscuro.ready(function(){ jQuery("input.  Ocultar botón – Si activa esto se ocultará el botón Buscar.  Excluir páginas – Si activa este ajuste. se excluirán todas las páginas de los resultados de búsqueda. Si trabaja con un fondo oscuro. vaya a Opciones del tema > Integración > Añadir código al <head> de su sitio e introduzca en el campo el siguiente código: <script> jQuery(document). se excluirán todas las entradas de los resultados de búsqueda.val('Buscar').et_pb_searchsubmit"). derecha o centrada. el módulo Búsqueda aparecerá con el rótulo Búsqueda en el constructor.com Página: 163 . El rótulo de administración le permite cambiar esta etiqueta para identificarlo más fácilmente.  Desactivar en – Seleccione el dispositivo en el cual desea desactivar este módulo.  Excluir categorías – Elija las categorías que desea excluir de los resultados de búsqueda. Si trabaja con un fondo claro.6 por Elegant Themes .  Texto del marcador de posición – Escriba el texto que desea usar como marcador de posición para el campo de búsqueda.  Rótulo de administración – Por defecto.com.ar Divi 2. Color de texto – Aquí puede elegir el contraste del texto.

Crear proyectos para el Portfolio Con Divi. copie y pegue la URL en el campo y haga clic en el botón Guardar para guardar la configuración en el panel de opciones.Documentación · elegantthemes.png”) están dentro de la carpeta “/psd/”. o usar el constructor para crear asombrosos diseños. incluida en el paquete de archivos del tema. localice el campo Logo. Se ha añadido un elemento al menú de WordPress. Si tiene Photoshop. en la pestaña General. crear un proyecto es fácil y divertido. que se encuentra en el menú de Divi. Puede usar el botón Subir en el extremo derecho del campo para cargar la imagen del logo si aún no lo ha hecho.ar Divi 2.png” como lienzo en blanco en otro programa de edición de imágenes.com Página: 164 . puede usar el archivo “logo_blank. puede abrir este archivo y editar el texto con este programa.6 por Elegant Themes . llamado Proyectos. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. escriba la URL completa de la imagen para su logo.Características adicionales Cargar una imagen para el logo Puede definir una imagen propia para el logo desde la página de opciones del tema. Si no tiene Photoshop. En ese campo. haga clic en el menú Divi > Opciones del tema. También tiene la opción de usar una estructura básica de proyectos. Estos archivos (“logo. Si no tiene una imagen para el logo. puede usar el archivo PSD incluido como punto de partida. Para ir al panel de opciones.com. para que pueda crear proyectos al igual que crea páginas o entradas. Luego de cargarla.psd” y “logo_blank. Dentro del panel de opciones.

Cada herramienta. Esta será la imagen que se mostrará como miniatura en su portfolio.ar Divi 2. es un enlace para ver todos los proyectos que la incluyen. La miniatura se escalará de acuerdo a la proporción de la imagen destacada. Las etiquetas se mostrarán listadas en la página del proyecto bajo el rótulo Herramientas. si así lo desea. o etiqueta.  Contenido: Básico – El diseño básico de proyecto mostrará la imagen destacada en la parte superior de la página. puede agregar una categoría nueva o elegir una (o varias) de las ya existentes.Documentación · elegantthemes.com Página: 165 . por lo tanto recomendamos que todas las imágenes para los proyectos tengan la misma proporción si utiliza un diseño en grilla. los cuales pueden ser únicos para cada proyecto. seguida del contenido que introduzca en el Editor de texto.com. una barra lateral derecha o la página de ancho completo.  Categorías – Las categorías de los proyectos están separadas de las categorías de entradas. Las tres opciones incluyen una barra lateral izquierda.  Diseño de página – Puede elegir entre tres diseños de página distintos. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Dentro del constructor de proyectos.  Etiqueta – Use las etiquetas de proyectos para definir las herramientas que fueron usadas en el proyecto.  Imagen destacada – Seleccione una imagen destacada de las que ya están en la Librería multimedia (o suba una nueva). para que tenga un control total sobre lo que incluye en sus portfolios.6 por Elegant Themes .Crear un proyecto  Título – Comience por ponerle un título a su proyecto.

la imagen destacada se muestra en ancho completo. seguida del contenido que hemos introducido. Debajo.En el siguiente ejemplo puede ver que tenemos el título del proyecto.com Página: 166 .com.6 por Elegant Themes .ar Divi 2. Las etiquetas que fueron definidas aparecen como Herramientas y la fecha de publicación aparece justo debajo.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. y la/s categoría/s justo a la derecha.

com Página: 167 .Documentación · elegantthemes.ar Divi 2. puede hacer clic en el botón Usar el constructor de páginas de la parte superior de la página de proyectos y se iniciará el constructor de Divi. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. tendrá la misma libertad creativa que le brinda cualquier otra página que usa el constructor.6 por Elegant Themes .com. En esta modalidad. Eche Un vistazo al constructor. Contenido: Extendido – Si desea crear páginas de proyectos más complejas.

el título.6 por Elegant Themes . las herramientas y la fecha). las categorías. Son especialmente útiles cuando su sitio tiene una gran cantidad de secciones hacia las cuales necesita enlazar desde el menú principal.Nota: Si elige usar el constructor. Por lo tanto.com. Para no sobrecargar el menú con varias líneas y sus correspondientes menús desplegables.Documentación · elegantthemes. Usar Mega Menús Los mega menús se pueden definir como menús desplegables dentro de menús desplegables. tendrá la opción de crear un bloque completo de hasta cuatro columnas como submenú único que puede contener ilimitados enlaces. de todas maneras querrá incluir esta información para las miniaturas de los proyectos que se mostrarán en el portfolio.ar Divi 2. la imagen destacada. todos los elementos del proyecto básico serán eliminados (por ejemplo. deberá tener creado el menú y asignado a la ubicación Menú principal. comenzará con un lienzo en blanco. En este ejemplo. Sin embargo.com Página: 168 . los elementos del menú “Qué hacemos” y “Más información” son menús desplegables independientes. pero con la característica mega menú puede agruparlos para que aparezcan como un solo menú desplegable dentro del elemento “Quiénes somos”. En primer lugar. desde la opción Apariencia > Menús del administrador de WordPress. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.

Documentación · elegantthemes.Traslade los elementos “Qué hacemos” y “Más información” a la posición de subelementos de “Quiénes somos”.6 por Elegant Themes . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com. arrastrando y soltando los bloques como se muestra en la siguiente imagen.ar Divi 2.com Página: 169 .

Los bloques completos ahora son subelementos del elemento del menú “Quiénes somos”.Documentación · elegantthemes. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.com Página: 170 .com.6 por Elegant Themes . deberá añadir la etiqueta mega-menu a la clase CSS personalizada de este elemento y luego hacer clic en Guardar menú. Para transformarlo en mega menú.ar Divi 2.

aparecerán en el sitio como elementos del mega menú. para una distribución uniforme en el mega menú.6 por Elegant Themes . los elementos trasladados a “Quiénes somos”. se crearon para colocar dentro de “Quiénes somos” y así completar las cuatro columnas.Si no ve el campo Clases CSS (opcional) en las propiedades del elemento del menú. deberá seleccionar la casilla correspondiente en las Opciones de pantalla de la parte superior del administrador de WordPress. “Portfolio” y “Otros proyectos”. Dos elementos más. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.com Página: 171 .ar Divi 2. Una vez guardado el menú.com.

Documentación · elegantthemes. Formatos de entrada de blog Divi soporta todos los formatos de entrada principales.Vea el vídeo tutorial en el cual se muestra paso a paso la creación de un mega menú aquí (en inglés). notará un panel a la derecha del editor de texto. Cada uno de estos formatos estructura la entrada de manera distinta.ar Divi 2. puede crear uno de seis formatos de entrada diferentes: Estándar.6 por Elegant Themes . Si elige Estándar. Cuando escribe una entrada en el blog para ser incluida en uno de nuestros módulos Blog. Cita. titulado Formato.com. Vídeo. en Confeccionada y traducida por Ana Ayelén Martínez · caribdis. el resultado será una entrada de blog con un estilo normal. Cuando cree una entrada del blog.com Página: 172 . Galería y Enlace. Dentro de este panel están las seis opciones de formato. poniendo mayor énfasis en el tipo de contenido que dicho formato representa. Audio.

Usar el formato de entrada Audio Si selecciona el formato de entrada Audio. lo siguiente que deberá hacer será agregar un vídeo a la entrada. Usar el formato de entrada Vídeo Si selecciona el formato de entrada Vídeo. simplemente introduzca la URL de YouTube o Vimeo dentro del editor de texto. También reemplazará la miniatura estándar en las páginas índice con el reproductor de audio.Documentación · elegantthemes. También reemplazará la miniatura estándar en las páginas índice con un vídeo incrustado.ar Divi 2. Luego de seleccionar el formato de entrada Vídeo del panel Formato.tanto que las demás opciones poseen un diseño único asociado con el tipo de formato. El reproductor de audio reproducirá el primer archivo de audio que incruste en la entrada. o use el botón Añadir objeto para cargar e incrustar un archivo de vídeo propio. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Para agregar un vídeo a la entrada.6 por Elegant Themes . se mostrará un reproductor de audio en la entrada. se mostrará un vídeo en la parte superior de la entrada. El tema usará automáticamente el primer vídeo en la entrada como formato de vídeo.com Página: 173 .com.

Usar el formato de entrada Galería El formato de entrada Galería mostrará una galería de imágenes en la parte superior de la entrada. Usar el formato de entrada Cita El formato de entrada Cita mostrará una frase entre comillas.com Página: 174 . La cita también reemplazará la miniatura estándar en todas las páginas índice. También reemplazará la miniatura estándar en todas las páginas índice con un carrusel de imágenes.6 por Elegant Themes . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.: de la etiqueta HTML blockquote) pueden agregarse fácilmente desde el editor. de T. Una vez subido.Documentación · elegantthemes. Los bloques de citas (N. dentro de un recuadro con estilo especial en la parte superior de la entrada. el formato de entrada Galería usará la primera galería que se agregue a la entrada.Para agregar un archivo de audio a la entrada. Una vez seleccionado. el formato de entrada Cita usará el primer bloque de cita de la entrada como contenido de la cita.ar Divi 2. el tema automáticamente lo usará para la entrada que esté creando o editando. Simplemente seleccione el texto y luego haga clic en el botón Cita para darle el formato. El archivo de audio debe ser cargado mientras edita la entrada. Una vez seleccionado.com. use el botón Añadir objeto y cargue el archivo. No es necesario incrustarlo.

Una vez seleccionado.mo incluidos en la carpeta /lang/ del tema para traducir las palabras en inglés que están presentes en el diseño. Puede aprender más sobre cómo traducir WordPress aquí: Traducir WordPress (solo disponible en inglés).Las galerías se pueden agregar con el editor de medios de WordPress. El enlace se mostrará en la parte superior de la entrada y también reemplazará la miniatura estándar en todas las páginas índice. el formato de entrada Enlace usará como URL principal la del primer enlace que haya en la entrada. Usar el formato de entrada Enlace El formato de entrada Enlace creará un enlace con un estilo especial y lo agregará en la parte superior de la entrada. Simplemente haga clic en el botón Añadir objeto para crear una galería. Para agregar un enlace a la entrada.ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes . Traducir su sitio Puede usar los archivos . e insértela en la entrada.po y . puede usar el botón Añadir/editar enlace del editor de texto de WordPress.Documentación · elegantthemes. Esto es útil para compartir información breve con sus lectores.com.com Página: 175 .

com Página: 176 . Por ejemplo.com.6 por Elegant Themes . dejando visible únicamente todo aquello que se cree con el constructor.Crear páginas en blanco Activar la plantilla Blank Page La plantilla Blank Page (Página en blanco) oculta la cabecera y el pie de página de una página específica. notará un panel llamado Atributos de página en el lado derecho de la pantalla.Documentación · elegantthemes. En este panel busque la opción Plantilla. una página para suscripción. una página “Próximamente”. que estén separadas del resto de su sitio. Vea esta elegante página de destino: Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Cuando cree una página nueva. verá que la cabecera y el pie de página han sido eliminados. Esto le brinda un “lienzo en blanco” en la página individual para que pueda crear diseños verdaderamente únicos.ar Divi 2. podría crear una página de destino para sus ventas. o una página para mostrar en modo mantenimiento. Esta es una buena manera de crear páginas de destino únicas. Una vez que actualice la página. y del menú desplegable seleccione la plantilla Blank Page.

ar Divi 2.Documentación · elegantthemes. con una cuenta regresiva y un formulario de suscripción? ¡Existen innumerables posibilidades! Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .com Página: 177 .com.¿Qué tal una página “Próximamente”.

Cuando cree o edite una página.ar Divi 2.6 por Elegant Themes . busque el panel Ajustes de página de Divi en la parte derecha del editor de texto. También es más sencillo para identificar en qué lugar de la página está el visitante.Documentación · elegantthemes. También puede usar anclajes de enlaces personalizados e ID de secciones para crear menús de una sola página en el paquete completo de página única. Los visitantes pueden hacer clic en los círculos para ir saltando hacia las diferentes secciones de la página. podrá activar la navegación por puntos en una página única de Divi. Seleccione Sí del menú desplegable y luego guarde o actualice la página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Cuando cree una nueva página.com. se añadirá un nuevo círculo automáticamente al navegador lateral flotante. Activar el navegador de página única Activar el navegador de página única es sencillo y se puede lograr en cualquier página que se cree con el constructor. Notará entonces que se ha agregado una barra de navegación flotante en el margen derecho de la página. el cual les dará a sus visitantes una representación del progreso de la página donde puede ir haciendo clics. Dentro de este panel verá la opción Navegación por puntos. La barra navegadora lateral añade un enlace en el que se puede hacer clic para visitar cada sección de la página. Cuando agregue una sección nueva. y simplifica la comprensión y la navegación de páginas con gran longitud.com Página: 178 .Sitios de una sola página El navegador lateral de página única de Divi es simple.

com Página: 179 . no necesitará que los enlaces apunten a páginas distintas. Si está creando un sitio de una sola página.com. estos enlaces pueden apuntar a secciones relevantes dentro de la misma página. y buscando la opción ID CSS. Por ejemplo. Al hacer clic sobre ellos. Una vez que haya asignado la ID. Ahora que la ID está asignada. Esto se puede lograr con las ID personalizadas. si tiene una sección llamada “Quiénes somos” y quiere enlazar a esa parte de la página en donde se describe su empresa.6 por Elegant Themes . escriba quienessomos en el campo ID CSS. puede crear un enlace desde el menú de navegación. también es posible transformar el menú primario de navegación en un menú para una sola página. y haga clic en Guardar y salir. podrá visitar la sección correspondiente de la página presentando un efecto de desplazamiento suave. Puede asignar una ID a la sección haciendo clic en el icono de ajustes de sección.ar Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. edite la sección que contiene el bloque “Quiénes somos”. puede crear un enlace que apunte a ella. Se puede asignar una ID a cualquier elemento de la página que se haya creado con el constructor.Documentación · elegantthemes. Por el contrario.Crear enlaces personalizados en el menú para los sitios de una sola página Además de la navegación lateral.

com Página: 180 . podremos enlazar a esa ID creando una URL que apunte a /#quienessomos. Una vez que ha creado el menú nuevo y lo ha asignado a la ubicación Menú principal. En nuestro caso.Documentación · elegantthemes. puede comenzar a agregar enlaces a la cabecera. crearemos un enlace personalizado.com. En este caso. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes . verá dos campos (URL y Enlace de texto). Puede usar este mismo método para crear todos los enlaces personalizados que quiera.Apuntar un enlace del menú a una ID Para crear un enlace personalizado del menú. Como hemos usado quienessomos. Para el enlace de texto simplemente escriba el texto que desea mostrar en el menú (por ejemplo: “Quiénes somos”). Una vez abierta.ar Divi 2. deberá añadir un nuevo enlace al menú utilizando la opción Apariencia > Menús del menú de WordPress. pero usted puede darle a la ID cualquier nombre que desee. Simplemente escriba en el campo URL /# seguido de la ID a la que quiere enlazar. hemos agregado la ID quienessomos. por medio de la pestaña Enlaces personalizados de la parte izquierda de la página. Para la URL. deberá enlazar a la ID que asignó a esa sección con anterioridad. Si no está familiarizado con el sistema de Menús. puede visitar este tutorial (en inglés).

com.Confeccionada y traducida por Ana Ayelén Martínez · caribdis.Documentación · elegantthemes.6 por Elegant Themes .ar Divi 2.com Página: 181 .

debe descargarlo desde el área de usuario..6 (current) para comenzar la descarga. haga clic en el botón Subir tema de la parte superior. Haga clic en el enlace download y seleccione Divi 2. Confeccionada y traducida por Ana Ayelén Martínez · caribdis.6 por Elegant Themes .zip que ha descargado del área de usuario y selecciónelo. instalaremos el tema con la herramienta del administrador de WordPress Subir. Busque el archivo Divi. Luego de conectarse.ar Divi 2. Haga clic en el botón Añadir nuevo de la parte superior de la pantalla. Haga clic en el botón Examinar. haga clic en la opción Apariencia > Temas para ir a la página de Temas. En la siguiente página.. antes debe haber iniciado sesión en su sitio WordPress. y luego busque Divi en la lista de temas. (Seleccionar archivo en Chrome) para abrir un cuadro de diálogo y seleccionar la ubicación en su equipo.com Página: 182 .com.Cómo instalar el tema Descargar el tema En este tutorial.Documentación · elegantthemes. Antes de que pueda subir el tema. Verá una nueva página con un enlace para cargar archivos. Inicie sesión en su cuenta. Subir el tema en el administrador de WordPress Para subir el tema.

com. Haga clic en el botón Instalar ahora para instalar el tema.6 por Elegant Themes . La página se recargará y una vez subido el tema correctamente. el cuadro de diálogo se cerrará.ar Divi 2. Haga clic en este enlace para activar el tema y completar la instalación.com Página: 183 . Confeccionada y traducida por Ana Ayelén Martínez · caribdis. se le presentará un enlace Activar tema.Luego de seleccionar el archivo.Documentación · elegantthemes.

Selecciónelo y luego haga clic en el botón Instalar ahora para subir e instalar el plugin. antes de poder hacer una actualización..6 por Elegant Themes . Confeccionada y traducida por Ana Ayelén Martínez · caribdis.zip que acaba de descargar. Una vez autenticado. Sin embargo. Haga clic en el enlace Subir de la página de Plugins. Descargue el archivo ZIP aquí. haga clic en el enlace Activar plugin para activarlo. al igual que para cualquier otro tema. deberá autenticar su suscripción a Elegant Themes con el plugin Elegant Themes Updater. Una vez que se ha cargado correctamente.com Página: 184 .ar Divi 2. y luego instálelo desde la opción del menú de WordPress Plugins > Añadir nuevo.com. (Seleccionar archivo en Chrome) y busque en su equipo el archivo elegant-themes-updater. podrá actualizar el tema desde la interfaz estándar de WordPress. En la siguiente pantalla haga clic en el botón Examinar..Cómo actualizar su tema Usar el plugin Elegant Updater Para actualizar el tema debe usar el administrador de WordPress.Documentación · elegantthemes. Para autenticar su suscripción primero debe descargar e instalar el plugin Elegant Themes Updater.

6 por Elegant Themes . Aquí deberá introducir su nombre de usuario y su clave API de Elegant Themes. desde la opción Account > Your API Key. Notará que se ha agregado una nueva sección denominada Ajustes de actualizaciones automáticas de Elegant Themes. estará listo para actualizar el tema.Documentación · elegantthemes. Haga clic en la opción del menú Escritorio > Actualizaciones para actualizar el tema normalmente a través de la interfaz de actualización de WordPress. Una vez instalado el plugin.ar Divi 2. o luego de iniciar sesión en su cuenta de Elegant Themes.com Página: 185 .Autenticar su membresía Lo siguiente será autenticar su membresía en Elegant Themes. Solo los suscriptores activos tienen acceso a las actualizaciones de temas. haga clic en Ajustes > Generales y desplácese hasta la parte inferior de la página. Confeccionada y traducida por Ana Ayelén Martínez · caribdis. Puede encontrar su clave API de Elegant Themes aquí.com. Una vez introducidas sus credenciales.