Cómo utilizar el bloque de código en WordPress en 3 sencillos pasos

Hay un bloque de código que viene con el núcleo de WordPress y te permite mostrar los fragmentos de código en tu sitio web de WordPress. WordPress ha facilitado la creación y visualización de contenidos.

Desde desarrolladores a entusiastas de la tecnología, cualquiera que busque una forma de mostrar fragmentos de código, el Bloque de Código es una herramienta robusta y sencilla. Hoy, vamos a compartir la guía completa sobre cómo utilizar el bloque de código en WordPress a continuación. Asegúrese de seguirnos.

¿Qué es el bloque de código en WordPress?

En Bloque de códigos es un bloque de Gutenberg diseñado para añadir y mostrar fragmentos de código dentro de una entrada o página.

El bloque Código resalta la sintaxis como texto sin formato sin ejecutarla, por lo que resulta ideal para mostrar ejemplos de programación o scripts.

Cree bonitas mesas
Con el editor de bloques


Cómo utilizar el bloque de código en WordPress

Usar el bloque de código es súper fácil, ya que no necesitas ninguna habilidad especial para usar el bloque. Todo lo que necesitas hacer es seguir el tutorial a continuación.

Paso 1: Insertar el bloque de código

Para insertar el bloque de código, pulse el botón Añadir bloque ("+") icono (1), tipo "Código" en la casilla de búsqueda (2)y haga clic en "Código(3).

Paso 2: Introduzca su código

Cuando el bloque de código esté en el editor, inserte su código.

Cómo utilizar el bloque de código en WordPress

El bloque de código no tiene ninguna opción específica en el editor. Tiene todas las opciones básicas como cualquier otro bloque principal en Gutenberg.

Paso 3: Personalización

WordPress ofrece opciones de color, tipografía, dimensiones y bordes para la personalización del bloque de código. Para acceder a la personalización del bloque de código, vaya a Configuración (1)> Bloque (2) > Estilos (3)

Puede cambiar 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 de código en WordPress.


Reflexiones finales

Por último, el bloque de código es esencial para cualquiera que desee mostrar los fragmentos de código en su sitio web de WordPress.

Es fácil de usar, ofrece útiles opciones de personalización y mantiene su contenido seguro al impedir la ejecución de código.

Empiece a utilizar el bloque Código hoy mismo para mejorar sus contenidos y convertir su sitio web en un recurso de referencia para obtener información técnica.

Déjame oír tus comentarios sobre el post y el bloque en la sección de comentarios. Además, informa a tus amigos desarrolladores de esta increíble publicación a través de las redes sociales.

Más información



El equipo de Tableberg