Easy to use shortcodes in your blog posts

Table of Contents

1 The Button Shortcode
2 The Tooltip Shortcode
3 The Badge Shortcode
4 The Progress Bar Shortcode
5 The Post Listing Shortcode
6 The ul List Shortcode
7 The ol List Shortcode
8 The Tab Menu Shortcode
- 8.1 Lorem ipsum dolor sit amet
- 8.2 Nulla consequat massa
- 8.3 Aenean commodo ligula eget
9 The Accordion Shortcode
- 9.1 Lorem ipsum dolor sit amet
- 9.2 Nulla consequat massa
- 9.3 Aenean commodo ligula eget
10 The Toggle Shortcode
11 The Video Embed Shortcode
12 The Icon Shortcode
13 The Alert Box Shortcode
14 The Dropcap Shortcode
15 The Lead-In Shortcode
16 The Column Shortcode
- 16.1 Half column
- 16.2 Third column
- 16.3 Fourth column
17 The Text-Highlight Shortcode
18 The Divider Shortcode
- 18.1 Solid
- 18.2 Dotted
- 18.3 Dashed
- 18.4 Double
- 18.5 Divider with content inside
19 The Google Maps Shortcode
20 Rating Shortcode
21 Like Button Shortcode
22 Social Postbar Shortcode
23 The Gallery Shortcode
- 23.1 Gallery – Column 1 with autoplay
- 23.2 Gallery – Column 2 with Navigation
- 23.3 Gallery – Column 3 with autoplay
- 23.4 Gallery – Column 4
24 The Countdown Shortcode
25 (Anti-Spam) E-Mail Encode Shortcode
- 25.1 Embed a custom email address
- 25.2 Embed a user email address

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

The Button Shortcode

[ button link = "http://www.google.de" ] Click me [ /button ]

Click me

The Tooltip Shortcode

[ tooltip title="This is the tooltip content" placement="top" ] [ /tooltip ]

Lorem ipsum dolor sit amet, consectetuer Hover me – Top elit. Aenean commodo ligula eget dolor. Hover me – Right Aenean massa. Donec quam felis, Hover me – Bottom ultricies nec, pellentesque eu, pretium quis, sem. Hover me – Left Nulla consequat massa quis enim.

The Badge Shortcode

[ badge ]Your text here[ /badge ]

Lorem ipsum dolor sit amet, consectetuer Badge elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

The Progress Bar Shortcode

[ progress now="50" min="0" max="100" ]Your label here[ /progress ]

50%

25%

100%

75%

[ progress now="50" min="0" max="100" style="striped" ]Your label here[ /progress ]

75%

[ progress now="50" min="0" max="100" style="striped" animation="on" ]Your label here[ /progress ]

75%

[ progress now="50" min="0" max="100" color="success" ]Your label here[ /progress ]

50% (success)

50% (danger)

50% (info)

50% (warning)

The Post Listing Shortcode

[ post-list count="3" column="none" ] [ /post-list ]

4ª Ed Curso de especialista profesional en herramientas de gestión y fertirrigación para una agricultura sostenible

ORGANIZA Y PROMUEVE OPINIONES DE LAS EDICIONES ANTERIORES COLABORA

5ª Ed Curso de especialista profesional en herramientas de gestión y fertirrigación para una agricultura sostenible

ORGANIZA Y PROMUEVE OPINIONES DE LAS EDICIONES ANTERIORES COLABORA

6ª Ed Curso de especialista profesional en herramientas de gestión y fertirrigación para una agricultura sostenible

ORGANIZA Y PROMUEVE ¡INSCRÍBETE AHORA! OPINIONES DE LAS EDICIONES ANTERIORES ¡INSCRÍBETE AHORA! ACCESO AL AULA VIRTUAL COLABORA

Show all post listing shortcodes.

The ul List Shortcode

[ ulist icon = "fa-check-circle" ] < ul >< li > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. < /li >< /ul > [ /ulist ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla consequat massa quis enim.
Aenean commodo ligula eget dolor. Aenean massa.

The ol List Shortcode

[ olist ] < ol >< li > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. < /li >< /ol > [ /olist ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla consequat massa quis enim.
Aenean commodo ligula eget dolor. Aenean massa.

The Tab Menu Shortcode

[ tabmenu ] [ tab ] tab 1 [ /tab ] [ /tabmenu ] [ tab-content ] [ tab-pane ] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [ /tab-pane ] [ /tab-content ]

Lorem ipsum dolor sit amet

Nulla consequat massa

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Aenean commodo ligula eget

The Accordion Shortcode

[ acc ] [ acc-item item="acc item 1" ] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [ /acc-item ] [ /acc ]

acc item 1

Lorem ipsum dolor sit amet

acc item 2

Nulla consequat massa

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

acc item 3

Aenean commodo ligula eget

The Toggle Shortcode

[ toggle ] [ toggle-item item="acc item 1" ] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [ /toggle-item ] [ /toggle ]

toggle item 1

toggle item 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

toggle item 3

toggle item 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

toggle item 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

The Video Embed Shortcode

[ video-embed type = "youtube" link = "La4HRfL5tV4" ][ /video-embed ]

[ video-embed type = "vimeo" link = "183561398" ][ /video-embed ]

The Icon Shortcode

[ icon type = "fa-search" size = "2" ][ /icon ]

The Alert Box Shortcode

[ alert type = "success" ] Well done! You successfully read this important alert message. [ /alert ]

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it’s not super important.

Warning! Better check yourself, you’re not looking too good.

Oh snap! Change a few things up and try submitting again.

The Dropcap Shortcode

[ dropcap ] L [ /dropcap ]

orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

The Lead-In Shortcode

[ leadin align = "left"] Create your blog and share your voice. [ /leadin ]

Create your blog and share your voice.

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Make a website that’s your own.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Design your success story with a powerful website.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

The Column Shortcode

[ column ] [ col size="2" ] Column 1 [ /col ] [ col size="2" ] Column 2 [ /col ] [ /column ]

Half column

Third column

[ column ] [ col size="3" ] Column 1 [ /col ] [ col size="3" ] Column 2 [ /col ] [ col size="3" ] Column 3 [ /col ] [ /column ]

Fourth column

[ column ] [ col size="4" ] Column 1 [ /col ] [ col size="4" ] Column 2 [ /col ] [ col size="4" ] Column 3 [ /col ] [ col size="4" ] Column 4 [ /col ] [ /column ]

The Text-Highlight Shortcode

[ mark ] Highlighted Text [ /mark ]

The Divider Shortcode

[ divider type="solid" ] [ /divider ]

Solid

Dotted

Dashed

Double

Divider with content inside

The Google Maps Shortcode

[ maps width = "100%" height = "350px" link = "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d453478.8144488746!2d152.71233137091994!3d-27.38185974480549!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sde!2sde!4v1484508882042" ] [ /maps ]

Rating Shortcode

[ rating ] [ /rating ]

Easy to use shortcodes in your blog posts Score: 4.50 / 5 (16votes)

Like Button Shortcode

[ like-button ] [ /like-button ]

Social Postbar Shortcode

[ social-postbar ] [ /social-postbar ]

The Gallery Shortcode

Gallery – Column 1 with autoplay

[ gallery-carousel column = "1" autoplay = "true" items = "4" ] [ gallery size = "medium" link = "file" columns = "1" ids = "3649,3647,3645,3644" ] [ /gallery-carousel ]

Gallery – Column 2 with Navigation

[ gallery-carousel column = "2" items = "6" nav = "true" ] [ gallery size = "medium" link = "file" columns = "2" ids = "3649,3647,3645,3644,3625,3655" ] [ /gallery-carousel ]

Gallery – Column 3 with autoplay

[ gallery-carousel column = "3" autoplay = "true" items = "6" ] [ gallery size = "medium" link = "file" columns = "3" ids = "3649,3647,3645,3644,3625,3655" ] [ /gallery-carousel ]

Gallery – Column 4

[ gallery-carousel column = "4" items = "6" ] [ gallery size = "medium" link = "file" columns = "4" ids = "3837,3835,3833,3815,3814,3813"] [ /gallery-carousel ]