introducing SVG shortcodes...

With the SVG Logo and Title Effects plugin you can create visually stunning text and insert it into your page content using shortcodes. Shortcodes are a WordPress feature that allows you to insert special content, such as SVG. To write a shortcode you write pairs of attributes and values that you specify within square brackets, "[" and "]".

To read more on WordPress shortcodes in general, read the relevant documentation here.

To see examples of SVG shortcodes that you can use with SLATE, visit the examples section.

...that you don't need to learn

The plugin provides you with a powerful and extensible shortcode syntax that you really don’t need to learn: Just copy & paste the examples given here into your editor, then tweak the attribute values to your liking.

syntax quickstart

To insert some text, first you need to pick a text shape. We'll start with the simplest shape, plain.

<i>Hello</i> <u>SVG</u> <b>world</b>

Notice how we're free to use basic HTML formatting such as <u> for underline or <i> for italics. When using the WordPress editor, you can use the text formatting buttons from the editor's toolbar to do this.
Finally, we need to close the shortcode with a matching
Hello SVG world

Notice how we're free to use basic HTML formatting such as  for underline or  for italics. When using the WordPress editor, you can use the text formatting buttons from the editor's toolbar to do this.
Finally, we need to close the shortcode with a matching

	

		

	

	


	

	




<i>Hello</i> <u>SVG</u> <b>world</b>Notice how we're free to use basic HTML formatting such as <u> for underline or <i> for italics. When using the WordPress editor, you can use the text formatting buttons from the editor's toolbar to do this.Finally, we need to close the shortcode with a matching
<i>Hello</i> <u>SVG</u> <b>world</b>

Notice how we're free to use basic HTML formatting such as <u> for underline or <i> for italics. When using the WordPress editor, you can use the text formatting buttons from the editor's toolbar to do this.
Finally, we need to close the shortcode with a matching.

[/slate_plain]

And that's it.

Here's the code again, all in one go:




    <i>Hello</i> <u>SVG</u> <b>world</b>




    Hello SVG world



	

		

	

	


	

	




    <i>Hello</i> <u>SVG</u> <b>world</b>


    <i>Hello</i> <u>SVG</u> <b>world</b>


This example can be inserted anywhere into your WordPress content and will produce the following:

Hello SVG world Hello SVG world Hello SVG world  Hello SVG world

download

Visit the download area to get this plugin, or visit the SVG shortcode examples if you wish to see more examples of SVG shortcodes!

SVG shortcodes tutorial

Updated on 2016-09-30T13:37:34+00:00, by alexg.