Cómo insertar un texto o imagen con Divi en WordPress – Tutorial de pasos

muchos conocemos la plataforma de wordpressmediante la cual podemos crear y gestionar paginas web mediante una interfaz gráfica bastante intuitiva.

Del mismo modo, esta plataforma nos ofrece la posibilidad de agregar contenido multimedia a nuestra página web. Por ejemplo, podemos añade un video MP4 a nuestra página.

Divi nos permite aprovechar aún más esta plataforma, al añadir herramientas para personalizar nuestro sitio web. En este artículo te vamos a explicar cómo insertar un texto o imagen con Divi en WordPress.

Cómo insertar texto con Divi en WordPress

Para empezar, debemos ingrese una etiqueta de texto. Desde aquí debemos acceder a la configuración del módulo. Luego tendremos disponibles todas las opciones y configuraciones para aplicar al texto.

En primer lugar, contaremos con las opciones para agregar el contenido. Aquí tendremos varias herramientas para modificar el texto del modulo. Por ejemplo, cambie el tipo de fuente, el número de letra, la alineación del texto, si queremos insertar tablas, hacer citas, incluir hiperenlaces, entre otras opciones más.

Después, tenemos el apartado de diseño. Aquí encontramos muchísimas opciones para cambiar el diseño de cada uno de los formatos de texto con los que cuentan el módulo.

Por ejemplo, podemos añadir diseños 3D a las letras, cambiar el color, incluso poner colores degradados. Además, podemos cambiar el tamaño del texto en cuanto a altura y anchura

Del mismo modo, podemos añadir sombras, bordes y animaciones, con todas las configuraciones para que escojas la que mejor se adapte al estilo que buscas.

El último apartado es de opciones avanzadas, aquí contamos con la opción para añada una hoja de estilos CSS a todo el módulo y por ende, a cada uno de los elementos.

Cómo insertar imagen con Divi en WordPress

WordPress nos ha permitido insertar varias imágenes en una entrada sin ningún inconveniente. Sin embargo, las opciones al momento de ubicarla en nuestra entrada no son lo más diversas u óptimas. Por el contrario, sólo se presentan algunos aspectos esenciales o básicos para la imagen.

Gracias a Divi, podemos subir imágenes y contar con muchas más herramientas que definitivamente a la imagen en un elemento mucho más dinámico para nuestro sitio. Además, los pasos que debes seguir para insertar imagen con Divi en WordPress son sencillos, a continuación te contamos:

1. En primer lugar, nos ubicamos en nuestra entrada de wordpress.
2. Luego, posicionamos nuestro cursor en donde queremos cargar la imagen y la subimos. En caso de que nuestra imágen se encuentre en la biblioteca, entonces la seleccionamos.
3. Ahora accedemos a los ajustes del módulo de la imagen y se abre el panel de configuracion de Divi.
4. Donde se encuentran todas las opciones que podemos aplicar a la imagen seleccionado.

Configuración de la imagen en WordPress con Divi

Esta configuración divide nuestro interés en tres pestañas, cada una cuenta con sus respectivos ajustes para la imagen de WordPress.

contenido

Es la sección principal, desde aquí podemos cambiar la imagen seleccionada. Es decir, subir una nueva o seleccionar otra desde la biblioteca. Continuando con las opciones de esta sección, tenemos la opción de enlace, de este modo podemos incluya un enlace a nuestra imagen y definimos la forma en al que este enlace se comporta.

La última opción con la que cuenta este apartado es al fondo, aquí podemos seleccionar una imagen o incluso vídeo para poner de fondo a nuestra imagen en caso de que esta no cuente con uno.

diseño

Aquí encontramos las opciones que convertimos nuestra imagen en un elemento mas interactivo. Pues bien, contamos con el apartado de superposición, donde se muestran las opciones para definir el comportamiento en la imagen cuando el ratón se posiciona sobre ella, incluso podemos configurar un comportamiento de ventana emergente para el elemento.

Las demás opciones corresponden a la alineación de la imagen con respecto a la páginael tamaño de la misma, el espacio para posicionarse respecto a otros elementos del sitio, el borde para añadirlo a las imágeneslas sobras y los filtros que se le puede aplicar a la imagen.

Por último, opciones de animación que nos permite añadir movimiento a las imágenes en corta duración con todos los ajustes del tiempo de la animación.

Avanzado

Esta última pestaña contiene opciones para enlazar el elemento a una hoja de estilo CSS. También, podremos añadir aquí las opciones para posicionamiento web de la imagen, como el titulo y texto alternativo.