Divi incluye un completo panel de opciones personalizadas. Aquí es donde puede controlar aspectos tales como el logo, los ajustes de navegación, y mucho más. Estas opciones están dentro del administrador de WordPress, en el menú Divi > Opciones del tema.

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.
• Barra de navegación fija – De manera predeterminada, la barra de navegación permanece fija en la parte superior de la pantalla. Le sugerimos desactivar esta opción si necesita usar un logo de mayor altura que la predeterminada.
• Activar galería de Divi – Esta opción reemplazará la galería predeterminada de WordPress con una galería con los estilos de Divi.
• Paleta predeterminada de selectores de color – Aquí puede definir la paleta de colores predeterminada para los selectores de color en el constructor de Divi.
• Tomar la primera imagen de la entrada – De manera predeterminada, las miniaturas se crean usando campos personalizados. Sin embargo, si prefiere usar las imágenes que ya están en las entradas (e ignorar los campos personalizados) puede activar esta opción. Una vez activada, las miniaturas se generarán automáticamente usando la primera imagen de la entrada. La imagen debe estar alojada en su propio servidor.
• Modo Estilo blog – De manera predeterminada, el tema extracta automáticamente las entradas en la página principal o de índice para crear previsualizaciones. Si desea mostrar las entradas completas en las páginas índice, active esta opción.
• Diseño de barra lateral – Aquí puede elegir el diseño de la barra lateral predeterminada (ubicación a la derecha o a la izquierda).
• Diseño de página de Tienda y página de Categoría para WooCommerce – Si usa la integración de comercio electrónico, puede definir qué estilo de tienda usar para las páginas de productos y de categorías de productos.
• Clave de API de Google – El módulo de mapas usa la API de Google Maps y requiere una clave API de Google válida para funcionar. Antes de usar el módulo de mapas, por favor asegúrese de que ha añadido su clave API aquí. Encuentre más información sobre cómo crear una clave API de Google aquí.
• Incluir el script de Google Maps – Si no usa el módulo de mapas, desactive esta opción para eliminar el script de la API de Google Maps de las páginas del constructor de Divi.
• Usar fuentes Google – Desactive esta opción para eliminar las fuentes Google de las páginas del constructor de Divi.
• Iconos de redes sociales – Divi pone los enlaces a redes sociales dentro del pie de página. En el panel de opciones puede controlar qué iconos mostrará y cuáles serán los enlaces que contengan.
• 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. Esta opción funciona independientemente de las opciones de Ajustes > Lectura en el administrador de WordPress.
• Número de entradas para mostrar en la página de Categorías – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Categorías.
• Número de entradas para mostrar en la página de Archivo – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Archivo.
• Número de entradas para mostrar en la página de Búsqueda – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Búsqueda.
• Número de entradas para mostrar en las páginas de Etiquetas – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Etiquetas.
• Formato de fecha – Esta opción le permite cambiar la manera en que se muestran las fechas. Para más información, por favor consulte la documentación de WordPress aquí.
• Usar extractos cuando sean definidos – Esto habilitará el uso de extractos en las entradas o páginas.
• Códigos abreviados adaptables – Esta opción hace que los códigos abreviados se ajusten a los diferentes tamaños de pantalla.
• Subconjuntos de fuentes Google – Esto habilitará las fuentes de Google para idiomas distintos del inglés.
• Botón “Volver arriba” – Active esta opción para mostrar un botón “Volver arriba” mientras se desplaza la página.
• Desplazamiento suave – Active esta opción para obtener un efecto de desplazamiento suave con la rueda del ratón.
• Desactivar traducciones – Seleccione esta opción si no desea mostrar las cadenas del tema traducidas en su sitio.
• Activar imágenes adaptables – Active esta opción para obtener el tamaño adaptable de las imágenes generado al cargarlas, añadiendo el atributo srcset para el elemento images.
• Minificar y combinar archivos de JavaScript – Use el archivo JavaScript combinado y minificado para acelerar la carga de páginas de su sitio.
• Minificar y combinar archivos CSS – Use el archivo CSS combinado y minificado para acelerar la carga de páginas de su sitio.
• CSS personalizado – Aquí puede agregar cualquier código CSS personalizado para reemplazar o ampliar los estilos por defecto. Si realiza modificaciones muy extensas, recomendamos que use siempre temas hijos.

Navegación > Páginas

• Excluir páginas de la barra de navegación – En esta ventana aparecerán todas las páginas existentes. De manera predeterminada, cada página nueva aparecerá en el menú. Si no desea mostrar una o varias páginas, puede desmarcarlas aquí.
• Mostrar menús desplegables – Si desea eliminar los menús desplegables de la barra de navegación de las páginas, desactive esta opción.
• Mostrar enlace a Home – De manera predeterminada, el tema crea un enlace a la home que cuando es cliqueado dirige a la portada del sitio. Si por el contrario usa una página principal estática y ya ha creado una página llamada Home, esto generará un enlace duplicado. En tal caso, desactive esta opción para eliminar el enlace.
• Ordenar enlaces de páginas – Aquí puede elegir la manera en que se ordenan los enlaces de las páginas (por título, por orden en el menú, por fecha de creación, por fecha de modificación, por ID, por autor y por nombre).
• 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).
• 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. 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. De manera predeterminada, cada categoría nueva aparecerá en el menú. Si no desea mostrar una o varias categorías, puede desmarcarlas aquí.
• Mostrar menús desplegables – Si desea eliminar los menús desplegables de la barra de navegación de las páginas, desactive esta opción.
• Ocultar categorías vacías – Si ha creado una categoría pero esta no contiene ninguna entrada, puede elegir si se muestra o no en el menú de navegación. De manera predeterminada, las categorías vacías están ocultas.
• 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. Incrementar el número le permite mostrar elementos de menú adicionales.
• 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.
• 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).

Navegación > Ajustes generales

• Desactivar enlaces en elementos superiores de menús desplegables – En algunos casos, los usuarios crean categorías superiores o enlaces como títulos de una lista de enlaces o categorías inferiores. En este caso, no desean que los enlaces superiores conduzcan a ninguna parte, 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.
• Método alternativo de desplazamiento a anclaje – A veces, cuando se usa la ID CSS de una sección para enlazar a ella directamente desde otra página, la posición de desplazamiento final de la página puede ser imprecisa. Active esta opción para usar un método alternativo de desplazamiento hacia los anclajes, el cual en algunos casos puede ser más preciso que el método predeterminado.

Constructor > Integración de tipo de entrada

• Activar el constructor de Divi en tipos de entradas – De manera predeterminada, el constructor de Divi solo es accesible en los tipos de entradas estándar. Esta opción le permite activar el constructor en cualquier tipo de entrada personalizada actualmente registrada en su sitio web; sin embargo, es posible que el constructor no sea compatible con todos los tipos de entradas personalizadas.
• Diseño de producto – Aquí puede elegir el diseño de la página de producto para WooCommerce: con barra lateral derecha, barra lateral izquierda, sin barra lateral, o ancho completo.
• Contenido del producto – “Construir de cero” carga un diseño predefinido de página de WooCommerce, que puede usar de base cuando el constructor de Divi está activado. La opción “Predeterminado” le permite usar el diseño predeterminado de la página de WooCommerce.

Constructor > Avanzado

• Generación de archivo CSS estático – Cuando esta opción está activada, los estilos CSS en línea del constructor para todas las páginas serán guardados en caché y servidos como archivos estáticos. Activar esta opción puede mejorar el rendimiento.
• Usar estilos en línea – Con las versiones previas del constructor, los estilos CSS para los ajustes de diseño de los módulos se imprimían en el pie de página. Active esta opción para restaurar ese comportamiento.
• Visita guiada del producto – Si se activa, la visita guiada del producto comenzará automáticamente cuando se inicie el constructor visual por primera vez.
• Activar la última experiencia del constructor de Divi – Al desactivar esta opción se cargará la interfaz del antiguo constructor de Divi para editar una entrada con el editor clásico de WordPress. El constructor antiguo carece de muchas características y mejoras de interfaz, pero aún puede ser usado si experimenta algún problema con la interfaz nueva.
• Activar el editor clásico – Utilizar el editor clásico en lugar de Gutenberg / Editor de bloques.

Ajustes de diseño > Diseño de entrada

• Elegir los elementos para mostrar en la 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, Fecha, Categorías y Comentarios). Esta es la zona, generalmente debajo del título, donde se muestra información básica sobre la página. Los elementos seleccionados debajo se mostrarán.
• 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 – De manera predeterminada, las miniaturas se muestran al inicio de las entradas. Si desea eliminar esa imagen de miniatura inicial para evitar que aparezca repetida, desactive esta opción.

Ajustes de diseño > Diseño de página

• Usar miniaturas en páginas – De manera predeterminada, las miniaturas no se muestran en las páginas (solo en las entradas). Sin embargo, si desea usar miniaturas en las páginas, es posible activando esta opción.
• Mostrar comentarios en páginas – De manera predeterminada, los comentarios no se muestran en las páginas. Sin embargo, si desea permitir comentarios en las páginas, active esta opción.

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, Fecha, Categorías y Comentarios). Esta es la zona, generalmente debajo del título, donde se muestra información básica sobre la página. Los elementos seleccionados debajo se mostrarán.
• Usar miniaturas en páginas índice – Active esta opción para mostrar miniaturas en la páginas índice.

Anuncios

• Activar banner 468×60 en entradas – Si activa esta opción se mostrará un banner de 468×60 en la parte inferior de las entradas, debajo del contenido. Si está activado, debe escribir las URL de la imagen del banner y del destino a continuación.
• URL de la imagen de banner del anuncio 468×60 – Aquí puede proporcionar la URL de la imagen del banner 468×60.
• URL de destino del anuncio 468×60 – Aquí puede proporcionar la URL de destino del banner 468×60.
• Pegar código Adsense 468×60 – Aquí puede pegar el código copiado de Adsense.

SEO > SEO de Home

• Activar título personalizado – De manera predeterminada, para crear los títulos de la home, el tema usa una combinación del nombre del Sitio y la descripción, tal como se definen cuando se crea el sitio. Si desea crear un título personalizado, active esta opción y escriba el título personalizado en el campo que aparece debajo.
• Activar descripción meta – De manera predeterminada, para llenar el campo de descripción meta, el tema usa la descripción del sitio, tal como se define cuando se crea el sitio. Si desea usar una descripción diferente, active esta opción y escriba la descripción personalizada en el campo que aparece debajo.
• Activar palabras clave – De manera predeterminada, el tema no agrega palabras clave en la cabecera. 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. Si desea agregar palabras clave meta en el encabezado, active esta opción y escriba las palabras clave en el campo que aparece 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.
• 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 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 -.

SEO > SEO de página o entrada

• Activar títulos personalizados – De manera predeterminada, 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.
• 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 -.

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, 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.
• Activar descripciones meta – Haga clic en esta casilla si desea mostrar descripciones meta en las páginas de categorías o archivos. 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.
• 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. Puede cambiar el orden en que se muestran el nombre del sitio y el título, 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 página índice cuando se usan títulos de entrada auto-generados. Los valores comunes son | o -.

Integración

La sección Integración es muy buena para agregar código de servicios de terceros en ciertas áreas del tema. El código puede ser añadido en la cabecera y cuerpo del sitio, así como también antes y después de cada entrada. Por ejemplo, si necesita agregar un código de seguimiento (tal como Google Analytics), pero no está seguro de qué archivo PHP debe editar para incluirlo en la sección <body> de su sitio, puede simplemente pegar ese código en el campo correspondiente de la sección Integración.

Para más información sobre cómo aprovechar las ventajas de la sección Integración, lea nuestra entrada del blog Ways To Use The Integration Tab In Our ePanel Theme Options (en inglés).

• Activar código en <head> – Si desactiva esta opción se eliminará el código en el sector head de su sitio. Esto le permite eliminar el código, pero guardarlo para uso futuro.
• Activar código en <body> – Si desactiva esta opción se eliminará el código del sector body de su sitio. Esto le permite eliminar el código, pero guardarlo para uso futuro.
• 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, pero guardarlo para uso futuro.
• Activar código único en parte inferior – Si desactiva esta opción se eliminará el código de la parte inferior de las entradas. Esto le permite eliminar el código, pero guardarlo para uso futuro.
• 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. Esto es útil si desea agregar JavaScript o CSS a todas las páginas.
• 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. Esto es útil si desea incluir un pixel de rastreo para contadores de visitas, tales como Google Analytics.
• 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. 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, antes de los comentarios – Cualquier código que pegue aquí aparecerá en la parte inferior de las entradas.

Actualizaciones

Antes de poder recibir actualizaciones, debe autenticar su suscripción de Elegant Themes. Para esto, deberá introducir su nombre de usuario y clave API de Elegant Themes. Su nombre de usuario es el mismo que usa cuando inicia sesión en su cuenta de Elegant Themes.

Version Rollback (Restaurar versión)

Si en algún momento actualiza Divi y experimenta algún problema o conflicto en la configuración de su sitio web, puede recuperar la última versión funcional del tema con un clic en el botón Restaurar la versión anterior.

Vea la sección Cómo actualizar su tema para más información.

Importar / Exportar

Puede exportar o importar fácilmente los ajustes del tema Divi, con un clic en el icono Importar / Exportar para abrir las opciones de portabilidad. Para exportar un archivo, seleccione la pestaña Exportar, introduzca un nombre para el archivo de exportación y haga clic en el botón Exportar opciones del tema Divi. Se guardará un archivo .json en su equipo, que podrá usar como copia de respaldo, para crear nuevos sitios o para compartir diseños. Para importar un archivo de opciones del tema, simplemente haga clic en la pestaña Importar, elija el archivo .json y haga clic en el botón Importar opciones del tema Divi. También hay una opción muy conveniente para hacer una copia de seguridad de los ajustes actuales antes de importar.

Restablecer ajustes predeterminados

Simplemente haga clic en el icono Restablecer para volver a asignar los ajustes predeterminados de las opciones del tema Divi.