Professional Documents
Culture Documents
net Pgina: 1
Divi 3.0 por Elegant Themes - Documentacin elegantthemes.com
Divi 3 por Elegant Themes - Documentacin
elegantthemes.com
Copyright 2016
Todos los derechos reservados
Secciones
Los bloques ms bsicos y de mayor tamao para usar en el diseo son las
Secciones. Estas se usan para crear las reas de nivel superior en su sitio. Hay dos
tipos de secciones: normal y de ancho completo. Las secciones normales se llenan
con filas que contienen columnas, y las secciones de ancho completo se llenan
con mdulos de ancho completo. Sepa ms sobre las filas y los mdulos a
continuacin.
Filas
Las filas se encuentran dentro de las secciones, y usted puede llenar cada seccin
con un nmero ilimitado de filas. Hay varios tipos de fila entre los que puede
elegir. Una vez que defina el tipo de fila, puede llenarla con mdulos en la
columna que seleccione. No hay lmite para la cantidad de mdulos que puede
incluir dentro de una columna.
Mdulos
Los mdulos son los elementos visuales que componen su sitio. Cada mdulo de
Divi puede entrar en cualquier ancho de columna, y estas son de diseo
adaptable (responsive).
Cargar de la biblioteca
Puede cargar de la biblioteca en cualquier momento un diseo que ya haya
creado. Divi tambin incluye docenas de diseos predefinidos que se aaden a la
biblioteca al momento de instalar el tema. Cargar uno de estos diseos
predefinidos es un buen punto de partida para crear un sitio con Divi. Al cargar
un diseo, tendr la opcin de seleccionar desde una serie de diseos
predefinidos de Divi, o cualquier diseo que haya guardado o importado.
Limpiar diseo
Si en algn momento desea volver a empezar, simplemente haga clic en el botn
Limpiar diseo. Esto eliminar todo lo que haya construido en la pgina y as
podr empezar de cero.
Debajo de estos tres botones est el diseo del constructor de Divi. Aqu es
donde aadir secciones, filas y mdulos a su pgina para poder construir el
diseo. Cuando active el constructor de Divi, todo lo que ver ser una seccin
vaca, como la que se muestra en la siguiente imagen.
Se ha definido correctamente una seccin, con una fila, con mdulos en dos
columnas. Puede acceder a las opciones de cualquiera de los elementos al hacer
clic en el icono men ( ), o borrarlas al hacer clic en el icono cerrar ( ).
Tambin tiene la posibilidad de duplicar la seccin, haciendo clic en el icono
clonar ( ). Para ampliar el diseo puede agregar una seccin a la pgina, una
fila a la seccin existente, o un mdulo a una columna existente.
A partir de Divi 2.4 se puede cambiar fcilmente la estructura de columnas en
cualquier fila del diseo al hacer clic en el icono columnas ( ). Las columnas de
estas filas se ajustan al instante; los mdulos que estn dentro de ellas se
adaptan y se colocan en las columnas disponibles o se eliminan de aquellas que
ya no existen. Ya no es necesario crear una nueva fila y arrastrar cada mdulo
para cambiar una estructura.
El flamante constructor visual, por otro lado, le permite crear pginas desde la
interfaz de usuario. Es una experiencia asombrosa y ofrece un proceso de diseo
mucho ms rpido. Cuando aade contenido o ajusta las opciones de diseo
dentro del constructor visual, los cambios se ven de forma instantnea. Puede
hacer clic en la pgina y comenzar a escribir. Puede resaltar texto y ajustar la
fuente y el estilo. Puede agregar contenido nuevo, construir la pgina y observar
cmo todo sucede ante sus ojos.
Secciones
Los bloques ms bsicos y de mayor tamao para usar en el diseo son las
Secciones. Estas se usan para crear las reas de nivel superior en su sitio. Hay dos
tipos de secciones: normal y de ancho completo. Las secciones normales se llenan
con filas que contienen columnas, y las secciones de ancho completo se llenan
con mdulos de ancho completo. Sepa ms sobre las filas y los mdulos a
continuacin.
Filas
Las filas se encuentran dentro de las secciones, y usted puede llenar cada seccin
con un nmero ilimitado de filas. Hay varios tipos de fila entre los que puede
elegir. Una vez que defina el tipo de fila, puede llenarla con mdulos en la
Mdulos
Los mdulos son los elementos visuales que componen su sitio. Cada mdulo de
Divi puede entrar en cualquier ancho de columna, y estas son de diseo
adaptable (responsive).
Arrastrar y Copiar
Tambin puede copiar un mdulo en una nueva ubicacin, manteniendo
presionada la tecla Alt mientras lo desplaza. Esto copiar el mdulo en la nueva
ubicacin donde lo solt.
Deshacer y Rehacer
La posibilidad de deshacer y rehacer en el constructor es una verdadera
salvacin, y es increblemente fcil cuando se usan atajos de teclado. Si no
qued conforme con un cambio que haya hecho, simplemente presione Ctrl + Z
para revertirlo. Si se arrepiente, presione Ctrl + Y o Cmd + Shift + Z para rehacer el
cambio que acaba de deshacer.
Bloquear y Desactivar
Cualquier elemento de la pgina ahora se puede bloquear o desactivar,
simplemente llevando el puntero sobre ese elemento y presionando las teclas L
o D.
Guardar y Publicar
Los atajos de teclado estndar para guardar, Ctrl + S, ahora guardarn
automticamente la pgina mientras est en el constructor de Divi. Ni siquiera
necesita abrir la barra de ajustes de la pgina. Puede presionar Ctrl + Alt + S para
guardar la pgina como borrador, sin publicar.
Atajos de pgina
Deshacer: b + Z
Rehacer: b + Y / cMD + j + Z
Guardar pgina: b + S
Acercar pantalla: b + +
Alejar pantalla: b + -
Atajos de mdulo
Copiar mdulo: b + C
Cortar mdulo: b + X
Pegar mdulo: b + V
Desactivar mdulo: D
Bloquear mdulo: L
Deshacer: b + Z
Rehacer: b + Y / cMD + j + Z
Guardar cambios: e
Cambiar a pestaa: j + v
Llevar a la izquierda: b + z
Llevar a la derecha: b + x
Atajos de pgina
Guardar pgina: b + S
Deshacer: b + Z
Rehacer: b + j + Z
Abrir historial: H
Abrir portabilidad: P
Atajos de mdulo
Cortar mdulo: b + X
Copiar mdulo: b + C
Pegar mdulo: b + V
Desactivar mdulo: D
Bloquear mdulo: L
Guardar cambios: e
Cambiar a pestaa: j + v
Flexibilidad
La belleza de estos diseos est en que puede editarlos de la manera en que
desee. Por ejemplo, si le gusta este diseo en particular, pero no quiere un
Llamado a la accin en la parte inferior, simplemente borre el mdulo del
Una vez que haya hecho clic en Guardar y aadir a la biblioteca, se le pedir que
complete algunos campos con informacin sobre el nuevo elemento. Puede
darle un nombre especfico para recordarlo mejor, elegir los ajustes que desea
conservar y aadir el elemento a una categora determinada, as como tambin
hacer que sea un elemento global de la biblioteca. Para ms informacin sobre
los elementos globales, vea la seccin Qu es un elemento global?
Cuando haya introducido toda la informacin necesaria, haga clic en Guardar y
aadir a la biblioteca para completar el proceso y aadir el elemento a la
biblioteca.
Cada vez que edite un mdulo global, podr identificar con el color verde cules
son las pestaas que se estn sincronizando actualmente. Las pestaas que son
verdes son pestaas que actualmente estn siendo sincronizadas dentro del
El sistema de portabilidad
Divi tiene un amplio sistema de portabilidad que abarca cada rincn del tema.
Todo lo que existe dentro de Divi se puede exportar de un sitio y luego importar
a un sitio nuevo. La exportacin en Divi tambin es una excelente herramienta
para guardar copias de respaldo de su sitio, guardar sus ajustes favoritos para
nuevos diseos, o compartir sus diseos y ajustes personalizados con otros. Esto
incluye las opciones del tema, los ajustes del personalizador de tema y los
perfiles de Divi, y ms importante an, los diseos de Divi y las colecciones de la
biblioteca. Cada sistema funciona de la misma manera, y podr ver el icono de
portabilidad en varias secciones del tema. Cuando exporte un elemento o diseo
de la biblioteca de Divi, puede ser compartido y usado en cualquier sitio que
tenga Divi. Todo imgenes incluidas el CSS personalizado y los ajustes de
diseo avanzados estn contenidos en un solo archivo JSON. Cuando importe el
archivo a un sitio nuevo, los diseos de Divi estarn listos para usar.
Una vez dentro de la pestaa Importar, haga clic en el botn Elegir y busque el
archivo .JSON que haya exportado previamente. Luego de seleccionarlo haga clic
en el botn Importar Diseos del constructor de Divi para comenzar la
importacin. Cuando se haya completado el proceso, ver un aviso de que los
elementos de la biblioteca de Divi se han aadido a su biblioteca, y las imgenes
incluidas se han importado a la biblioteca de medios.
Ajustes de diseo
En este panel podr ajustar varias opciones de tamao y espaciado para su sitio.
Aqu puede aumentar o disminuir el espacio entre columnas, filas y secciones, y
modificar el tamao de la barra lateral. Tambin puede activar el diseo con
recuadro desde este panel.
Cabecera y navegacin
Para empezar a personalizar la cabecera y navegacin de su sitio, primero debe
ingresar al Personalizador de tema, con un clic en el enlace Divi > Personalizador
de tema del men de WordPress. Esto abrir el personalizador. Luego busque el
panel Cabecera y navegacin. Haga clic en el panel para abrir los ajustes
correspondientes y comience a personalizarlos.
Pie de pgina
Para empezar a personalizar el pie de pgina de su sitio, primero debe ingresar
al Personalizador de tema, con un clic en el enlace Divi > Personalizador de tema
Diseo
Aqu puede seleccionar entre diez estructuras de columnas distintas para las
reas del widget, y asignar el color de fondo para el pie de pgina.
Barra inferior
Aqu puede ajustar los colores y estilos de texto, el color de fondo de la barra de
los crditos, y el color y tamao de los iconos de redes sociales. Adems, podr
desactivar los crditos predeterminados de Divi o reemplazarlos por un texto
personalizado (recuerde que puede usar cdigo HTML en el campo Editar
crditos del pie de pgina, por ejemplo para usar enlaces).
Tablet
Aqu puede ajustar los estilos que ver el visitante en pantallas del tamao de
una tablet. Puede seleccionar los tamaos de fuente de textos y ttulos, as como
tambin el espaciado entre filas y secciones dentro del 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. Al usar estos controles, podr crear botones nicos y atractivos
en su sitio.
Estilo de botones
Aqu puede ajustar la apariencia general de los botones, con los diferentes
controles del personalizador. Puede cambiar el color de texto y de fondo de los
botones, ajustar el tamao y estilo de fuente, e incluso crear botones con
esquinas redondeadas, usando el selector deslizante para radio de borde.
Adems, podr cambiar la fuente predeterminada y el icono que se muestra
dentro del botn.
Si, por ejemplo, piensa que el mdulo Carrusel de ancho completo es demasiado
grande para su gusto, y desea que todos los carruseles de este tipo sean un poco
ms pequeos, puede ajustar los valores de relleno del mdulo desde el
Integracin
La seccin Integracin es muy buena para agregar cdigo de servicios de terceros
en ciertas reas del tema. El cdigo puede ser aadido en la cabecera y cuerpo
del sitio, as como tambin antes y despus de cada entrada. Por ejemplo, si
necesita agregar un cdigo de seguimiento (tal como Google Analytics), pero no
est seguro de qu archivo PHP debe editar para incluirlo en la seccin <body>
de su sitio, puede simplemente pegar ese cdigo en el campo correspondiente
de la seccin Integracin.
Para ms informacin sobre cmo aprovechar las ventajas de la seccin
Integracin, lea nuestra entrada del blog Ways To Use The Integration Tab In Our
ePanel Theme Options (en ingls).
Actualizaciones
Vea la seccin Cmo actualizar su tema para ms informacin.
Una vez que agregue a la pgina una nueva seccin de ancho completo, puede
hacer clic en el botn Insertar mdulo/s. A diferencia de las secciones normales,
no existe el concepto de filas o columnas aqu, ya que los mdulos de ancho
completo siempre van a tomar el 100% del ancho de la pantalla. Los mdulos de
ancho completo representan una buena manera de aadir un corte visual en
una pgina.
Ajustes generales
Hacer esta fila de ancho completo Si se activa esta opcin, la fila se
extender al ancho de la ventana del navegador (similar a una seccin de
ancho completo). Esto es buensimo para crear atractivos diseos de
columnas en ancho completo.
Usar ancho personalizado Tambin puede asignar un ancho
personalizado a cada fila. Por ejemplo, si desea aadir alguna variacin al
flujo de la pgina y hacer una fila ms extensa que el resto, puede
introducir aqu un valor personalizado para el ancho.
Usar ancho personalizado de separacin El ancho de separacin es la
distancia entre columnas. Hay cuatro tamaos de ancho de separacin,
desde ninguno a grande. Si asigna el ancho de separacin a 1, no existir
ninguna separacin entre columnas. Cuando se combina con la opcin
Hacer esta fila de ancho completo, podr crear un efecto similar al del
mdulo Portfolio de ancho completo.
Ancho de separacin Use este selector deslizante para asignar el ancho
de separacin entre columnas (de 1: sin separacin, a 4: separacin
grande).
Relleno personalizado Si desea ajustar el relleno (superior, inferior,
izquierdo y derecho) de la fila, puede hacerlo con esta opcin.
CSS personalizado
En la pestaa Ajustes de diseo avanzado hemos incluido muchsimas opciones
con las cuales podr modificar casi cualquier aspecto, tal como lo hara con CSS,
pero sin tocar ni una lnea de cdigo. Sin embargo, si usted es un desarrollador
quiz prefiera escribir su propio cdigo en lugar de usar los controles de diseo
personalizado integrados. En este caso puede usar la tercera pestaa de la
ventana modal de los ajustes para mdulos, filas y secciones: CSS personalizado.
Ajustes de la biblioteca
Aqu puede controlar el acceso del usuario a la biblioteca de Divi. Tambin puede
impedir que los usuarios editen los mdulos globales. Dado que los cambios
hechos a los mdulos globales a menudo tienen consecuencias de amplio
alcance, quiz sea ms seguro no permitir que sus clientes los editen.
Tipos de ajustes
Adems de tener la posibilidad de desactivar todas las pestaas de ajustes,
puede tener control sobre los tipos de ajustes disponibles en esas pestaas. Esto
le da un dominio an ms estricto sobre lo que pueden editar los clientes. Por
ejemplo, puede que quiera permitir que el cliente controle nicamente el
contenido de los mdulos de texto, pero impedir que ajuste los colores y las
opciones de diseo.
Renombrar
Cualquier mdulo, fila o seccin puede tener un nombre. Este nombre aparece
en el constructor, y se usa para identificar el elemento dentro de la pgina.
Cuando edite pginas muy extensas, esto puede ser de ayuda para organizar los
elementos dentro del constructor. Por ejemplo, si tiene veinte mdulos de texto
distintos en una pgina, tal vez quiera darle a cada uno un nombre que lo
identifique para saber qu contiene antes de abrir la ventana de los ajustes.
Deshacer y Rehacer
Cualquier accin que lleve a cabo dentro del constructor de Divi se puede
deshacer, y cualquier accin deshecha se puede rehacer.
Los controles Deshacer y Rehacer, que tambin estn 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 opcin que solo est disponible en los controles del clic
derecho. Cualquier mdulo, fila o seccin puede ser desactivado. Una vez que se
desactiva un elemento, no aparecer ms en la pgina 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
Bloquear
Bloquear es otra funcin 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 tendrn permiso para bloquear y desbloquear elementos. Esto
Contraer y Expandir
Contraer es una caracterstica que solo est disponible con el clic derecho.
Cualquier seccin o fila puede ser contrada dentro de la interfaz del constructor.
Cuando un elemento ha sido contrado, los elementos que estn dentro quedan
ocultos y la fila o seccin se reduce a un rectngulo ms pequeo. Si est
trabajando con una pgina muy extensa, contraer los elementos que ya ha
terminado puede hacer el trabajo ms fcil.
Carrusel
El Carrusel puede situarse en cualquier parte, y ocupa el ancho completo de las
estructuras de columnas en las cuales se encuentre. Los carruseles de Divi
incluyen fondos con efecto Parallax, as como tambin fondos de vdeo.
Tabla de precios
Es ms fcil que nunca crear tablas de precios para sus productos en lnea. Cree
todas las tablas que necesite y controle el monto y los detalles de cada una.
Hasta puede destacar un plan en particular para aumentar sus ventas. Aunque el
mdulo incluya ms de una tabla de precios, ser manejado como un mdulo
nico y puede colocarse en una columna de cualquier ancho.
Testimonio
Los Testimonios representan una buena manera de alentar la confianza de sus
visitantes. Al usar el mdulo de testimonios de Divi puede agregar informacin
rpidamente en las pginas de venta y de suscripcin. Estos testimonios son por
lo general breves reseas o recomendaciones hechas por sus clientes. Cada
testimonio tiene unas comillas, y est firmado con el nombre del autor, adems
de incluir el enlace a su sitio (si lo tuviera). Este mdulo es muy eficaz cuando se
usa en conjunto con las tablas de precios en las pginas de venta.
Imagen
Divi simplifica el proceso de agregar imgenes en cualquier parte de su sitio.
Todas las imgenes incluyen carga diferida, y cuatro estilos de animacin
diferentes que le dan a la navegacin un toque ms dinmico. Los mdulos de
Imagen pueden colocarse en cualquier columna que usted cree, y el tamao ser
ajustado para encajar automticamente.
Galera
Compartir una coleccin de imgenes siempre es bueno para atraer visitantes a
su contenido, por medio del impacto visual. El mdulo Galera le permite crear y
organizar galeras de WordPress en cualquier lugar de su sitio.
Barra lateral
Divi le permite crear un nmero ilimitado de reas listas para incluir widgets. Las
Barras laterales pueden agregarse en cualquier pgina, dndole la posibilidad de
crear barras nicas para distintas secciones de su sitio.
Portfolio
Con el mdulo Portfolio puede hacer alarde de sus trabajos en cualquier parte
del sitio y en cualquier estructura de columnas.
Blog
Con Divi, hasta los blogs son un mdulo, el cual puede colocarse en cualquier
parte del sitio y con varios formatos. Puede combinar mdulos de blog y de
barras laterales para crear la estructura clsica de un blog; o blogs de una, dos o
tres columnas.
Diseo Puede elegir mostrar las entradas del blog con un diseo en
Grilla o en Ancho completo.
Barras de progreso
Las Barras de progreso representan una manera moderna y efectiva de mostrar
estadsticas a sus visitantes. La animacin es lanzada en forma diferida al
navegar por la pgina, y puede usar dentro de este mdulo todas las barras que
desee.
Suscripcin
Incrementar las suscripciones a listas de correo es fcil con este mdulo. Posee
soporte para los servicios MailChimp, AWeber y FeedBurner.
Texto
El Texto puede colocarse en cualquier parte de la pgina. Estos mdulos pueden
ir dentro de cualquier tipo de columna y cuando se combinan con otros mdulos
el resultado es ms dinmico. Cuando agregue un mdulo de Texto, tendr todas
las opciones de edicin que existen en una pgina convencional de WordPress.
El mdulo Texto puede usarse para crear pequeas porciones de informacin
dentro de un diseo complejo, o se pueden incluir como una columna de ancho
completo que ocupe toda la pgina.
Conmutador
Los Conmutadores son una herramienta para consolidar y ordenar informacin,
adems de mejorar la experiencia del usuario dentro de la pgina. Puede crear
la cantidad de conmutadores que desee, los cuales lucirn genial en columnas
de cualquier tamao.
Pestaas
Las Pestaas son tambin otra herramienta para consolidar y ordenar
informacin, adems de mejorar la experiencia del usuario dentro de la pgina.
Formulario de contacto
La comunicacin es la piedra fundamental de cualquier negocio. Con Divi, puede
agregar Formularios de contacto fcilmente en cualquier parte del sitio. Divi 2.6
permite aadir nuevos campos de texto, adems de los predeterminados
Nombre, Correo electrnico y Mensaje.
Audio
El mdulo Audio le permite incrustar un archivo de audio en un reproductor
personalizado y colocarlo en cualquier parte de la pgina. El reproductor posee
un estilo moderno y simple. Este es un componente importante para msicos
que desean mostrar sus creaciones, o para publicar Podcasts.
Mapa
El mdulo Mapa simplifica el proceso de incrustar un mapa de Google en
cualquier parte de la pgina. Incluso puede agregarle ilimitados marcadores de
ubicacin y definir una ubicacin personalizada como zona de partida. El mdulo
Mapa tambin est disponible en formato de ancho completo.
Persona
El mdulo Persona es la mejor herramienta para crear un bloque de informacin
de perfil personal. Es especialmente conveniente en pginas como Sobre
nosotros o Staf, en donde puede crear una pequea seccin de biografa para
cada miembro. Este mdulo combina texto, imagen y enlaces a redes sociales en
un solo lugar.
Cuenta regresiva
El mdulo Cuenta regresiva crea un reloj numrico que mostrar el tiempo
faltante hasta determinada fecha. Esto es til para crear una pgina
Prximamente que genere expectativa de un nuevo evento, producto o
servicio. Cuando se combina con una Pgina en blanco (plantilla Blank Page)
puede crear pginas individuales de presentacin o En mantenimiento.
Contador circular
El Contador circular le brinda un atractivo visual para mostrar una estadstica
nica. Cuando se desplaza por la pgina, el nmero avanza y el grfico circular
va completando hasta el porcentaje de base. Puede combinar mltiples
contadores circulares en una misma pgina para darles a los visitantes la
posibilidad de conocer sus habilidades y las de su equipo.
Contador numrico
El Contador numrico sirve para mostrar nmeros de manera ms dinmica e
interesante. Este mdulo se usa comnmente para presentar estadsticas sobre
usted o su empresa. Por ejemplo, puede mostrar la cantidad de clientes, o los
seguidores de Facebook, o los productos vendidos.
Acorden
El mdulo Acorden es otra herramienta para consolidar y ordenar informacin
dentro de un mismo sistema. Los acordeones son muy similares a las Pestaas,
salvo que los tems se muestran en una lista vertical. Cuando se abre un nuevo
tem de la lista, el abierto previamente se cierra y se muestra el nuevo contenido.
Inicio de sesin
El mdulo Inicio de sesin muestra un formulario de inicio de sesin de
WordPress con el estilo del tema, y en cualquier parte de la pgina. Si usted usa
su sitio como sistema de membresa, agregar un formulario directamente en
una pgina puede ser muy til (en lugar de redirigir a la pgina predeterminada
de WordPress que est fuera del diseo del sitio).
Men Seleccione un men que haya creado desde Apariencia > Mens
para usar en este mdulo.
Color de fondo Use el selector de color para elegir un color de fondo
para este mdulo.
Color del texto Aqu puede elegir el contraste del texto. Si el mdulo se
muestra sobre un fondo claro, el color del texto debera ser oscuro. Si se
muestra sobre un fondo oscuro, el color del texto debera ser claro.
Orientacin del texto Este men desplegable le permite especificar la
orientacin del texto: alineado a la izquierda, centrado o alineado a la
derecha.
Los submens se abren Elija la direccin en la cual se abrirn los
submens (hacia arriba o hacia abajo).
Desactivar en Seleccione el dispositivo en el cual desea desactivar este
mdulo.
Rtulo de administracin Por defecto, este mdulo aparecer con el
rtulo Men de ancho completo en el constructor. El rtulo de
Ttulo del portfolio Escriba un ttulo para mostrar arriba del portfolio, o
deje el campo en blanco si no desea incluir un ttulo.
Diseo Elija el estilo de diseo que desee usar. Grilla mostrar todos los
elementos en una columna mltiple y en un diseo de varias filas. Carrusel
mostrara los elementos en una sola fila con imgenes contiguas que se
deslizar para revelar elementos adicionales en la lista.
Incluir categoras Seleccione las categoras que desea mostrar. Los
proyectos de categoras que no estn seleccionadas, no se mostrarn en
la lista.
Nmero de entradas Elija cuntos proyectos se mostrarn o deje el
campo en blanco para no limitar la cantidad.
Mostrar ttulo Elija si se mostrar o no el ttulo de cada proyecto
cuando se pose el puntero del ratn sobre la imagen correspondiente.
Mostrar fecha Elija si se mostrar o no la fecha de cada proyecto
cuando se pose el puntero del ratn sobre la imagen correspondiente.
Tienda
Divi ha sido diseado para ser compatible con WooCommerce. Para integrar
WooCommerce deber instalar la ltima versin del plugin.
WooCommerce es la plataforma que recomendamos, ya que posee las mejores
caractersticas, una excelente interfaz, y est bien programada. Luego de activar
el plugin, ver que han sido agregadas al men de WordPress dos secciones
nuevas: WooCommerce y Productos. Puede usar estas secciones para configurar
su tienda y publicar sus productos. Puede encontrar documentacin completa
sobre WooCommerce aqu.
Aunque puede incluir varios mdulos de WooCommerce, tambin puede usar
WooCommerce independientemente del constructor. Puede crear pginas
estndar para el proceso de compra y para el carrito, etc., tal como se describe
en la documentacin de WooCommerce. Tambin puede crear enlaces directos a
Color Elija el color de la lnea divisoria de 1 pxel que se crear para este
mdulo. La lnea horizontal tomar el ancho completo de la columna que
la contenga.
Visibilidad Elija no mostrar el separador si solo necesita agregar espacio
vertical. Si elige mostrar el separador, la lnea aparecer en la parte
superior del mdulo, pero no afectar la altura que especifique en el
siguiente campo.
Alto Defina el espacio vertical que se debe agregar debajo del separador
(en pxeles).
Desactivar en Seleccione el dispositivo en el cual desea desactivar este
mdulo.
Rtulo de administracin Por defecto, el mdulo Separador aparecer
con el rtulo Separador en el constructor. El rtulo de administracin le
permite cambiar esta etiqueta para identificarlo ms fcilmente.
Vdeo
Aadir vdeos a sus pginas en Divi es muy sencillo si usa el mdulo Vdeo. Este le
permite incrustar vdeos desde casi cualquier fuente, as como tambin
URL del vdeo MP4 El mdulo Vdeo de Divi le permite aadir vdeos
usando dos mtodos diferentes. Puede subir su propio vdeo desde su
equipo, haciendo clic en el botn Subir vdeo y seleccionando el archivo, o
puede introducir una URL para el vdeo desde un servicio externo, como
YouTube o Vimeo. Simplemente copie la URL desde el navegador y pguela
en el campo URL del vdeo: Divi har el resto!
Vdeo WEBM Suba aqu la versin WEBM del vdeo. Todos los vdeos
deben ser subidos en formato .MP4 o .WEBM para asegurarse mxima
compatibilidad con todos los navegadores.
URL de la imagen superpuesta Si desea definir una miniatura
personalizada para el vdeo, la cual ser mostrada sobre la interfaz
estndar del vdeo con un botn de reproduccin personalizado para
darle una apariencia ms clara, puede elegir hacerlo usando este campo.
Este le permite subir una imagen personalizada, o dejar que Divi genere
automticamente una desde la URL del vdeo. La mayora de los servicios
tienen soporte para esta opcin, como por ejemplo YouTube o Vimeo.
Simplemente haga clic en el botn Generar desde el vdeo y deje que Divi
haga el resto.
Desactivar en Seleccione el dispositivo en el cual desea desactivar este
mdulo.
Carrusel de vdeo
Divi simplifica el proceso de agregar carruseles de vdeos en una pgina. Esta es
una buena manera de organizar una coleccin de vdeos desde casi cualquier
fuente. La galera de vdeos tambin le permite personalizar las miniaturas de los
vdeos y el botn de reproduccin para darle un estilo ms claro.
Cdigo
El mdulo Cdigo es un lienzo en blanco que le permite aadir cdigo a la
pgina, tal como los cdigos abreviados de los plugins o HTML esttico. Si desea
usar un plugin de otros desarrolladores, por ejemplo de un Slider, podr
Ttulo de entrada
El mdulo Ttulo de entrada muestra con un toque elegante el ttulo de la entrada
o pgina actual, y de manera opcional la imagen destacada y la informacin
meta. Esto le permite presentar las entradas con una apariencia nica al crearlas
con el constructor de Divi.
Este mdulo tambin est disponible para las secciones de ancho completo, con
las mismas opciones.
Carrusel de entradas
El mdulo Carrusel de entradas funciona exactamente igual que el mdulo
estndar Carrusel del constructor de Divi, aunque en lugar de crearlo con
diapositivas personalizadas, el contenido de este carrusel se toma de las
entradas destacadas del blog. Este es un complemento genial del mdulo Blog y
una manera muy atractiva de presentar sus entradas favoritas.
Este mdulo tambin est disponible para las secciones de ancho completo, con
las mismas opciones.
Comentarios
Los comentarios son un componente estndar de cada tema, y por lo general
aparecen en la parte inferior de las entradas, debajo del contenido. Hemos
transformado esta rea de comentarios en un mdulo del constructor de Divi,
para que tenga un control total sobre la ubicacin de esta seccin dentro de la
entrada. Tambin le da la oportunidad de personalizar la apariencia desde los
Ajustes de diseo avanzado y CSS personalizado.
Navegacin de entradas
La navegacin de entradas es otro componente comn en la mayora de los
sitios WordPress. Por lo general, los enlaces de navegacin aparecen en la parte
inferior de las entradas, animando a los visitantes a que lean las publicaciones
anteriores y siguientes. Hemos convertido estos enlaces en un mdulo del
constructor de Divi, para que pueda aadirlos en cualquier sector de la pgina.
Este mdulo tambin incluye varias opciones novedosas, entre ellas la
posibilidad de limitar los enlaces nicamente a entradas que pertenecen a la
Botn
Existen varios mdulos del constructor que incluyen botones: los Carruseles, los
Llamados a la accin, los formularios de Suscripcin, por solo nombrar algunos.
Sin embargo, ahora es posible aadir un botn nico dentro de un diseo de
Buscar
Hasta ahora, la nica manera de aadir un formulario de bsqueda en su sitio
era mediante el widget de bsqueda predeterminado de WordPress. Sin
embargo, estaba limitado a reas listas para widgets tales como las barras
laterales de Divi y el pie de pgina. Hemos convertido este formulario de
bsqueda en un nuevo mdulo del constructor, que incluye controles completos
sobre los resultados de bsqueda y el diseo.
Puede definir una imagen propia para el logo desde la pgina de opciones del
tema, que se encuentra en el men de Divi. Para ir al panel de opciones, haga
clic en el men Divi > Opciones del tema. Dentro del panel de opciones, en la
pestaa General, localice el campo Logo. En ese campo, escriba la URL completa
de la imagen para su logo. Puede usar el botn Subir en el extremo derecho del
campo para cargar la imagen del logo si an no lo ha hecho. Luego de cargarla,
copie y pegue la URL en el campo y haga clic en el botn Guardar para guardar la
configuracin en el panel de opciones.
Si no tiene una imagen para el logo, puede usar el archivo PSD incluido como
punto de partida. Si tiene Photoshop, puede abrir este archivo y editar el texto
con este programa. Si no tiene Photoshop, puede usar el archivo logo_blank.png
como lienzo en blanco en otro programa de edicin de imgenes. Estos archivos
(logo.psd y logo_blank.png) estn dentro de la carpeta /psd/, incluida en el
paquete de archivos del tema.
Cuando cree una entrada del blog, notar un panel a la derecha del editor de
texto, titulado Formato. Dentro de este panel estn las seis opciones de formato.
Si elige Estndar, el resultado ser una entrada de blog con un estilo normal, en
Traducir su sitio
Puede usar los archivos .po y .mo incluidos en la carpeta /lang/ del tema para
traducir las palabras en ingls que estn presentes en el diseo. Puede aprender
ms sobre cmo traducir WordPress aqu: Traducir WordPress (solo disponible
en ingls).
Una vez que actualice la pgina, ver que la cabecera y el pie de pgina han sido
eliminados. Esto le brinda un lienzo en blanco en la pgina individual para que
pueda crear diseos verdaderamente nicos. Vea esta elegante pgina de
destino:
*Porcentaje de visitas a una sola pgina, es decir, visitas en las que el usuario ha abandonado su
sitio en la pgina de entrada sin interactuar con ella
Opciones adicionales
Una vez que se ha activado la prueba multivariable en la pgina actual,
aparecern algunas opciones condicionales dentro de la ventana emergente de
los ajustes de pgina del constructor de Divi. Estas opciones son:
Tambin puede hacer clic en el botn View All Downloads para abrir la lista
completa de temas. All haga clic en DOWNLOAD y seleccione Theme Package.
En la siguiente pgina, haga clic en el botn Subir tema de la parte superior. Ver
una nueva pgina con un enlace para cargar archivos. Haga clic en el botn
Examinar... (Seleccionar archivo en Chrome) para abrir un cuadro de dilogo y
seleccionar la ubicacin en su equipo. Busque el archivo Divi.zip que ha
descargado del rea de usuario y seleccinelo.
Notificaciones de actualizacin
Cuando hay disponibles nuevas actualizaciones para un tema o plugin,
aparecer una notificacin en la seccin Escritorio > Actualizaciones del
administrador de WordPress.
Una vez introducidas sus credenciales, estar listo para actualizar el tema. Haga
clic en la opcin del men Escritorio > Actualizaciones para actualizar el tema
normalmente a travs de la interfaz de actualizacin de WordPress.