Post Pic

Easily embed and share Github gists on your WordPress blog

Github gists are a great way to create and share code snippets, and many developers are using Github. Today, I’m exited to share this very handy code snippet which allow you to embed a Github gist on your blog, simply by pasting the gist url.

Paste the following code into your functions.php file. Once done, simply paste the URL of a Github gist into a post or page. The gist will be automatically embedded in your blog.

**
 * Usage:
 * Paste a gist link into a blog post or page and it will be embedded eg:
 * https://gist.github.com/2926827
 *
 * If a gist has multiple files you can select one using a url in the following format:
 * https://gist.github.com/2926827?file=embed-gist.php
 */
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 );
}

Thanks to Robert O'Rourke for this handy piece of code!

2 Responses

Jun 23 2012 21:38

Thanks for this coding tip. You’re comment start is missing the first forward slash.

Jun 25 2012 11:43

Wee little copy/paste error there!

Thanks for sharing this wprecipes :)

Trackbacks:

Leave a Comment

* Name, Email, Comment are Required

WP Theme of the week

Sponsored Likebox