Te mostraremos como insertar código en un post sin necesidad de un plugin a través de Github.
Si queremos insertar código en un post, hay varios plugins que lo hacen desde dentro mismo de nuestra web, como por ejemplo SyntaxHighlighter Evolved que es gratuito, pero no siempre da buenos resultados, según nuestra experiencia.
Una muy buena opción es escribir nuestro código en un Gist de Github, ya que además de tener nuestro código online y a resguardo, nos permite organizarlo e incluso compartirlo ya sea para leer o para editar.
Para insertar un gist en WordPress o Genesis es necesario añadir el siguiente código en el archivo functions.php de nuestro tema.
Una vez que tenemos este código en functions.php, podemos añadir un gist en WordPress. Es conveniente hacerlo desde el editor de Texto y no desde el editor Visual.
Contenido del Post
Insertar un Gist
Lo primero que tenemos que hacer una vez que tengamos creado el Gist es ingresar en el mismo y copiar la dirección que figura en el navegador.
Como podemos ver, en el enlace sale nuestro usuario, al agregar el gist en WordPress lo tenemos que quitar, de forma tal que quede luego del .com/ el número del Gist. Este nuevo enlace es el que insertaremos en WordPress.
De esta forma, se puede añadir un gist, sin embargo estaremos añadiendo todo el Gist, es decir si tiene varios archivos, se verán todos juntos.
Insertar un sólo archivo del Gist
Para añadir un sólo archivo de los que están en el Gist, el proceso es muy similar, en este caso dentro de GitHub, nos posicionamos sobre el archivo y veremos el siguiente enlace.
En este caso también deberemos quitar el nombre de usuario y luego modificar el final del enlace, modificando el # por un ? y luego “file-” por “file=” y el nombre del archivo en este caso “style-css” por “style.css”, quedando el enlace de este ejemplo de la siguiente forma: “https://gist.github.com/2e7230d238fb4aa5e94b?file=style.css”.
Este enlace es el que agregamos en el post en la edición de texto y ya tendremos el Gist insertado en nuestro post.
Si deseas implementar un proyecto en Genesis o WordPress, no dudes en contactarnos y en visitarnos regularmente en Target IMC para tener más información.
Deja una respuesta