This is a reference for all shortcodes available in this theme. For more information visit our Theme Support Documentation.
Content Shortcodes
Arguments | Accepted 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]
Arguments | Accepted Values | |
---|---|---|
width | one-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-sixths | Required |
first | true, false | Optional |
last | true, false | Optional |
outer_class | Any valid class name | Optional |
class | Any valid class name | Optional |
outer_style | Any valid inline CSS declaration | Optional |
style | Any valid inline CSS declaration | Optional |
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
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
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
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]
Arguments | Accepted Values | |
---|---|---|
length | Any integer | Optional |
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 SectionCode
[excerpt]
Arguments | Accepted Values | |
---|---|---|
label | Any string | Required |
icon_expand | Any FontAwesome class (Default: fa-plus) | Optional |
icon_collapse | Any 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]
Arguments | Accepted 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]
Arguments | Accepted Values | |
---|---|---|
id | Any valid menu ID | Required |
horizontal | true, false | Optional |
class | Any valid class name | Optional |
Summary
This shortcode will display any menu that you’ve created in your Appearance > Menus panel.
Example
Code
[menu id="1" horizontal="true" class="aligncenter-text"]
Arguments | Accepted Values |
---|
Summary
This shortcode will display an archive of all of your blog posts in a Date / Post Title format.
Example
2018
2017
Code
[posts]
Arguments | Accepted Values | |
---|---|---|
color | green, orange, red | Optional |
height | Any integer greater than 20 | Optional |
percent | Any integer 0 through 100 | Optional |
stripes | true, false | Optional |
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"]
Arguments | Accepted Values | |
---|---|---|
author | Any string of text | Optional |
author_image | The URL of any image | Optional |
Summary
This shortcode will display a properly formatted quote with author and author image.
Example
Discontent is the first necessity of progress.
Code
[quote author="Thomas Edison" author_image="https://spyr.me/files/2018/11/thomas-edison.jpg"]Discontent is the first necessity of progress.[/quote]
Arguments | Accepted 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: Netflix Documentary (Official Trailer)" width="1080" height="608" src="https://www.youtube.com/embed/0Co1Iptd4p4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
[/responsive_video]
Arguments | Accepted Values | |
---|---|---|
None |
Summary
This shortcode allows you to place a search form within any content or widget area.
Example
Code
[search]
Arguments | Accepted Values | |
---|---|---|
networks | facebook, twitter, x, tumblr, pinterest, pocket, reddit, linkedin, wordpress, pinboard, weibo, email | Optional |
display | icon, icon-text, text | Optional |
style | none, square, round | Optional |
network_colors | true, false | Optional |
class | Any valid CSS class | Optional |
before | Any valid text | Optional |
twitter_handle | Any 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="tumblr,pinterest,facebook,x" display="icon" style="round" network_colors="false"]
Example
WordPressRedditFacebookXCode
[share networks="wordpress,reddit,facebook,x" display="icon-text" style="square" network_colors="true"]
Arguments | Accepted Values | |
---|---|---|
hashtags | A comma-separated list of hashtags, omitting the ‘#’ | Optional |
via | Any 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.
Arguments | Accepted 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>
Arguments | Accepted Values | |
---|---|---|
class | Any valid class name | Optional |
id | Any valid ID name | Optional |
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.
Arguments | Accepted Values | |
---|---|---|
group | header, body, footer | Required |
Summary
When combined with [table] and [table_row] this shortcode allows the use of <thead>, <tbody>, and <tfoot> wrappers.
Example
Heading One | Heading Two |
---|---|
Cell value one | Cell 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]
Arguments | Accepted Values | |
---|---|---|
header | true, false | Optional |
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 One | Heading Two |
---|---|
Cell value one | Cell 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
Arguments | Accepted Values | |
---|---|---|
before | Any valid HTML | Optional |
after | Any valid HTML | Optional |
link | none, posts, url | Optional |
Summary
Use this shortcode to customize your Entry Header, Entry Byline, or Entry Footer.
Example
by Jeff Sarris onCode
[entry_author before="by "] [entry_date format="F j, Y" before=" on "]
Arguments | Accepted Values | |
---|---|---|
networks | facebook, instagram, twitter, youtube, linkedin, pinterest, tiktok, snapchat | Required |
before | Any valid HTML | Optional |
after | Any valid HTML | Optional |
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, TwitterCode
[entry_author before="by " after="."] [entry_author_links before="Follow on: " networks="facebook,twitter"]
Arguments | Accepted Values | |
---|---|---|
before | Any valid HTML | Optional |
after | Any valid HTML | Optional |
before_updated | Any valid HTML | Optional |
after_updated | Any valid HTML | Optional |
format | Any valid string following the date format | Optional |
type | published, updated | Optional |
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 onCode
[entry_author before="by "] [entry_date format="F j, Y" before=" on " type="updated" before_updated=" updated on "]
Arguments | Accepted Values | |
---|---|---|
before | Any valid HTML | Optional |
after | Any valid HTML | Optional |
sep | Any valid HTML to separate category links | Optional |
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 SarrisCode
[entry_author before="by "] [entry_terms]
Footer Section
Arguments | Accepted 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]
Arguments | Accepted Values | |
---|---|---|
None |
Summary
This shortcode displays the current year for use in the Footer Copyright field.
Example
Copyright © 2023
Code
Copyright © [date]
Arguments | Accepted 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
Arguments | Accepted Values | |
---|---|---|
format | Any 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]
Arguments | Accepted Values | |
---|---|---|
format | Any 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]