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.
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.
- Color: Esta función te permite cambiar el color del texto y del fondo.
- 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.
- Dimensiones: Las dimensiones permiten ajustar el relleno y el margen del bloque de texto.
- 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
- Cómo utilizar el bloque de presupuesto en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque de lista en WordPress
- Cómo utilizar el bloque de versículos en WordPress (4 sencillos pasos)
- Cómo utilizar el bloque de párrafo en WordPress (2 sencillos pasos)
- Cómo utilizar el bloque de encabezado en WordPress (2 sencillos pasos) Tableberg