WordPress Shortcodes are really helpful to any website and are fun to use!
- Shortcodes are unique to WordPress
- Shortcodes are little bits of code that can be inserted into a page, post or widget area
- Plugins and themes can have their own unique shortcodes
What can WordPress shortcodes do?
- Shortcodes allow you to add certain layouts to a page or post
- They also add cool interactivity and features to your website
- You don’t need to learn any code
- With shortcodes you can add, tab, toggles, spoilers, buttons, video and more (see explanation below)
Why are shortcodes useful?
- WordPress Shortcodes are useful for breaking up big blocks of text with cool little features
- To easily add videos, slideshows, buttons to your pages and more..
What is a tab
- Tabs allow you to create text in a way so it’s easier to read
- Hence making it a better user experience
- This is what you should be doing to make a better website for your visitors, which Google loves
This is an example of how a tab works below. This example could be for a website that offers course.
[su_tabs]
[su_tab title=”Prices”] Add prices[/su_tab]
[su_tab title=”Dates”] Add dates[/su_tab]
[su_tab title=”Venues”] Add venues[/su_tab]
[/su_tabs]
Shortcode for Tabs
(Use this plugin – Shortcodes Ultimate By Vladimir Anokhin)
What is an Accordion?
- Accordions are similar to tabs, they just look a little different
- They allow to user to click open content they are interested in
- They help break up big blocks of text
- Making it easier to read
- Again this helps make your website a more positive experience for your readers
[su_accordion]
[su_spoiler title=”Prices”] Add prices [/su_spoiler]
[su_spoiler title=”Dates”] Add dates [/su_spoiler]
[su_spoiler title=”Venues”] Add venues [/su_spoiler]
[/su_accordion]
Shortcode for Accordions
(Use this plugin – Shortcodes Ultimate By Vladimir Anokhin)
What are Column Layouts?
Column layouts help break up text or content into separate areas or columns. You can have several different types of column layouts.
The most typical is 2, 3 or 4 column layouts. See the example below.
[su_row]
[su_column size=”1/3″] Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. [/su_column]
[su_column size=”1/3″]Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. [/su_column]
[su_column size=”1/3″] Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. Add your text here. [/su_column]
[/su_row]
Shortcode for 3 columns
(Use this plugin – Shortcodes Ultimate By Vladimir Anokhin)
Responsive YouTube video
(Use this plugin – Shortcodes Ultimate By Vladimir Anokhin)
If you want to add a YouTube video that is responsive, which means looks good on all devices, phones etc..
Then you would add this shortcode below, with your URL inserted.
[su_youtube url=”https://youtube.com/watch?v=DR2c266yWEA”]
