Cómo crear cuadros de texto en WordPress (3 tipos)

Un cuadro de texto es un área designada dentro del editor de Gutenberg donde puedes elaborar y publicar textos con diferentes tipografías, fuentes, colores, estilizaciones y otras opciones de formato.

Cuando quieras destacar un anuncio importante, un testimonio o una breve descripción de un producto, los cuadros de texto te permiten hacerlo. En este artículo, te mostraremos varias formas de crear cuadros de texto en WordPress.

Tipo 1: Añadir un cuadro de texto con fondo de color

Se trata de un proceso sencillo y directo. Sólo tiene que añadir un color al fondo del bloque de párrafo específico.

Paso 1: Seleccione un texto en su entrada/página

Abra la entrada/página en la que desea añadir el cuadro de texto. Seleccione el texto deseado colocando el cursor sobre el párrafo en cuestión.

Selecciona un texto de tu entrada/página para crear un recuadro a su alrededor

Paso 2: Añadir un color al fondo del bloque

Ir a la Pestaña Estilos, como se indica en la imagen siguiente. Haga clic en el botón Opción de fondo y seleccione un color. El color se aplicará instantáneamente al bloque, que podrá ver en tiempo real.

Una vez aplicado el color alrededor y dentro de todo el bloque, parecerá que se ha creado una caja a su alrededor, creando un cuadro de texto.

Añadir un color al fondo del bloque a un recuadro a su alrededor

Así, puede crear un cuadro de texto con un fondo de color.

Tipo 2: Añadir un texto con bordes

Añadir bordes alrededor del bloque es otra forma fácil de crear un cuadro de texto. Siga los pasos que se explican a continuación.

Paso 1: Seleccionar el texto en el editor

Seleccione de nuevo un texto haciendo clic en el bloque de párrafo que desee, tal y como le mostramos en el método anterior.

Seleccione un bloque de párrafo para añadirle un borde

Paso 2: Convertirlo en el bloque de tierra

Por defecto, el bloque de párrafo no permite añadir un borde a su alrededor. Por lo tanto, conviértalo en el bloque Bloque de grupo.

Haga clic en el botón Icono de párrafo en la barra de herramientas de Gutenberg. Aparecerá una lista con la opción Grupo al final. Haga clic en la opción Opción de grupo en la lista.

El bloque se convertirá en el bloque Grupo.

Convertir el bloque Párrafo en el bloque Grupo

Paso 3: Añadir borde y radio al bloque

Ir a la Ficha Estilos del bloque seleccionado. Desplácese un poco por la pestaña.

Vaya a la pestaña Estilos del bloque Grupo

Verá el Opción de frontera. Coloque un valor en píxeles para definir el ancho del borde. Si lo desea, también puede añadir radio y relleno al bloque.

Por lo tanto, su cuadro de texto está listo. Añadir radio y relleno puede hacer el cuadro de texto más presentable. Como resultado, usted puede considerar la adición de ellos.

Añadir borde, radio y relleno al bloque Grupo para crear un cuadro de texto.

Tipo 3: Añadir cuadros de texto en la tabla

Es posible que a menudo desee crear varios cuadros de texto en la misma fila. Pero no es posible con el bloque de párrafo predeterminado. Sin embargo, puedes hacerlo fácilmente creando una tabla.

Tableberg es un plugin constructor de tablas para hacerlo. Instale y activar el plugin y siga los pasos que se indican a continuación.

Paso 01: Añada el bloque TableBerg a su sitio web

Basta con encontrar el Bloque TableBerg en la biblioteca de bloques de Gutenberg y añádelo a tu editor de entradas/páginas.

Añade el bloque TableBerg a tu entrada o página

Paso 02: Crear las columnas necesarias

Como la tabla predeterminada de Gutenberg, crea tantas columnas como necesites sobre la mesa.

Crea las columnas que necesites

Paso 03: Añadir contenido a las columnas de la tabla

Aunque TableBerg le permite añadir Listas, botones CTA e Imágenes a la tabla, hemos añadido texto plano sólo para explicar el tutorial.

Añadir contenido a la tabla

Paso 04: Añadir colores a las columnas de la tabla

Seleccione una columna en la mesa colocando el cursor sobre ella. Vaya a la Ficha Estilos. Haga clic en el botón Opción de fondo y seleccione un color. Verás que el color se ha aplicado a la columna.

Colorear las columnas de la tabla con el plugin TableBerg

Siguiendo el mismo método, aplica diferentes tipos de colores a otras columnas de la tabla. Puedes ver que hemos aplicado cuatro colores diferentes a las columnas de la tabla.

Así, sus cuadros de texto están listos. Pero si desea eliminar el borde de la tabla, siga el siguiente paso.

Aplicar diferentes colores a las columnas de la tabla

Paso 05: Eliminar el borde de la mesa

Seleccione toda la tabla haciendo clic dos veces en el icono TableBerg de la barra de herramientas. Vaya a la Ficha Estilos en la barra lateral derecha. Desplázate un poco hacia abajo. Desactive la opción Activar borde interior. Los bordes de la tabla serán invisibles.

Eliminar los bordes de la mesa

Conclusión

Por lo tanto, puede crear cuadros de texto en WordPress de varias maneras. Pero antes de concluir, queremos decir una cosa que es cada uno de estos métodos puede no ser eficaz en todos los casos.

Dependiendo del tipo de contenido, debes utilizar un método adecuado que mantenga la legibilidad. Si te ha gustado este post, déjanos tu opinión en la caja de comentarios.

Explora nuestro archivo del blog para conocer más artículos interesantes sobre WordPress.



El equipo de Tableberg