La Tutoría – Guía de Estilos
01. Color palette
In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.
#FFFFFF
#5BC53A
#4C4C4C
#F2F7F2
#FFFFFF
#F9F9F9
#F9F9F9
#e0e0e0
#444444
#000000
02. Text styles
In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.
Primary
Secondary
Tertiary
Heading 1
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
Heading 4
Heading 4
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Blurb
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Email optin
Contact form
Image
Call to action
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Divider
Person
Seth Goes Here
Comedian
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Social Media Follow
Toggle
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Testimonial
“Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.”
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
“Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.”
Video
Accordion
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog
La Guía de SEO de Imágenes para Generar más Tráfico
¿SEO de imágenes? Sí, las imágenes en tu sitio te pueden ayudar a generar más tráfico. Aquí te decimos como, sin ser un experto en SEO.
Cómo borrar una página en WordPress sin afectar el SEO
Borrar una página en Wordpress es muy fácil, cualquiera puede apretar un botón, pero esto tiene consecuencias en el ranking de tu sitio.
42 Herramientas para Crear Contenidos Como Todo un Profesional
Una lista de herramientas para crear contenidos, desde crear ideas, hasta escribir, editar, agregar visuales y todo lo que necesitas.
Cómo crear enlaces internos en tu sitio para mejorar su ranking
Los enlaces internos son una estrategia muy efectiva para mejorar el ranking de tu sitio en Google y además mejorar la experiencia de usuario.
85 Herramientas para crear gráficos para tus contenidos
Hablemos de herramientas para crear gráficos, ya sea para la imagen destacada de un post, infografías, GIFs o cualquier otro tipo de gráfico para usar en tus contenidos.
Cómo encontrar y reparar enlaces rotos en WordPress [3 Métodos fáciles]
¿Estás buscando mejorar el ranking de tu sitio? ¿Mejorar su experiencia de usuario? Elimina los enlaces rotos, aquí te decimos por qué y como hacerlo fácilmente.
72 Sitios para encontrar imágenes gratis para tus contenidos
¿Quieres encontrar imágenes gratis para tu blog? Pues aquí hay 72 sitios donde podrás encontrar imágenes gratis y de uso libre.
Respaldos de WordPress: Guía completa para respaldar tu sitio
¿Eres una persona precavida y quieres hacer respaldos de Wordpress? ¿O te pegaste el susto de tu vida al ver tu sitio infectado y no tienes respaldos?
Cómo agregar Google Analytics a WordPress [3 Métodos]
¿Quieres agregar Google Analytics a Wordpress? Aquí te daremos 3 métodos diferentes para agregarla a Wordpress, con o sin plugins.
Cómo limpiar la Biblioteca de Medios de WordPress
Si, de vez en cuando hay que limpiar la biblioteca de medios de Wordpress para evitar que afecte el desempeño de tu sitio, de tu servidor y hasta tu bolsillo.
La Guía de SEO de Imágenes para Generar más Tráfico
¿SEO de imágenes? Sí, las imágenes en tu sitio te pueden ayudar a generar más tráfico. Aquí te decimos como, sin ser un experto en SEO.
Cómo borrar una página en WordPress sin afectar el SEO
Borrar una página en Wordpress es muy fácil, cualquiera puede apretar un botón, pero esto tiene consecuencias en el ranking de tu sitio.
42 Herramientas para Crear Contenidos Como Todo un Profesional
Una lista de herramientas para crear contenidos, desde crear ideas, hasta escribir, editar, agregar visuales y todo lo que necesitas.
Cómo crear enlaces internos en tu sitio para mejorar su ranking
Los enlaces internos son una estrategia muy efectiva para mejorar el ranking de tu sitio en Google y además mejorar la experiencia de usuario.
85 Herramientas para crear gráficos para tus contenidos
Hablemos de herramientas para crear gráficos, ya sea para la imagen destacada de un post, infografías, GIFs o cualquier otro tipo de gráfico para usar en tus contenidos.
Cómo encontrar y reparar enlaces rotos en WordPress [3 Métodos fáciles]
¿Estás buscando mejorar el ranking de tu sitio? ¿Mejorar su experiencia de usuario? Elimina los enlaces rotos, aquí te decimos por qué y como hacerlo fácilmente.
72 Sitios para encontrar imágenes gratis para tus contenidos
¿Quieres encontrar imágenes gratis para tu blog? Pues aquí hay 72 sitios donde podrás encontrar imágenes gratis y de uso libre.
Respaldos de WordPress: Guía completa para respaldar tu sitio
¿Eres una persona precavida y quieres hacer respaldos de Wordpress? ¿O te pegaste el susto de tu vida al ver tu sitio infectado y no tienes respaldos?
Cómo agregar Google Analytics a WordPress [3 Métodos]
¿Quieres agregar Google Analytics a Wordpress? Aquí te daremos 3 métodos diferentes para agregarla a Wordpress, con o sin plugins.
Cómo limpiar la Biblioteca de Medios de WordPress
Si, de vez en cuando hay que limpiar la biblioteca de medios de Wordpress para evitar que afecte el desempeño de tu sitio, de tu servidor y hasta tu bolsillo.
La Guía de SEO de Imágenes para Generar más Tráfico
¿SEO de imágenes? Sí, las imágenes en tu sitio te pueden ayudar a generar más tráfico. Aquí te decimos como, sin ser un experto en SEO.
Cómo borrar una página en WordPress sin afectar el SEO
Borrar una página en Wordpress es muy fácil, cualquiera puede apretar un botón, pero esto tiene consecuencias en el ranking de tu sitio.
42 Herramientas para Crear Contenidos Como Todo un Profesional
Una lista de herramientas para crear contenidos, desde crear ideas, hasta escribir, editar, agregar visuales y todo lo que necesitas.
Cómo crear enlaces internos en tu sitio para mejorar su ranking
Los enlaces internos son una estrategia muy efectiva para mejorar el ranking de tu sitio en Google y además mejorar la experiencia de usuario.
85 Herramientas para crear gráficos para tus contenidos
Hablemos de herramientas para crear gráficos, ya sea para la imagen destacada de un post, infografías, GIFs o cualquier otro tipo de gráfico para usar en tus contenidos.
Cómo encontrar y reparar enlaces rotos en WordPress [3 Métodos fáciles]
¿Estás buscando mejorar el ranking de tu sitio? ¿Mejorar su experiencia de usuario? Elimina los enlaces rotos, aquí te decimos por qué y como hacerlo fácilmente.
72 Sitios para encontrar imágenes gratis para tus contenidos
¿Quieres encontrar imágenes gratis para tu blog? Pues aquí hay 72 sitios donde podrás encontrar imágenes gratis y de uso libre.
Respaldos de WordPress: Guía completa para respaldar tu sitio
¿Eres una persona precavida y quieres hacer respaldos de Wordpress? ¿O te pegaste el susto de tu vida al ver tu sitio infectado y no tienes respaldos?
Cómo agregar Google Analytics a WordPress [3 Métodos]
¿Quieres agregar Google Analytics a Wordpress? Aquí te daremos 3 métodos diferentes para agregarla a Wordpress, con o sin plugins.
Cómo limpiar la Biblioteca de Medios de WordPress
Si, de vez en cuando hay que limpiar la biblioteca de medios de Wordpress para evitar que afecte el desempeño de tu sitio, de tu servidor y hasta tu bolsillo.