Cómo mostrar los códigos en bruto en sus mensajes de WordPress Blog

¿Quieres mostrar el código en tus entradas del blog de WordPress? Si trató de agregar código como texto normal, entonces WordPress no lo mostrará correctamente.

WordPress ejecuta tu contenido a través de varios filtros de limpieza cada vez que guardas un mensaje. Estos filtros están ahí para asegurarse de que alguien no inyecte código a través del editor de postales para hackear su sitio web.

En este artículo, le mostraremos las formas adecuadas para mostrar fácilmente el código en su sitio de WordPress. Le mostraremos diferentes métodos, y usted puede elegir el que mejor se adapte a sus necesidades.

Método 1. Mostrar código usando el editor predeterminado en WordPress

Este método se recomienda para principiantes y usuarios que no necesitan mostrar el código muy a menudo.

Simplemente edita la entrada del blog o la página en la que quieres mostrar el código. En la pantalla de edición de mensajes, añade un nuevo bloque de código a tu mensaje.

Ahora puede introducir el fragmento de código en el área de texto del bloque.

Después de eso, puedes guardar tu entrada en el blog y previsualizarla para ver el bloque de código en acción.

Dependiendo del tema de WordPress, el bloque de código puede tener un aspecto diferente en su sitio web.

Método 2. Mostrar código en WordPress usando un plugin

Para este método, usaremos un plugin de WordPress para mostrar el código en sus entradas de blog. Este método se recomienda para los usuarios que a menudo muestran el código en sus artículos.

Le ofrece las siguientes ventajas sobre el bloque de código predeterminado:

  • Le permite mostrar fácilmente cualquier código en cualquier lenguaje de programación
  • Muestra el código con resaltado de sintaxis y números de línea
  • Sus usuarios pueden estudiar fácilmente el código y copiarlo

Primero, necesita instalar y activar el plugin SyntaxHighlighter Evolved. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, puedes seguir adelante y editar la entrada del blog en la que quieres mostrar el código. En la pantalla de edición de mensajes, añade el bloque'Código de SintaxisDestacador' a tu mensaje.

Ahora verá un nuevo bloque de código en el editor de mensajes donde puede introducir su código. Después de añadir el código, es necesario seleccionar la configuración del bloque en la columna de la derecha.

En primer lugar, debe seleccionar el idioma de su código. Después de eso, puede desactivar los números de línea, proporcionar el número de la primera línea, resaltar cualquier línea que desee y desactivar la función para hacer que los vínculos se puedan hacer clic.

Una vez que hayas terminado, guarda tu mensaje y haz clic en el botón de vista previa para verlo en acción.

El plugin viene con un número de esquemas de color y temas. Para cambiar el tema de color, debe visitar la página Settings " SyntaxHighlighter .

En la página de configuración, puede seleccionar un tema de color y cambiar la configuración de SyntaxHighlighter. Puede guardar su configuración para ver una vista previa del bloque de código en la parte inferior de la página.

Uso de SyntaxHighlighter con Classic Editor

Si usted todavía está usando el viejo editor clásico de WordPress, entonces aquí está cómo usaría el plugin SyntaxHighlighter para agregar código a sus entradas de blog de WordPress.

Simplemente coloque su código entre corchetes con el nombre del idioma. Por ejemplo, si va a añadir código PHP, entonces lo añadirá así:

[php]
<?php
función privada get_time_tags() {
Tiempo = get_the_time('d M, Y');
return $time;
}
>?>
>[/php]

De manera similar, si desea agregar un código HTML, entonces lo envolverá en el código HTML de esta manera:

[html]
Un enlace de muestra
[/html]

Método 3. Mostrar código en WordPress manualmente (sin plugin ni bloque)

Este método es para usuarios avanzados porque requiere más trabajo y no siempre funciona como se esperaba.

Es adecuado para usuarios que todavía están usando el viejo editor clásico y quieren mostrar código sin usar un plugin.

Primero, necesita pasar su código a través de una herramienta de codificación de entidades HTML en línea. Cambiará el marcado de su código a entidades HTML, lo que le permitirá añadir el código y evitar los filtros de limpieza de WordPress.

Ahora copie y pegue su código en el editor de texto y envuélvalo y etiquételo.

Tu código se vería así:


>preparadoDIFUNDE LA PALABRA-

Ahora puede guardar su mensaje y previsualizar el código en acción. Su navegador convertirá las entidades HTML y los usuarios podrán ver y copiar el código correcto.

Esperamos que este artículo le haya ayudado a aprender a mostrar fácilmente el código en su sitio de WordPress. También puede que quieras ver nuestra lista definitiva de los consejos, trucos y hacks más buscados de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir