Cómo utilizar el bloque preformateado en WordPress en 3 sencillos pasos

Si lo piensa detenidamente, el bloque preformateado combina código y bloque de párrafo. El único propósito del bloque es mostrar texto. Garantiza que el contenido sea claro y estructurado.

El bloque Preformateado es la solución para mantener un diseño de texto preciso con espaciado y formato especial. Es un salvavidas para las personas que luchan por mantener un diseño de texto exacto.

Hoy compartiremos nuestras directrices sobre cómo utilizar el bloque Preformateado en WordPress e intentaremos desplegar todas las funciones que ofrece este bloque a continuación. Pero, antes de eso, primero vamos a aprender lo que es.

¿Qué es el bloque preformateado?

El bloque Preformateado es un bloque de contenido básico de WordPress diseñado para conservar los espacios y saltos de línea exactamente como se introducen. Es una solución ideal para mostrar fragmentos de código, diseños prediseñados o cualquier cosa que requiera un formato fijo.

El texto preformateado le beneficia de varias maneras. Echemos un vistazo a algunos de los beneficios a continuación.

  • Formato preciso: Garantiza que el texto aparezca exactamente como está escrito, conservando los saltos de línea y el interlineado.
  • Versatilidad: Adecuado para texto no codificado que requiera diseños estructurados, como poesía o arte ASCII.
  • Mayor legibilidad: Muestra fuentes de anchura fija, lo que permite distinguir el texto, especialmente cuando se muestra código o instrucciones técnicas.
  • Estilo personalizado: Permite opciones de estilo adicionales con HTML y CSS en línea, ofreciendo flexibilidad para diseños únicos.

Cree bonitas mesas
Con el editor de bloques

Funciones de la barra de herramientas de bloques preformateados

El bloque Preformateado no tiene opciones específicas en el editor. Tiene todas las opciones básicas como cualquier otro bloque principal en Gutenberg.

Dispone de las siguientes opciones básicas.

  1. Transfórmate: Puede transformar este bloque en un párrafo, código, columnas, etc.
  2. Arrastra: Permite arrastrar y soltar el bloque dedicado en cualquier lugar.
  3. Asas móviles: Permite mover el bloque arriba y abajo.
  4. Negrita: Permite poner en negrita el contenido del bloque.
  5. Cursiva: Le permite poner en cursiva el contenido de su bloque.
  6. Hipervínculo: Esta opción le permite añadir enlaces para el contenido seleccionado dentro del bloque.
  7. Más controles de texto enriquecido: Incluye más opciones de formato de texto como Pie de página, Resaltar, Código en línea, Imagen en línea, etc.
  8. Más opciones: Ofrece más opciones relacionadas con la sección del bloque, como duplicar, copiar, agrupar, etc.

Veamos ahora cómo utilizar el bloque preformateado.


¿Cómo utilizar el bloque preformateado?

Utilizar el bloque preformateado es superfácil, ya que cualquiera puede usarlo fácilmente y nadie necesita conocimientos de codificación para utilizarlo. ¡Asegúrate de seguirnos!

Paso 1: Insertar el bloque preformateado

Navegue hasta la entrada o página en la que desea utilizar el bloque preformateado.

Cuando esté en el editor, haga clic en el botón Añadir bloque ("+") icono (1), tipo "Preformateado" en la casilla de búsqueda (2)y haga clic en "Preformateado(3).

Cómo utilizar el bloque preformateado en WordPress

Paso 2: Inserte su código o texto preformateado

Cuando el bloque de código esté en el editor, inserte el texto preformateado o el código.

Paso 3: Modificar las opciones de personalización

Opciones de personalización del bloque preformateado color, tipografía, dimensiones y borde opciones de personalización de bloques de código. 

A continuación describiré las características de personalización. Puedes personalizar tu bloque como quieras.

Para acceder a la personalización del Bloque de Código, vaya a Configuración (1)> Bloque (2) > Estilos (3)

Puede modificar el color, la tipografía, las dimensiones y el borde.

  1. Color: Esta función te permite cambiar el color del texto y del fondo.
  2. Tipografía: La tipografía le permite seleccionar fuentes y tamaño de fuente, apariencia, altura de línea, espaciado entre letras, casquillo de letras y decoración de letras.
  3. Dimensiones: Las dimensiones permiten ajustar el relleno y el margen del bloque de texto.
  4. Frontera: La opción Borde le permite añadir borde y radio de borde para su bloque de texto.

Así es como se utiliza el bloque preformateado en WordPress.


Reflexiones finales

El bloque preformateado es una herramienta práctica para quien necesite un diseño de texto preciso para mostrar contenidos. Es ideal para añadir un fragmento de código, una cita estilizada o texto artístico.

Experimenta con él en tu próximo proyecto para ver cómo puede mejorar tu forma de presentar la información. Cuéntame lo que piensas en la sección de comentarios. También puedes compartir este post en las redes sociales y contárselo a tus amigos.

Más información



El equipo de Tableberg