Snippy

Screenshots

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.