Cómo mostrar código en nuestro WordPress

Mostrar código en WordPress

Mostrar codigo en nuestro wordpress

Si necesitamos  mostrar codigo en nuestro wordpress De forma predeterminada, WordPress filtra cualquier código sin formato agregado a publicaciones de blogs, páginas, widgets o comentarios. En este artículo, le mostraremos cómo mostrar fácilmente el código en su sitio de WordPress.

Cómo mostrar código en tus publicaciones de WordPress

Primero de todo necesitamos instalar y activar el plugin Syntax Highlighter Evolved. Tras la activación debes ir a Configuración del plugin, en la opción Syntax Highlighter Evolved para configurar los ajustes del plugin.

Mostrar codigo en nuestro wordpress

La configuración que viene predeterminada para el plugin debería funcionar para la mayoría de las veces, sin embargo, debes revisar todas las configuraciones y realizar cambios que veas necesarios.

Sintax Highlighter Evolved utiliza shortcodes para mostrar el código. Para cada lenguaje de programación tenemos que poner nuestro código entre las etiquetas del shortcode para ese lenguaje de programación concreto.

Mira estos ejemplos:

[php]
echo “Hello World”;
?>
[/php]

Este ejemplo se vería así en nuestro artículo:

Como mostrar codigo corto en nuestro wordpress

Para CSS lo haremos de la siguiente forma:

[css]
.entry-title {
font-family:”Open Sans”, arial, sans-serif;
font-size:16px;
color:#272727;
}
[/css]

Y en nuestro artículo se verá de esta forma:

como mostrar codigo corto en nuestro wordpress de css

Sintaxis Highlighter Evolved resaltará automáticamente el código para ese lenguaje de programación en particular. También agregará números de línea y manejará las sangrías de las tabulaciones correctamente. Así, nuestros usuarios podrán copiar y pegar fácilmente fragmentos de código de nuestro sitio de WordPress.

Cómo mostrar código en WordPress sin usar el plugin

Mucha gente no escribe mucho código en sus artículos, por lo que es raro que necesiten utilizar este tipo de plugins y sus shortcodes en sus publicaciones. En estas ocasiones, podemos agregar código codificando el código que queremos mostrar, en código HTML.

Por ejemplo, si escribimos esto:

>?php echo “Hello World”; ?<

El resultado en nuestro artículo será esto:

<?php echo “Hello World”; ?>

Inconveniente de utilizar código HTML para mostrar codigo en nuestro wordpress

El problema con la conversión de código en código HTML es que es difícil hacerlo manualmente, sobre todo si no tienes los conocimientos y experiencia necesarios, pero siempre puedes usar herramientas on line para convertir cualquier código en código HTML.

Una de las herramientas más utilizadas es Web 2.0 Generators. Y ya sabes que si quieres darle un estilo adicional a tu código, siempre puedes poner ese código entre las etiquetas < code > y < / code >.

¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puntúa este artículo:
[Total: 0 - Promedio: 0]

Puede que también te interese...

Deja un comentario

Información básica sobre protección de datos
Responsable: Jose González Bueno.
Finalidad: Moderación y publicación de comentarios.
Destinatarios: No se comunican datos a terceros.
Derechos: Tienes derecho a acceder, rectificar, exportar y suprimir tus datos.

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

He leído y acepto la política de privacidad de este sitio. *