Shortcodes

Shortcodes

Shortcodes: Row/Column

Hop onto following page for row/column shortcode examples.

Shortcode: dropcap

id: add a unique ID to the shortcode.
class: add a class or multiple classes to the shortcode.

Code example:

[dropcap]T[/dropcap]his is a example of dropcap, the first character of this paragraph looks really great, isn't it? And that's the dropcap! This is additional text for the paragraph.

Dropcap outputs:

This is a example of dropcap, the first character of this paragraph looks really great, isn’t it? And that’s the dropcap! This is additional text for the paragraph.

Shortcode: blockquote

type: “left”, “right”.
cite: accepts any text.
id: add a unique ID to the shortcode.
class: add a class or multiple classes to the shortcode.

Code examples:


[blockquote cite="The Astronaut"]I believe I never knew what the word round meant until I saw Earth from space.[/blockquote]
[blockquote type="left"]I believe I never knew what the word round meant until I saw Earth from space.[/blockquote]
[blockquote type="right"]I believe I never knew what the word round meant until I saw Earth from space.[/blockquote]

Blockquote outputs:

I believe I never knew what the word round meant until I saw Earth from space.The Astronaut

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

I believe I never knew what the word round meant until I saw Earth from space.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

I believe I never knew what the word round meant until I saw Earth from space.

Other content goes here. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

Shortcode: code

id: add a unique ID to the shortcode.
class: add a class or multiple classes to the shortcode.

Code example:

[code]<h2 class="h4">The Heading</h2>
Above h2 heading will look like h4, due to the h4 class name! That's a trick for you, BTW.[/code]

Code outputs:

<h2 class="h4">The Heading</h2>
Above h2 heading will look like h4, due to the h4 class name! That's a trick for you, BTW.

Shortcode: social-icons

menu: set to a menu name/slug/id to display.
id: add a unique ID to the shortcode.
class: add a class or multiple classes to the shortcode.

Code example:

[social-icons menu="Social Links Extended"]

Social-Icons outputs:

Colors Sidebar Position Posts Listing Layout Single Post Layout