Saltar al contenido principal

Cómo personalizar la tipografía y el diseño en Divi

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

Para comenzar a personalizar el diseño y la tipografía de su sitio web, primero debe acceder al Personalizador de temas haciendo clic en el enlace divi > Personalizador de temas en tu tablero de WordPress. Esto lanzará el personalizador. Luego busque el panel "Configuración general". Haga clic en el panel para abrir la configuración adecuada y comenzar a personalizar. En el panel "Configuración general", verá tres secciones: Configuración de diseño, Tipografía y Fondo.

parámetros generales divi.png

Configuraciones de diseño

El panel de diseño le permite ajustar diversas opciones de tamaño y espaciado para su sitio web. Aquí puede aumentar o disminuir el espacio entre columnas, líneas y secciones y ajuste el tamaño de su barra lateral. También puede habilitar el modo "Diseño en caja" desde este panel.

layout parameter.png

Habilitar diseño de anidamiento

Aquí puede editar su sitio en un formato de cuadro que enmarca el contenido de su sitio y expone un fondo que se puede personalizar.

Ancho del contenido del sitio web

Aquí es donde puede establecer el ancho máximo de su sección de contenido. Como su contenido tiene un diseño receptivo, se ajustará a tamaños más pequeños pero no se extenderá más que el ancho máximo definido aquí.
El valor predeterminado es 1080px. Es un buen ancho para la mayoría de las computadoras portátiles y de escritorio estándar.

Espaciado entre columnas en el sitio web

El ancho del canal es la cantidad de espacio horizontal (margen) entre las columnas de cada línea.

Los valores opcionales para el ancho del canal están entre 1 y 4.

1 representa el margen cero entre las columnas.
2 representa un margen de 3% entre las columnas.
3 representa un margen de 5,5% entre las columnas.
4 representa un margen de 8% entre las columnas.

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 554.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

configuración divi.png

Use un ancho de barra lateral personalizado

Esto establece el ancho de la barra lateral predeterminada para su tema. Esto se aplica a todas las páginas del tema que tienen una barra lateral y que no se crean con Divi Builder.

Altura de sección y línea

Estas opciones ajustan la cantidad de espaciado vertical (relleno superior e inferior) para cada sección y línea.

Color de acento temático

Antes de comenzar a cambiar los colores de sus otros elementos, primero debe cambiar eso. Una vez que lo cambie, guarde y publique su configuración y actualice su página. Ahora, el tema de Accent Color actualizado debería haber rellenado automáticamente otros elementos.

tipografía

El panel Tipografía es donde puede ajustar la apariencia predeterminada del texto en todo su sitio web. Puede ajustar el tamaño de la fuente y los encabezados, lo que se reflejará proporcionalmente en todas las áreas del sitio. Puede ajustar su color, altura de línea, espaciado entre letras y estilos de fuente. Finalmente, también puede elegir entre docenas de fuentes para aplicar a cada una.

tipografía en divi.png

Crea fácilmente tu tienda en línea

Descargue gratis WooCommerce, los mejores complementos de comercio electrónico para vender sus productos físicos y digitales en WordPress. [GRATIS]

Tamaño del texto del cuerpo

Esto cambia el cuerpo del texto predeterminado para su tema. El tamaño predeterminado es 14px.

Altura de la línea del cuerpo

La altura de línea de cada línea de texto.

Tamaño del texto del encabezado

Divi le permite establecer el tamaño de texto predeterminado de su encabezado aquí. Esto afecta los elementos de Divi como los títulos del módulo de encabezado Fullwidth.

Espacio de carta del encabezado

El espaciado de las letras ajusta el espacio horizontal entre las letras. El valor de la distancia entre las letras de cabecera afecta a todos los niveles de cabecera (h1, h2, h3, h4, h5, h6), comillas y títulos de las diapositivas.

Altura de la línea de encabezado

Al igual que con el valor de espaciado de letras, encabezado línea valor de altura afecta a todos los niveles de cabecera (h1, h2, h3, h4, h5, h6), las citas y titulares diapositivas.

Estilo de policía

Use estas opciones para cambiar el estilo de fuente de sus encabezados.

Cuerpo y fuente del encabezado

La fuente predeterminada en Divi es Open Sans, ¡pero Divi tiene casi cien fuentes para elegir! Aproveche estas fuentes integradas y pruebe las mejores para su tema.

Color de los enlaces del cuerpo

El color del enlace del cuerpo se hereda por el color de acento de su tema. Pero siempre puedes cambiarlo aquí.

Color del texto del cuerpo

Aquí puede cambiar el color del texto de su cuerpo.

Color del texto del encabezado

Aquí puedes cambiar el color de tus encabezados.

Fondo

El panel de fondo le permite ajustar el color de fondo de su tema, así como cargar una imagen de fondo personalizada y ajustar su ubicación en la página. Las imágenes de fondo y los colores funcionan mejor cuando están asociados con la configuración de Diseño en caja en el panel Diseños mencionado anteriormente.

hacer divi.png

Eso es todo por este tutoriel, Espero que te permita ajustar mejor la fuente y el diseño del tema Divi.

Otros tutoriales de Divi

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba
9 acciones
cuota6
Tweet1
Guardar2
WhatsApp