Se puede agregar texto en cualquier lugar de su página con Divi. Los módulos de texto se pueden colocar en cualquier tipo de columna y, cuando se combinan con otros módulos, crean una página realmente dinámica. Cuando agrega un módulo de texto, tiene todas las funciones de edición de una página normal de WordPress. El módulo de texto Divi se puede utilizar para crear una pequeña parte de texto en un diseño complejo, o se puede utilizar en una columna de ancho completo para crear una página completa.

Cómo agregar el módulo Divi Text

Antes de que pueda agregar un módulo de texto a su página, primero debe saltar a Divi Builder. Una vez el Tema divi installé en su Sitio web, notarás un botón Utilice Divi Builder encima del editor de publicaciones cada vez que crea una página nueva. Haga clic en este botón para activar Divi Builder y acceder a todos los módulos de Divi Builder. Luego haga clic en el botón Use Visual Builder para iniciar el generador en modo visual. También puede hacer clic en el botón Use Visual Builder cuando navegas por tu Sitio web en primer plano si ha iniciado sesión en su panel de WordPress.

constructor divi

Una vez que haya ingresado a Visual Builder, puede hacer clic en el botón gris más para agregar un nuevo módulo a su página. Los nuevos módulos solo se pueden agregar dentro de las filas. Si está comenzando una nueva página, recuerde agregar una fila a su página primero.

inserta un módulo divi.png

Busque el módulo de texto en la lista de módulos y haga clic en él para agregarlo a su página. La lista de módulos se puede buscar, lo que significa que también puede escribir la palabra "texto" y luego hacer clic en Intro para buscar y agregar automáticamente el módulo de texto. Una vez que se agrega el módulo, será recibido por la lista de opciones del módulo. Estas opciones se dividen en tres grupos principales: Contenido , diseño et Avanzado .

Opciones de contenido

opciones de módulo de texto divi.png

Contenido textual

Este campo es donde puede ingresar el contenido del cuerpo de su módulo. El contenido del texto abarca todo el ancho de la columna en la que se encuentra.

Si su texto se coloca sobre un fondo oscuro, el color del texto debe establecerse en "Oscuro". Sin embargo, si su texto se coloca sobre un fondo claro, el color del texto debe establecerse en "Claro".

Color de fondo

Aquí puede elegir un color de fondo para su módulo de texto.

Imagen de fondo

Aquí puede elegir una imagen de fondo para su módulo de texto.

Etiqueta de administrador

De forma predeterminada, su módulo de texto aparecerá con una etiqueta que dice "Texto" en el constructor. Admin Tag le permite cambiar esta etiqueta para una fácil identificación.

Opciones de diseño

divi.png opciones de diseño

Aquí puede diseñar y / o colocar su texto o encabezado como desee eligiendo el color del texto, orientación, fuente, tamaño de fuente, espaciado de fuente y altura. la línea.

También puede designar un estilo de borde, establecer un ancho máximo para su módulo y agregar margen y relleno personalizados.

Opciones Avancées

opciones avanzadas divi.png

Utilice las opciones avanzadas para proporcionar a su módulo de texto ID personalizados y clases CSS. Agregue CSS personalizado para un estilo avanzado e indique la visibilidad del módulo en algunos dispositivos.

Eso es todo por este tutorial, espero que te permita usar el módulo de texto en 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