Hay una broma corriente entre los programadores de que el desarrollo de software es 10-20% sabiendo cómo codificar y 80-90% sabiendo cómo buscar en Internet una respuesta o un fragmento de código. Afortunadamente, muchas personas publican esos fragmentos de código en sus sitios web para que otros los usen y modifiquen. Si usted es uno de los codificadores útiles que resuelve problemas y quiere compartir el código resultante, aquí tenemos una gran cantidad de complementos de WordPress que pueden ayudarlo a publicar esos fragmentos de código en un formato fácil de leer y copiar.
Ya sea que desee mostrar el código en un solo bloque para sus lectores o en línea como parte de una discusión donde puede señalar elementos específicos del código, hay un complemento para usted. Puede manejar esto manualmente ajustando su archivo functions.php , pero aunque a menudo sugerimos un enfoque manual para algunas cosas en WordPress, los complementos son definitivamente el camino a seguir para esta función.
Suscríbete a nuestro canal de Youtube
1. Resaltador de sintaxis evolucionado
Uno de los estándares en este campo, SyntaxHighlighter Evolved es fácil de usar e instalar. Tenemos una guía completa sobre cómo instalarlo y configurarlo en su sitio. Básicamente, puede pegar el código en el campo vacío y el complemento lo toma desde allí. Mostrará ese código completamente resaltado y formateado para sus lectores. Puede ajustar varias configuraciones, como el color y el formato, en la configuración del complemento.
También pueden hacer clic en el fragmento de código que se muestra y copiarlo para su propio uso. Además, cuando se hace clic en el bloque de código, muestra una versión de texto sin formato del código que hace que copiar y pegar sea más fácil para el usuario. Lo último que necesita alguien que está buscando un código es tener que reformatearlo y depurarlo por su cuenta.
El complemento también se ejecuta con varios parámetros de shortcode, lo que significa que solo necesita insertar un shortcode en una publicación o página, luego ajustar varios elementos por fragmento. Si los códigos abreviados no son lo tuyo, entonces puedes asegurarte de usar el bloque personalizado para el Editor de bloques. Es fácil, rápido y simple como la mayoría de los otros bloques personalizados de Gutenberg.
Precio: GRATIS | Más información
2. Fragmentos de código
Cuando vea un complemento simplemente llamado Fragmentos de código, es muy probable que sepa lo que hace. Y ojalá lo haga bien. Por suerte para todos nosotros, Code Snippets en realidad muestra bien los fragmentos de código. Una de las características sobresalientes de este complemento es que no solo las líneas de código que se muestran están formateadas para leer y copiar fácilmente, sino que viene con un campo personalizado para una descripción del código para que pueda rastrear fácilmente qué fragmentos hacen qué (y así sus lectores también puede obtener una descripción completa).
Agradecemos que este complemento le brinde una lista completa de todos los fragmentos de código en su sitio web (aquellos que se crean con este complemento), de modo que cualquier actualización o edición que deba realizarse sea rápida y fácil sin tener que buscar y encontrar qué publicación o página lo contiene. Eso también le permite usar los mismos fragmentos en más de una ubicación y mantener solo una instancia de la misma.
Precio: GRATIS | Más información
3. Enlighter: resaltador de sintaxis personalizable
Desarrollado por EnlighterJS , el complemento Enlighter de nombre similar le brinda mucho control sobre cómo se muestran sus fragmentos de código en su sitio. Una gran ventaja de este es cómo puede agregar código en línea en lugar de en su propio bloque. La mayoría de los complementos de fragmentos de código solo permiten el formato de bloque. (O editar a través de un bloque real del Editor de bloques). Esta característica ayuda mucho con la legibilidad de sus publicaciones y la explicación del código, y también le permite incluir más fácilmente solo una parte de un fragmento completo en el contexto de una línea particular, función, o frase.
Además, este es uno de los pocos complementos que tiene un resaltador de «lenguaje genérico», lo que significa que si ingresa un fragmento y el complemento no puede saber si es de PHP, HTML, JavaScript u otra cosa, seguirá siendo resáltelo lo mejor posible, lo que significa que no aparecerá simplemente como texto sin formato. Esto solo hace que valga la pena echarle un vistazo a Enlighter debido a lo legible que hace que cada línea de código que coloque en su sitio web.
Precio: GRATIS | Más información
4. Resaltador de código de sintaxis
Code Syntax Block utiliza el resaltador de sintaxis de Prism para representar fragmentos de código en sus publicaciones y páginas de WordPress. Pasando por el Editor de bloques, solo necesita pegar el código que desea que se muestre y jugar con algunas de las configuraciones en la barra lateral derecha, usando metaboxes y detalles. Esto ayuda a que sea más fácil etiquetar e identificar qué fragmento de código está mirando el usuario.
Con este complemento, no tiene que depender de ningún estilo preestablecido para colorear los fragmentos resaltados. Si bien el complemento incluye ajustes preestablecidos, puede modificar la configuración de color del código usando CSS en un archivo incluido con el complemento. Ese nivel de personalización es bueno cuando su sitio busca una estética particular o se enfoca en un tipo de desarrollo particular. Al usar CSS para ajustar los bloques de código mostrados, puede brindarles a los usuarios que visitan su sitio la mejor experiencia posible, tanto desde el punto de vista de la visualización como de la usabilidad.
Precio: GRATIS | Más información
Terminando con complementos de fragmentos de código
Independientemente de la razón por la que necesite mostrar fragmentos de código en su sitio, los complementos disponibles le ofrecen una gran cantidad de personalización, conjuntos de características sólidas y facilidad de uso para obtener esa solución a los problemas de codificación en línea. Como dijimos anteriormente, una gran parte de ser un desarrollador de software es la capacidad de buscar las respuestas en línea para problemas que ya se han resuelto. Con cualquiera de estos complementos, puede hacer su parte para pagarlo. Haga un gran avance y luego lance el código en línea. Alguien por ahí te lo agradecerá. E incluso si no lo hacen, su fragmento de código aún ayudó.
¿Para qué utiliza fragmentos de código en su sitio?
Imagen destacada del artículo por magic pictures / shutterstock.com