Snippy Snippy

Snippy

Created by: PQINA

Rating:
Downloaded: 5k times

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 <code>{{id}}</code> placeholder.
  • Creating a <code>[youtube]</code> shortcode that makes use of the YouTube iframe snippet.
  • Adding the shortcode to the page and setting a YouTube video id.

Categories

Get New Themes & Resources