Follow for free plugins, new theme releases and theme news
Plugin Description
Use Snippy to quickly create your own custom shortcodes.
A Snippy shortcode is built by combining bits. A bit can be a file, like a Stylesheet or a Script, or a piece of code, like HTML, CSS or JavaScript.
The “code” bits can contain placeholders, which are automatically made accessible as shortcode attributes.
Time for a quick example.
Let’s create a shortcode to embed YouTube videos. We’ll add an HTML bit and set the it’s value to the YouTube embed iframe.
<iframe src="https://youtube/embed/JZYYJY4yoK4"/>
Now to make this bit a bit more flexible we will replace the YouTube video id with a placeholder value {{id}}.
<iframe src="https://youtube/embed/{{id}}"/>
Yay! We’ve finished our first bit!
Now we can create a new Snippy shortcode and add the YouTube iFrame HTML bit. After saving the shortcode we can use our new and shiny YouTube shortcode in the text editor.
[youtube id=JZYYJY4yoK4]
Ready for more?
The below 3 minute YouTube video shows how you can use Snippy to turn a jQuery plugin into a WordPress plugin.
Screenshots
Creating an HTML bit containing a YouTube iframe snippet and setting the {{id}} placeholder.
![Creating a <code>[youtube]</code> shortcode that makes use of the YouTube iframe snippet.](https://ps.w.org/snippy/assets/screenshot-2.png?rev=1700351)
Creating a [youtube] shortcode that makes use of the YouTube iframe snippet.
Adding the shortcode to the page and setting a YouTube video id.
