Para publicar código que no se ejecute en WordPress y simplemente se muestre como texto o ejemplos en un post, puedes utilizar el bloque de código preformateado o preformatted text en el editor de bloques de WordPress. Aquí hay una guía paso a paso para hacerlo:
Inicia sesión en tu sitio de WordPress y ve al editor de entradas o páginas donde deseas insertar el código.
Dentro del editor, crea un nuevo bloque haciendo clic en el botón «+» en la parte superior izquierda o escribiendo «/preformatted» para buscar el bloque de «Texto preformateado» o «Preformatted» si estás usando la última versión de WordPress.
Una vez que hayas agregado el bloque de «Texto preformateado», simplemente pega o escribe tu código dentro de ese bloque. No se ejecutará ni formateará como código en vivo; se mostrará tal como está escrito.
Si deseas resaltar aún más tu código, puedes usar la opción de «Estilos» en la barra de herramientas del bloque de texto preformateado para seleccionar un estilo de fuente o ajustar los márgenes.
Guarda o publica tu entrada o página, y el código se mostrará en el frontend tal como lo ingresaste, sin ejecutarse.
Al seguir estos pasos, podrás incluir ejemplos de código en tu sitio de WordPress de manera clara y legible, sin que se ejecute como código en vivo. Esto es especialmente útil para compartir ejemplos de código HTML, CSS, JavaScript u otros lenguajes de programación en tu sitio web.
Editor clásico de WordPress
Si estás utilizando el editor clásico de WordPress (también conocido como el editor TinyMCE), puedes publicar código que no se ejecute de la siguiente manera:
- Inicia sesión en tu sitio de WordPress y ve al editor de entradas o páginas donde deseas insertar el código.
- Dentro del editor clásico, cambia al modo «Texto» haciendo clic en la pestaña «Texto» en la parte superior derecha del editor. Esto te permitirá ver y editar el código HTML directamente.
- Ahora, puedes pegar o escribir tu código directamente en el área de texto. Asegúrate de que esté dentro de las etiquetas de código preformateado
<pre>y<code>. Por ejemplo:
- Después de ingresar tu código, puedes regresar al modo «Visual» haciendo clic en la pestaña «Visual» en la parte superior derecha del editor. Verás que tu código se muestra en un bloque resaltado, pero no se ejecutará ni formateará como código en vivo.
- Guarda o publica tu entrada o página, y el código se mostrará en el frontend tal como lo ingresaste, sin ejecutarse.
Al seguir estos pasos, podrás incluir ejemplos de código en tu sitio de WordPress utilizando el editor clásico sin que se ejecute como código en vivo. Esto es útil para compartir ejemplos de código HTML, CSS, JavaScript u otros lenguajes de programación en tu sitio web con el formato adecuado.
