DISCLAIMER: this post is older than one year and may not be up to date with latest WordPress version.

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!

Tags

2 Comments

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

  2. Wee little copy/paste error there!

    Thanks for sharing this wprecipes 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *