Cómo mostrar fácilmente el código en su sitio de WordPress

¿Desea mostrar el código en su sitio de WordPress? De forma predeterminada, WordPress filtra cualquier código en bruto agregado en publicaciones de blog, páginas, widgets o comentarios. En este artículo, le mostraremos cómo mostrar fácilmente el código en su sitio de WordPress.

Primero necesitas instalar y activar el plugin Syntax Highlighter Evolved. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Ajustes »Resaltador de sintaxis para configurar los ajustes del plugin.

La configuración predeterminada del complemento debería funcionar para la mayoría de los sitios web. Sin embargo, debes revisar todas las configuraciones y hacer cambios si es necesario.

Cada opción tiene una descripción detallada para explicar lo que hace. Una vez que haya terminado, simplemente haga clic en el botón Guardar cambios para almacenar su configuración.

Sintaxis Highlighter Evolved utiliza códigos cortos simples para mostrar el código. Para cada lenguaje de programación que necesite, coloque su código en el código corto de ese lenguaje.

Para PHP envolverías tu código así:

[php]
echo "Hola Mundo";
?>
[/ php]

Aparecerá en tu post así:

Para CSS envolverás tu código de esta manera:

[css]
.título de entrada
font-family: "Open Sans", arial, sans-serif;
tamaño de fuente: 16px;
color: # 272727;

[/ css]

Aparecerá en tu sitio así:

 .entrada-título font-family: "Open Sans", arial, sans-serif; tamaño de fuente: 16px; color: # 272727;  

El resaltador de sintaxis resaltará automáticamente el código para ese idioma en particular. También agregará números de línea y manejará la sangría de la pestaña correctamente. Sus usuarios podrán copiar y pegar fácilmente fragmentos de código de su sitio de WordPress.

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

Muchos bloggers no ejecutan un blog de desarrollo, por lo que no necesitan agregar fragmentos de código de muestra en sus publicaciones muy a menudo. En raras ocasiones, puede agregar código codificando el código en entidades HTML. Me gusta esto:

>? php echo "Hello World"; ?<

El problema con la conversión de código en entidades HTML es que es difícil hacerlo manualmente. Puedes usar herramientas en línea como esta, para convertir código en entidades HTML.

Al convertir PHP, HTML, código JavaScript en entidades HTML, puede pegarlos en sus publicaciones de WordPress. Para un estilo adicional puede envolver el código entre y etiquetas.

Esperamos que este artículo te haya ayudado a encontrar el mejor complemento de resaltador de sintaxis para WordPress. También puede disfrutar de nuestro artículo sobre 13 complementos y sugerencias para mejorar el área de administración de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..