¡Hola Divilovers! En este videotutorial comenzare un pequeño ciclo de tutoriales que llamaré: la mega guia de configuración del tema Divi. Hoy estaré platicando específicamente sobre los ajustes generales del Tema Divi, y con eso daremos comienzo a esta mega guía. 

En estas notas podrás encontrar las capturas de pantalla con los pasos principales del tutorial. También tendrán el video tutorial de youtube embebido para que sigan los pasos con mayor facilidad. En este tutorial tocaremos el panel de configuración del tema Divi, en especifico la primera pestaña de Ajustes Generales.

Sin más que mencionar, vamos allá.

Configuración del tema Divi: Ajustes Generales.

Configuracion del tema DIVI Ajustes generales

Lo primero que haremos será irnos a la pestaña en la parte izquierda de nuestro WordPress donde veremos la opción de Divi. A continuación escogemos la pestaña de opciones del tema, y después: General.

En esta pestaña encontraremos muchas opciones para configurar, comenzando por la parte del logo:

En esta sección podremos configurar las siguientes opciones:

  • Logo – Aquí es donde puede cargar el archivo de su logo para que aparezca en la cabecera de cada página de su sitio.
  • Favicon – Si carga una imagen aquí se usará como favicon, 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.
  • Barra de navegación fija –  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. Aquí puede realizar esos cambios
  • Activar galería de Divi – Esta opción reemplazará la galería predeterminada de WordPress con una galería con los estilos de Divi. Opción recomendada si usas muchas fotografías en tu web.
  • 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 – 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). (Aunque como vimos tambien lo puedes hacer directamente desde la página que estés editando)
  • Diseño de página de Tienda y página de Categoría para WooCommerce – Si usas la integración de comercio electrónico, puedes definir qué estilo de tienda usar para las páginas de productos y de categorías de productos.

Configuracion del tema DIVI Ajustes generales 3

Dentro de siguiente grupo de configuraciones generales en esta pestaña tenemos:

  • 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í. Si quieres saber como generar una clave API no dudes en ponerte en contacto conmigo a través de mi página de contacto.
  • 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.
  • 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. Puede activar o desactivar esta página para lobrar esta opción.
  • 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 como lo vemos en el video.

Configuracion del tema DIVI Ajustes generales 4

  • Número de entradas por página – Defina cuántas entradas desea mostrar cuando el visitante abra una página de Categoría, Archivo, Búsqueda o Etiqueta.
  • 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.

Configuracion del tema DIVI Ajustes generales 5

  • 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.
  • 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.

 

Como lo vieron, en esta primera parte logramos configurar las opciones del tema Divi en su primera pestaña llamada “General”, aquí pudimos configurar desde el logo y el favicon, hasta las opciones de mimificación de CSS y JavaSript. Con esto damos por concluida la primera parte de esta mega guía de configuraciones de Divi, y en los próximos videotutoriales veremos muchas más.

¡Muchas gracias! ¡No olvides compartir este contenido en tus redes sociales!

Nos vemos el el próximo video tutorial.

Pin It on Pinterest