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.
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.
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.
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.
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.
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.
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.
Paso 02: Crear las columnas necesarias
Como la tabla predeterminada de Gutenberg, crea tantas columnas como necesites sobre la mesa.
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.
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.
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.
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.
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.