Hoy en AyudaWordPress.com

---

Incrustar “gists” de github en WordPress Posted: 02 Jul 2012 09:23 AM PDT Una de las pegas que muchos nos encontramos en WordPress es cómo mostrar código en una entrada sin que este se ejecute. Yo he usado varios sistemas, y actualmente esto más o menos contento con un plugin llamado SyntaxHighlighter Evolved. Pero la solución real para insertar código en WordPress sin que se ejecute sería una incrustación de, por ejemplo, los “gists” de github, un servicio web para compartir código con otros usuarios. github dispone de un sistema propio de incrustación de código, pues en cada “gist” tienes un enlace de “embed” que te permite incrustar un script que mostrará el gist. Ahora bien ¿no sería mejor ahorrar tiempo y usarlo como un incrustado automático, igual que hacemos con un vídeo de YouTube o un Tweet de Twitter?, copiando y pegando simplemente la URL de un “gist” en el editor visual de WordPress. Si te animas es realmente sencillo, solo tienes que añadir este código a tu plugin de funciones: //Autoincrustado desde github wp_embed_register_handler( 'gist', '/https:\/\/gist\.github\.com\/(\d+)(\?file=.*)?/i', 'wp_embed_handler_gist' ); function wp_embed_handler_gist( $matches, $attr, $url, $rawattr ) { $embed = sprintf( '<script src="https://gist.github.com/%1$s.js%2$s"></script>', esc_attr($matches[1]), esc_attr($matches[2]) ); return apply_filters( 'embed_gist', $embed, $matches, $attr, $url, $rawattr ); } Una vez guardes los cambios ya puedes mostrar “gists” de github pegando su URL en el editor (visual o html) de WordPress. Y se vería así:

You are subscribed to email updates from Ayuda WordPress To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610