<p>This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress’ native gallery shortcode does this. Replacement images can be clicked to reveal a ‘delete’ button.</p>
<p>This works extremely well when your shortcode already has a tinymce button, but does work for manual shortcodes too.</p>
<p>This plugin does not support multi-line shortcodes or non-self-closing shortcodes (e.g. it supports <code>[foo bar="baz"]</code> but not <code>[foo]bar baz[/foo]</code>). Honestly, I don’t even know what would happen if you tried to use one. It may work, but it’s entirely unsupported.</p>
<p>To add your shortcode, hook onto the filter <code>'jpb_visual_shortcodes'</code>. That filter will pass one array as an argument. Each element of that array is an associative array which must contain values for the following keys:</p>
<ul>
<li><code>shortcode</code> The name of the shortcode to replace</li>
<li><code>image</code> The url of the image to replace the shortcode with.</li>
</ul>
<p>Additionally, the array may contain the optional parameter <code>command</code>, which must be a valid tinymce command. If present, this value will trigger a second UI button (‘Edit’) when the user clicks the replacement image which, when clicked, will execute the tinymce command passed as the value.</p>


Visual Shortcodes

This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress' nati …

Takayuki Miyauchi

Kazuto Takeshita

<ul>
<li>Embed your source from gist into WordPress easily.</li>
<li>You simply have to paste the URL of your Gist.</li>
<li>You can embed a specific revision of the Gist.</li>
<li>You can embed an individual file that is part of a multi-file Gist.</li>
</ul>
<h4>Summary</h4>
<p>You can embed your program sources from gist by simply pasting the URL like below.</p>
<ul>
<li>https://gist.github.com/973153</li>
<li>https://gist.github.com/973153#file_select_media.html</li>
</ul>
<h4>Support</h4>
<ul>
<li><a href="https://github.com/miya0001/oembed-gist" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://wordpress.org/tags/oembed-gist" rel="ugc">Support</a></li>
</ul>


oEmbed Gist

Thank you for this plugin! It does what it says discretely and reliably. I’m currently using it with latest WordPress (v4.4.2), and all is well.
I noticed, though, that the plugin only supports specific naming patterns. If I have a Gist with multiple files, and they are named in a dot pattern—like my.gist.file-name.php—I would end up with a URL like my-gist-file-name-php, and the plugin would not embed those. 
Is this a known behavior? Would you be interested in extending support for generic file names?



Works like a charm

A huge thanks for making this awesome plugin. Hopefully you will maintain this in future too. 
BTW IMO this feature should be included in WP Core.



Thanks for this awesome plugin

This is a whole lot better than pasting script tags. It renders the result in the content editor too! Now I can eliminate the syntax highlighter plugin I was using that loaded its assets on every single page. Two-fer.



Easy peasy lemon squeezy

I love this plugin. Makes my life easy as a code blogger.

Perfect!

Found recently that other gist embed solutions are starting to fail whereas this one is working great!

Liking this

Embed your source from gist into WordPress easily.

Visual Shortcodes vs oEmbed Gist