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 su panel de WordPress. Esto iniciará 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.
Configuración de diseño
El panel de diseño le permite ajustar varias opciones de tamaño y espaciado para su Sitio web. Aquí puede aumentar o disminuir el espacio entre columnas, filas y secciones y ajustar el tamaño de su barra lateral. También puede habilitar el modo Diseño en caja desde este panel.
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. Dado que su contenido tiene un diseño receptivo, se ajustará a tamaños más pequeños pero no se expandirá más que el ancho máximo establecido aquí.
El valor predeterminado es 1080px. Tiene 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 de la canaleta es la cantidad de espacio horizontal (margen) entre las columnas de cada fila.
Los valores opcionales para el ancho de la canaleta 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.
Usar ancho de barra lateral personalizado
Esto establece el ancho de la barra lateral predeterminado para su tema. Esto se aplica a todas las páginas de su 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 espacio vertical (relleno superior e inferior) para cada sección y fila.
Color de acento del tema
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 Color de acento actualizado debería tener otros elementos autocompletados.
tipografía
El panel de tipografía es donde puedes ajustar la apariencia predeterminada del texto en todo tu Sitio web. Puedes ajustar el tamaño de la fuente y los encabezados, que se reflejarán proporcionalmente en todas las áreas del sitio. Puede ajustar sus colores, así como la altura de las líneas, el espaciado entre letras y los estilos de fuente. Finalmente, también puedes elegir entre docenas de fuentes para aplicarlas a cada una.
Tamaño del texto del cuerpo
Esto cambia el texto del cuerpo predeterminado de 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 para su encabezado aquí. Esto afecta a los elementos Divi como los títulos del módulo de encabezado de ancho completo.
Espacio de la letra del encabezado
El espaciado de letras ajusta el espacio horizontal entre letras. El valor de espaciado de las letras del encabezado afecta a todos los niveles de encabezado (h1, h2, h3, h4, h5, h6), comillas y títulos de diapositivas.
Altura de la fila del encabezado
Al igual que el valor de espaciado de letras, el valor de la altura de la fila del encabezado afecta a todos los niveles de encabezado (h1, h2, h3, h4, h5, h6), comillas y títulos de diapositivas.
Estilo de policía
Use estas opciones para cambiar el estilo de fuente de sus encabezados.
Fuente de cuerpo y encabezado
La fuente predeterminada en Divi es Open Sans, ¡pero Divi tiene casi cien fuentes para elegir! Aproveche estas fuentes integradas y pruebe cuáles se adaptan mejor a su tema.
Color de los enlaces del cuerpo
El color del enlace del cuerpo se hereda del 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 posición en la página. Las imágenes y los colores de fondo funcionan bien cuando se combinan con la configuración de Formato en caja en el panel Diseños mencionado anteriormente.
Eso es todo por este tutorial, espero que le permita ajustar mejor la fuente y el diseño de la Tema divi.
[vc_row center_row=”sí”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/filiales/idevfiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR EL TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Otros tutoriales de Divi
- 5 sitios web para su uso restaurante temático Divi
- Cómo agregar texto en un producto Divi WooCommerce
- Cómo cambiar el color del menú entre páginas Divi
- Cómo personalizar las cuadrículas de un blog con Divi
- Cómo utilizar la función de editor Divi en WordPress
- Cómo crear un control deslizante Divi a pantalla completa
- Cómo cambiar el color de los menús entre páginas Divi
- Características que probablemente no conozcas sobre Divi
- Cómo usar Divi Builder en WordPress
- Cómo usar el módulo de desplazamiento de video Divi
- Cómo usar el módulo Divi Builder Flip
- Cómo agregar un módulo testimonial en Divi Builder
- Cómo usar el módulo de texto Divi
- Cómo crear un control deslizante en Divi
- Cómo editar un rol de usuario Divi
- Cómo usar el módulo de Divi Social Media
- Cómo usar el módulo de tienda en el tema WordPress Divi
- Cómo usar el módulo de la barra lateral Divi
- Cómo usar el Módulo Divi Price Table
- Cómo usar el módulo de título de las publicaciones de Divi
- Cómo agregar un módulo de video de Divi
- Cómo usar el módulo de navegación del artículo
- Cómo usar el módulo de búsqueda Divi
- Cómo usar el módulo Divi wallet
- Cómo usar el módulo de persona en Divi Builder
- Cómo usar el módulo de billetera con filtro Divi
- Cómo usar el módulo deslizante de ancho completo
- Cómo usar el Módulo de imagen Divi Builder
- Cómo utilizar el módulo de navegación de ancho completo de Divi Builder
- Cómo usar el módulo de la galería de imágenes
- Cómo utilizar el módulo de tarjeta de ancho completo de Divi Builder
- Cómo utilizar el módulo de cartera de ancho completo de Divi
- Cómo usar el módulo de encabezado de ancho completo Divi
- Cómo usar el módulo Divi Counter
- Cómo usar el control deslizante de artículos en Divi Builder
- Cómo usar el módulo Divi Email Optin