Si estas utilizando WordPress y eres desarrollador web, es normal que utilices fragmentos de código en tus tutoriales. En WordPress es muy fácil mostrar los códigos sin colocar algún tipo de formato. Pero lo mejor sería organizar el código para que las personas puedan copiarlo rápidamente. Es por ello que en este artículo que traemos hoy en Actiweb estaremos mostrando los mejores plugins de WordPress para insertar líneas de código en publicaciones.
Además de insertar código, también existe la función de hacer que tu código se observe como si fuese sacado de un editor. Esto quiere decir, que podemos colocarle líneas enumeradas, colores y sangrías para que luzca de una forma organizada.
A continuación, te traemos una lista de los mejores plugins hasta el momento para insertar líneas de código en WordPress y que son totalmente gratuitos.
Code Snippets CPT
Code Snippets CPT estará creando un nuevo tipo de entrada denominada Snippets donde podrás contener una librería de código e insertar taxonomías para clasificar los diferentes códigos que quieras colocar. Podrás colocar los Snippets utilizando la opción de sintaxis en las entradas por medio de un botón bastante útil en los fragmentos de códigos.
Al utilizar Code Snippets CPT puedes copiar un fragmento de código, seleccionar el lenguaje para la sintaxis, llevar a cabo la activación de vista completa, ingresar una vista completa del código y obtener vistas previas utilizando el editor visual de WordPress.
Preserve Code Formatting
El plugin Preserve Code Formatting así como el nombre del complemento lo indica, evita que WordPress modifique el código, además se encarga de conservar el espaciado que has establecido para el código al momento de crear una nueva entrada de WordPress.
De igual forma, Preserve Code Formatting evita que otros plugins hagan cambios en el código, logra mantener el código añadido en los comentarios y evita así que los códigos cortos sean procesados.
WP-SynHighlight
WP-SynHighlight es un complemento que inserta la opción de resaltado de sintaxis en la entrada y comentarios directamente desde el editor visual de nuestro WordPress. Cuenta con botones en la interfaz que nos estarán ayudando a resaltar las opciones, de tal forma que no sea obligatorio tener que memorizar algún elemento. De igual forma puedes activar el resaltado de sintaxis si es conveniente para tu sitio web.
Este plugin cuenta con otras opciones a tu disposición, brindándote herramientas para resaltar códigos.
SyntaxHighlighter Evolved
SyntaxHighlighter Evolved te ofrece la posibilidad de insertar código sin ningún tipo de problema. Para ello utiliza un paquete de JavaScript SyntaxHighlighter de Alex Gorbachev, además suele ser compatible con cualquier parámetro que usa este paquete por medio de la utilización de códigos cortos.
Esta herramienta es popular con todos los lenguajes más populares como PHP, HTML, JavaScript, CSS Ruby, Python, Groovy, entre otros.
Crayon Syntax Highlighter
Crayon Syntax Highlighter en un complemento desarrollado en jQuery y PHP el cual es compatible con una diferente cantidad de lenguajes y plantillas de WordPress. Al utilizar este plugin podrás resaltar el texto o URL, también administrar archivos de lenguaje y definir ciertos elementos que sean personalizados. Esto puede ser aplicado para cada tipo de lenguaje utilizando expresiones regulares.
Esta herramienta te ofrece la posibilidad de insertar números de línea, copiar y pegar códigos, expandir y minimizar código, abrir un código en una nueva ventana, combinar diferentes tipos de lenguaje, es compatible para código en los comentarios, obtener una vista previa, entre otras opciones.
WP-Syntax
WP-Syntax es una herramienta que estará activando la opción de resaltado de código por medio de su GeSHI. Es totalmente compatible con una gran cantidad de lenguajes, puedes activar o desactivar los números de línea que necesites. Además, mantiene el mismo formato del fragmento de código que hayas copiado y pegado en tu editor.
El complemento evita cualquier tipo de conflicto con otros plugins al colocar en funcionamiento sus filtros. Estos sustituyen los distintos fragmentos de código primero y luego inserta la opción de formato y resaltado. De esta manera, se estará obteniendo un código fuente con distintas opciones de resaltado que hayas especificado.
Enlighter
Enlighter en un complemento muy sencillo de utilizar para mostrar código en WordPress. Ha sido desarrollado en PHP y utiliza JavaScript, además se encuentra basado en EnlighterJS para ofrecer un excelente formato para los códigos. Cuando se utiliza esta herramienta sólo tendrás que seleccionar el estilo del editor o insertar un código corto a los scripts que quieres destacar en tu página web.
Este plugin cuenta con unas herramientas ideadas para personalizar temas, de tal forma que puedes modificar aspectos determinados sin tener que insertar código CSS. Se puede utilizar una vista previa, un editor visual que funciona perfectamente, colocar códigos cortos en los widget y comentarios, un editor de texto, opciones de etiquetas y códigos cortos rápidos, configuraciones avanzadas y mucho más.
Enlighter es totalmente compatible con una gran cantidad de lenguajes como: HTML, CSS, PHP, Java, JavaScript, Shell, C++, entre otros.
Ahora que conoces estos plugins, ya puedes insertar lineas de código en tus entradas de WordPress.
¿Estás interesado en conocer más tutoriales sobre WordPress? puedes visitar nuestro blog y volverte un experto.
