EssentialEssential

Blog. Simply.

Shortcodes

This is a reference for all shortcodes available in this theme. For more information visit our Theme Support Documentation.

Content Shortcodes

ArgumentsAccepted Values
None

Summary

This is a shortcode used for displaying HTML, CSS, PHP and various other programming language code. It is in use extensively on this page.

Example

<h2>This is a code section</h2>
<p>And also a <em>very</em> meta example.</p>

Code

[code]
<h2>This is a code section</h2>
<p>And also a <em>very</em> meta example.</p>
[/code]
ArgumentsAccepted Values
widthone-half, one-third, two-thirds, one-fourth, two-fourths, three-fourths, one-fifth, two-fifths, three-fifths, four-fifths, one-sixth, two-sixths, three-sixths, four-sixths, five-sixthsRequired
firsttrue, falseOptional
lasttrue, falseOptional
outer_classAny valid class nameOptional
classAny valid class nameOptional
outer_styleAny valid inline CSS declarationOptional
styleAny valid inline CSS declarationOptional

Summary

This shortcode provides the ability to layout your content in 2-6 columns. The only required option is the width. When selecting your widths they must all belong to the same set. The one-half option does not mix with the two-fourths option, for example.

You must also mark the first and last columns as first and last respectively. This is seen in the examples below.

Example

1/2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-half" first="true"]
<strong>1/2:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-half" last="true"] <strong>1/2:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]

More Examples

2/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper.

Code

[column width="two-thirds" first="true"]
<strong>2/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-third" last="true"] <strong>1/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper.
[/column]

1/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper.
2/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-third" first="true"]
<strong>1/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper.
[/column] [column width="two-thirds" last="true"] <strong>2/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]

1/4: Lorem ipsum dolor sit amet.
3/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-fourth" first="true"]
<strong>1/4:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="three-fourths" last="true"] <strong>3/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]

3/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet.

Code

[column width="three-fourths" first="true"]
<strong>3/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth" last="true"] <strong>1/4:</strong> Lorem ipsum dolor sit amet.
[/column]
1/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-third" first="true"]
<strong>1/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-third"] <strong>1/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-third" last="true"] <strong>1/3:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]

2/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.

Code

[column width="two-fourths" first="true"]
<strong>2/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
[/column] [column width="one-fourth" last="true"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
[/column]

1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandi.
2/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.

Code

[column width="one-fourth" first="true"]
<strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandi.
[/column] [column width="two-fourths"] <strong>2/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth" last="true"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
[/column]

1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
2/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-fourth" first="true"]
<strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
[/column] [column width="one-fourth"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit.
[/column] [column width="two-fourths" last="true"] <strong>2/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-fourth" first="true"]
<strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fourth" last="true"] <strong>1/4:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]

3/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.

Code

[column width="three-sixths" first="true"]
<strong>3/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth" last="true"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column]

1/6: Lorem ipsum dolor sit amet.
3/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.

Code

[column width="one-sixth" first="true"]
<strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="three-sixths"] <strong>3/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth" last="true"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column]

1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.
3/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet.

Code

[column width="one-sixth" first="true"]
<strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="three-sixths"] <strong>3/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth" last="true"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column]

1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.
1/6: Lorem ipsum dolor sit amet.
3/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-sixth" first="true"]
<strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet.
[/column] [column width="three-sixths" last="true"] <strong>3/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]
1/5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-fifth" first="true"]
<strong>1/5:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fifth"] <strong>1/5:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fifth"] <strong>1/5:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fifth"] <strong>1/5:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-fifth" last="true"] <strong>1/5:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
1/6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.

Code

[column width="one-sixth" first="true"]
<strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth"] <strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column] [column width="one-sixth" last="true"] <strong>1/6:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit ullamcorper porttitor. Integer volutpat mattis venenatis. Sed varius ac justo nec tempus.
[/column]
ArgumentsAccepted Values
lengthAny integerOptional

Summary

This shortcode will retrieve and display the Excerpt of the current Post, Entry, or Page. This is most useful on Posts where Excerpts can be manually created, however, it will still pull the generated Excerpt from a Page as you see in the example below.

Example

This is a reference for all shortcodes available in this theme. For more information visit our Theme Support Documentation. Content Shortcodes Text Settings The following shortcodes are used to customize the Text Settings options in your Appearance > Customize panel. Entries Section Footer Section Comments Section

Code

[excerpt]
ArgumentsAccepted Values
labelAny stringRequired
icon_expandAny FontAwesome class (Default: fa-plus)Optional
icon_collapseAny FontAwesome class (Default: fa-minus)Optional

Summary

This shortcode will create a simple expandable/collapsible section of content.

Example

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend eget sem eu pretium. Nulla scelerisque semper ante id ultricies. Suspendisse dictum elementum nibh, at consectetur eros fermentum at. Integer efficitur vel tortor aliquet varius. Donec ultricies, tortor sit amet consequat tempor, magna ligula vestibulum elit, vel iaculis ligula nibh tincidunt est. Fusce in quam volutpat, consequat sapien id, sollicitudin nunc. Integer sodales ex et urna iaculis, non auctor dui finibus.

Code

[expand label="Expand This Section"]
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend eget sem eu pretium. Nulla scelerisque semper ante id ultricies. Suspendisse dictum elementum nibh, at consectetur eros fermentum at. Integer efficitur vel tortor aliquet varius. Donec ultricies, tortor sit amet consequat tempor, magna ligula vestibulum elit, vel iaculis ligula nibh tincidunt est. Fusce in quam volutpat, consequat sapien id, sollicitudin nunc. Integer sodales ex et urna iaculis, non auctor dui finibus.
[/expand]
ArgumentsAccepted Values
None

Summary

Display the Featured Image of the current Post. Note that this will only display when a Featured Image is set for current the Post. Since this demo is a Page and no Featured Image is set there is no example below.

Code

[featured_image]
ArgumentsAccepted Values
idAny valid menu IDRequired
horizontaltrue, falseOptional
classAny valid class nameOptional

Summary

This shortcode will display any menu that you’ve created in your Appearance > Menus panel.

Example

  • Home
  • Contact
  • Typography
  • Shortcodes
  • Theme Documentation

Code

[menu id="1" horizontal="true" class="aligncenter-text"]
ArgumentsAccepted Values

Summary

This shortcode will display an archive of all of your blog posts in a Date / Post Title format.

Example

2018

September 20
Coast to coast.

2017

October 29
You can shake the sand from your shoes, but it will never leave your soul.
October 29
Traveling light.
October 28
To awaken alone in a strange town is one of the pleasantest sensations in the world.
October 27
This is a post that does not have a Featured Image

Code

[posts]
ArgumentsAccepted Values
colorgreen, orange, redOptional
heightAny integer greater than 20Optional
percentAny integer 0 through 100Optional
stripestrue, falseOptional

Summary

This shortcode will display a progress meter at any percentage of your choosing.

Example

Code

[progress_bar color="green" height="30" percent="30" stripes="true"]
ArgumentsAccepted Values
authorAny string of textOptional
author_imageThe URL of any imageOptional

Summary

This shortcode will display a properly formatted quote with author and author image.

Example

Discontent is the first necessity of progress.
Thomas Edison—Thomas Edison

Code

[quote author="Thomas Edison" author_image="https://spyr.me/files/2018/11/thomas-edison.jpg"]Discontent is the first necessity of progress.[/quote]
ArgumentsAccepted Values
None

Summary

When embedding videos they will, by default, adhere to the dimensions that they are set to display in. To make any YouTube or Vimeo video responsive, simply wrap the embed code (or the URL of the video) in this shortcode.

Example


Code

[responsive_video]
<iframe title="Minimalism: A Documentary About the Important Things (Official Trailer)" width="1080" height="608" src="https://www.youtube.com/embed/0Co1Iptd4p4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
[/responsive_video]
ArgumentsAccepted Values
None

Summary

This shortcode allows you to place a search form within any content or widget area.

Example

Code

[search]
ArgumentsAccepted Values
networksfacebook, twitter, tumblr, pinterest, pocket, reddit, linkedin, wordpress, pinboard, weibo, emailOptional
displayicon, icon-text, textOptional
stylenone, square, roundOptional
network_colorstrue, falseOptional
classAny valid CSS classOptional
beforeAny valid textOptional
twitter_handleAny Twitter username, omitting the ‘@’Optional

Summary

This shortcode allows you to add lean, script-free sharing buttons to your Posts.

Example

Code

[share networks="facebook,twitter,linkedin" display="icon" style="square" network_colors="true"]

Example

Code

[share networks="gplus,tumblr,pinterest,facebook" display="icon" style="round" network_colors="false"]

Example

WordPressRedditFacebook

Code

[share networks="wordpress,reddit,facebook" display="icon-text" style="square" network_colors="true"]
ArgumentsAccepted Values
hashtagsA comma-separated list of hashtags, omitting the ‘#’Optional
viaAny Twitter username, omitting the ‘@’Optional

Summary

This shortcode allows you to make any piece of content easily shareable to Twitter.

Example

This shortcode allows you to make any piece of content easily shareable on Twitter.

Code

This shortcode allows you to make [share_this hashtags="quote" via="SPYR"]any piece of content[/share_this] easily shareable on Twitter.
ArgumentsAccepted Values
None

Summary

This shortcode allows you to add a small spacer between pieces of content. This can be useful in styling the Post Info area below your Post Titles.

Example

by Jeff Sarris on Oct 29, 2020 category Uncategorized

Code

<p class="entry-meta">by Jeff Sarris on Oct 29, 2020 [spacer] category <a href="/category/uncategorized/" rel="category tag">Uncategorized</a></p>
ArgumentsAccepted Values
classAny valid class nameOptional
idAny valid ID nameOptional

Summary

This shortcode allows for simple placement of HTML tables and is the wrapper for [table_group] and [table_row]. Reference those shortcodes for Examples and Code Samples.

ArgumentsAccepted Values
groupheader, body, footerRequired

Summary

When combined with [table] and [table_row] this shortcode allows the use of <thead>, <tbody>, and <tfoot> wrappers.

Example

Heading OneHeading Two
Cell value oneCell value two

Code

[table]
[table_group group="header"][table_row header="true"]Heading One || Heading Two[/table_row][/table_group]
[table_group group="body"][table_row]Cell value one || Cell value two[/table_row][/table_group]
[/table]
ArgumentsAccepted Values
headertrue, falseOptional

Summary

When combined with [table] this shortcode allows simple placement of HTML tables. When setting the header argument to true the table cells will be wrapped in <th> rather than <td>.

Example

Heading OneHeading Two
Cell value oneCell value two

Code

[table]
[table_row header="true"]Heading One || Heading Two[/table_row]
[table_row]Cell value one || Cell value two[/table_row]
[/table]

Text Settings

The following shortcodes are used to customize the Text Settings options in your Appearance > Customize panel.

Entries Section

ArgumentsAccepted Values
beforeAny valid HTMLOptional
afterAny valid HTMLOptional
linknone, posts, urlOptional

Summary

Use this shortcode to customize your Entry Header, Entry Byline, or Entry Footer.

Example

by Jeff Sarris on November 8, 2017

Code

[entry_author before="by "] [entry_date format="F j, Y" before=" on "]
ArgumentsAccepted Values
networksfacebook, instagram, twitter, youtube, linkedin, pinterest, tiktok, snapchatRequired
beforeAny valid HTMLOptional
afterAny valid HTMLOptional

Summary

This shortcode will display the Author’s social links (as set in their author profile). Use it to customize your Entry Header, Entry Byline, or Entry Footer.

Example

by Jeff Sarris. Follow on: Facebook, Twitter

Code

[entry_author before="by " after="."] [entry_author_links before="Follow on: " networks="facebook,twitter"]
ArgumentsAccepted Values
beforeAny valid HTMLOptional
afterAny valid HTMLOptional
before_updatedAny valid HTMLOptional
after_updatedAny valid HTMLOptional
formatAny valid string following the date formatOptional
typepublished, updatedOptional

Summary

Add the entry published or updated date to your Entry Header, Entry Byline, or Entry Footer. When using the updated date before_updated and after_updated will prepend and append HTML. Otherwise use before and after.

Example

by Jeff Sarris updated on April 30, 2020

Code

[entry_author before="by "] [entry_date format="F j, Y" before=" on " type="updated" before_updated=" updated on "]
ArgumentsAccepted Values
beforeAny valid HTMLOptional
afterAny valid HTMLOptional
sepAny valid HTML to separate category linksOptional

Summary

Add the entry categories to your Entry Header, Entry Byline, or Entry Footer. Note that this will only display category items on a Post or Custom Post Type. Since this demo is a page you will see that no categories are listed in the example below.

Example

by Jeff Sarris

Code

[entry_author before="by "] [entry_terms]

Footer Section

ArgumentsAccepted Values
None

Summary

This shortcode displays the design attribution to us, SPYR. Thank you for your support in leaving it in your Footer Copyright field!

Example

© 2023 Essential. Essential Theme by SPYR

Code

© [date] [site_title]. [attribution]
ArgumentsAccepted Values
None

Summary

This shortcode displays the current year for use in the Footer Copyright field.

Example

Copyright © 2023

Code

Copyright © [date]
ArgumentsAccepted Values
None

Summary

This shortcode displays the Site Title for use in the Footer Copyright field of your Text Settings.

Example

© 2023 Essential. Essential Theme by SPYR

Code

© [date] [site_title]. [attribution]

Comments Section

ArgumentsAccepted Values
formatAny valid string following the date format
Optional

Summary

Used to customize the Comment Meta. Note, this will only display when used within a comment so there is no Example section below.

Code

[comment_date] at [comment_time]
ArgumentsAccepted Values
formatAny valid string following the date format
Optional

Summary

Used to customize the Comment Meta. Note, this will only display when used within a comment so there is no example below.

Code

[comment_date] at [comment_time]
  • Home
  • Contact
  • Typography
  • Shortcodes
  • Theme Documentation
© 2023 Essential. Essential Theme by SPYR
✕
  • Home
  • Contact
  • Typography
  • Shortcodes
  • Theme Documentation