Una caja de contenido es un contenedor visualmente distinto mediante el cual puede enmarcar contenido específico que lo haga destacar del resto. Le ayuda a destacar información clave o anuncios especiales, llamando la atención de los usuarios sobre detalles importantes.
Los cuadros de contenido son adecuados para mostrar secciones de llamada a la acción, testimonios, reseñas y características clave de productos o servicios. Hay varias formas de crear cuadros de contenido en los sitios web de WordPress.
En el siguiente escrito de este artículo, le mostraremos tres métodos prácticos de cómo crear cajas de contenido en WordPress. Quédate con nosotros hasta el final.
Método |
Plugin |
Preview |
|---|---|---|
Not Required |
 |
|
 |
||
 |
Method 1: Using the Columns Block
Puede crear y diseñar una caja de contenido de nivel básico utilizando el bloque Columnas predeterminado de WordPress. Siga los pasos que se explican a continuación.
Paso 01: Añadir el Bloque de Columnas al Editor
Encuentra el Bloque de columnas de la biblioteca de bloques de Gutenberg pulsando la tecla Botón más (+) y añádelo a tu editor.
Seleccione la columna de una celda entre las opciones disponibles.
Paso 02: Añadir bloques de contenido a la columna
El bloque Columnas te permitirá añadir otros bloques también dentro de él. Puede añadir cualquier bloque que desee para curar su contenido.
Haga clic en el botón icono más (+) en el bloque de columna. Se abrirá la biblioteca de bloques de Gutenberg, desde la que podrás elegir y añadir el bloque bloque de párrafos.
Podemos ver que ya hemos añadido contenido de texto al bloque de columna. Después de eso, puedes añadir más bloques a las columnas como quieras. Supongamos que vamos a añadir el bloque Imagen.
Haga clic en el botón Icono de columnas en la barra de herramientas. Pulse el botón icono más (+). Busque y seleccione el Bloque de imágenes de la biblioteca.
Puede ver que hemos añadido una imagen al bloque de columnas.
Paso 03: Personalizar todo el bloque de columnas
Seleccionar toda la sección de la columna haciendo clic en el icono de columna de la barra de herramientas. Vaya a la columna Ficha Configuración. Puede ajustar el Anchura de la columna de la opción correspondiente.
A continuación Ficha Estilos. Tendrás opciones para modificar el color del texto, el color de fondo, la tipografía y las dimensiones del bloque.
Desplazándose hacia abajo en la sección, obtendrá más opciones para añadir espacio entre bloques y frontera al bloque de columnas.
Method 2: Using the TableBerg Plugin
TableBerg es un potente plugin constructor de tablas que puede potenciar la solución de construcción de tablas por defecto de WordPress. También puede crear atractivas cajas de contenido con el plugin. Veamos cómo hacerlo.
Paso 01: Instalar y activar el plugin TableBerg
Como en el método anterior, vaya a Plugins > Añadir nuevo plugin. Encuentra el Plugin TableBerg escribiendo su nombre en el cuadro de búsqueda. Instale y activar eso.
Paso 02: Añadir el bloque TableBerg al editor
El plugin viene con un bloque llamado TableBerg. Añádelo al editor.
Si piensa en construir una tabla, puede definir aquí el número de filas y columnas como en el bloque de tabla por defecto.
Pero selecciona la fila 1 y la columna 0 mientras creamos una caja de contenido. Usted puede ver el diseño se ha creado al instante.
Paso 03: Añadir contenido al cuadro TableBerg
TableBerg le permite añadir diferentes tipos de contenido a sus filas y columnas mediante la adición de bloques de contenido.
Una vez que coloques el cursor sobre la casilla, verás que aparece la opción de bloqueo en la esquina inferior derecha.
Selecciona uno a uno los bloques que quieras añadir a la caja para curar el contenido que desees. En primer lugar, vamos a añadir el bloque de imagen.
A continuación, puede ver que hemos añadido texto descriptivo sobre el producto. Hemos añadido y utilizado el Bloque de párrafos por esto.
Por último, hemos añadido un botón CTA.
Paso 04: Personalizar el cuadro TableBerg
Puede personalizar individualmente cada bloque que haya añadido al cuadro TableBerg. Después, puede personalizar y estilizar todo el cuadro TableBerg.
No estamos mostrando cómo personalizar el bloque individual, ya que haría el tutorial muy largo. Puede verlo en nuestra página de documentación.
Seleccione todo el cuadro haciendo clic en el icono TableBerg de la barra de herramientas.
En la pestaña Configuración, puede establecer la anchura deseada para la caja.
Desde el Ficha Estilospuede personalizar el color de fondo, el relleno, el margen y el espacio de la caja.
Así, puede crear un cuadro contextual con el plugin TableBerg.
Method 3: Using the Ultimate Blocks Plugin
Ultimate Blocks es un prometedor plugin de marketing de contenidos con más de 25 bloques personalizados para potenciar tu editor Gutenberg. Tiene varios bloques impresionantes por el cual puede crear más cajas de contenido de buen aspecto en su sitio.
Paso 01: Instalar y activar el plugin Ultimate Blocks
Ir a Plugins > Añadir nuevo plugin. Encuentra el Plugin Ultimate Blocks escribiendo su nombre en el cuadro de búsqueda. Instale y activar una vez que el plugin aparece a continuación.
Paso 02: Añade el bloque de caja con estilo del plugin a tu editor de Gutenberg
El plugin Ultimate Blocks incluye un bloque específico denominado Caja estilizada para crear cajas de contenido. Búscalo y añádelo al editor.
El bloque le ofrece cuatro tipos de cajas. Elija el que más le guste para mostrar su mensaje. Cada uno tiene un conjunto único de funcionalidades.
Para el tutorial, seleccionaremos el Caja de características.
El cuadro de características te permite añadir una imagen, un título y una descripción. Espero que puedas hacerlo tú mismo.
Paso 03: Añadir contenido al bloque
Por defecto, el bloque permite mostrar un producto y describir sus características. Pero puedes añadir y mostrar varios productos con el bloque. Seleccione el tipo de columna desea definir cuántos productos desea mostrar.
Ahora, añade contenido a las opciones que veas dentro de la ventana Bloque Styled Box.
Puede ver que hemos añadido contenido al bloque.
Paso 04: Personalizar y dar estilo al bloque de caja estilizada
Ven al Ficha Configuración. Desde el Seleccione la opción Modo, puede cambiar el cuadro de características por otros cuadros de estilo como los que se muestran arriba, como el cuadro de notificación, el de bordes y el de números.
Después, desde el Opción de control de respuestapuede ocultar el bloqueo de un tipo de dispositivo concreto.
A continuación Ficha Estilos. Puede modificar el Acolchado y Margen del bloque desde esta pestaña.
Así, puede crear una caja de contenido utilizando el plugin Ultimate Blocks.
Notas finales
Ultimate Blocks y TableBerg son dos plugins multifuncionales que pretenden revolucionar el sistema Gutenberg, permitiendo a los usuarios crear contenidos sofisticados fácilmente.
TableBerg todavía está en proceso de desarrollo y promete ofrecer muchas funciones avanzadas muy pronto. Por otro lado, Ultimate Blocks ya es un plugin popular utilizado por más de 60.000 sitios web de todo el mundo.
Si tiene alguna pregunta al respecto, no dude en hacérnosla en cualquier momento a través del cuadro de comentarios.
