Los Syntax Highlighter son herramientas que utilizamos para mostrar bloques de código a manera que resalte del resto del texto, he aquí un ejemplo:
<html> <head> <title>Prueba de PHP</title> </head> <body> <?php echo '<p>Hola Mundo</p>'; ?> </body> </html>
Para hacer esto simplemente podemos hacer uso de las herramientas comunes como lo son pastebin.com o nuestra plataforma copypaste.codes, que nos muestran código formateado y coloreado.
En WordPress tenemos algunas herramientas para hacer esto, una de las mejores en su momento fue Crayon Syntax Highlitghter pero después de su abandono, este plugin quedo varado un buen tiempo, hasta que llego el editor por bloques Gutenberg que termino por matar este plugin.
Actualmente hay varias herramientas como Crayon, que están en el abandono y es cuestión de tiempo para que un cabio en WP los extinga, para eso hemos recopilado los plugins mas populares y sobre todo actualizados para este fin, por lo que ahora les presentamos…
Los 3 mejores plugins para resaltar sintaxis de código en WordPress
#1 Enlighter – Customizable Syntax Highlighter
Comenzamos por uno de los plugins que mas me llamo la atención y que sobre todo considero uno de los mejores, Enlighter nos permite agregar bloques de código y resaltarlos, soporta gran cantidad de lenguajes de programación modernos.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ConsoleApp1
{
class Program
{
static void Main(string[] args)
{
Console.WriteLine("Hello, world!");
Console.ReadLine();
}
}
}
// Your First Program
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
<html> <head> <title>Prueba de PHP</title> </head> <body> <?php echo '<p>Hola Mundo</p>'; ?> </body> </html>
Es altamente personalizable, puedes modificar los colores de tema y cuenta con varias opciones avanzadas para los bloques de código, como agrupar varios fragmentos de código en un solo bloque con pestañas (como se muestra arriba) y resaltar cualquier línea.
#2 Urvanov Syntax Highlighter
Este es el sucesor de Crayon Syntax Highlighter, gracias a su autor , quien tomo a Crayon y lo renovó para seguir en versiones actuales de WordPress. Ahora es funcional con el editor por bloques y con el editor clásico.
Sus temas son personalizables y hasta puedes crear el tuyo con tu propio esquema de colores, aunque suele funcionar bien, puede que haya ciertas incompatibilidades con algunos plugins o temas, pero fuera de eso y sus constantes actualizaciones, Urvanov sigue siendo una buena opción.
#3 SyntaxHighlighter Evolved
Creado Alex Mills (R.I.P) utilizando el paquete de JavaScript SyntaxHighlighter de Alex Gorbatchev, con mas de 30,000 instalaciones activas y un gran respaldo de la comunidad especialmente por parte de la empresa detrás de WordPress.com (Automattic), SyntaxHighlighter Evolved se ha convertido en una de las opciones favoritas de muchos.
Soporta pocos lenguajes para resaltar y al igual que Enlighter, cuenta con pocos temas para elegir. Una de sus desventajas es la dificulta de su uso, en especial con el editor clásico, ya que se requiere agregar manualmente un shortcode con los parámetros necesarios para mostrar el código.
A pesar de que claramente esta mas pensado para el editor de bloques SyntaxHighlighter Evolved sigue siendo una solución sencilla y eficaz para la tarea.
#bonus Prismatic
Un plugin muy simple pero bastante poderoso y sin duda útil, cumple con la tarea básica de mostrar código de una manera limpia y elegante. Cuenta con una gran variedad de lenguajes para resaltar y es compatible ambos editores de WordPress.
También cuenta con varios temas predefinidos para elegir, y no requiere de mucha configuración. No lo incluí como un número en la lista ya que carece de funcionalidades avanzadas en comparación con los demás, pero me pareció una buena alternativa para quienes les gusta conservar un estilo minimalista.
Estos plugins son nuestra recomendación para resaltar código, existen otros plugins similares en el repositorio de WordPress, pero desgraciadamente han sido abandonados por sus autores y la comunidad, por seguridad te sugerimos no hacer uso de ellos.
Si quieres ver mas temas sobre plugins visita nuestro sitio web, recopilamos los mejores plugins gratuitos y de paga, y los comparamos para que puedas ver sus cualidades antes de instalarlos.