# Shortcodes

Source: https://essential.spyr.me/shortcodes/
Published: 2017-11-08

---

This is a reference for all shortcodes available in this theme. For more information visit our [Theme Support Documentation](https://bylt.co/support/).

## 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

**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]
```

| 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 Section

#### Code

```
[excerpt]
```

| Arguments | Accepted Values |  |
| --- | --- | --- |
| label | *Any string* | *Required* |
| icon_expand | *Any [FontAwesome class](https://fontawesome.com/v4.7.0/cheatsheet/) (Default: fa-plus)* | *Optional* |
| icon_collapse | *Any [FontAwesome class](https://fontawesome.com/v4.7.0/cheatsheet/) (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

- [Home](https://essential.spyr.me/)
- [Contact](https://essential.spyr.me/contact/)
- [Typography](https://essential.spyr.me/style/)
- [Shortcodes](https://essential.spyr.me/shortcodes/)
- [Theme Documentation](https://bylt.co/support/#essential)

#### 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

September 20

[Coast to coast.](https://essential.spyr.me/coast-to-coast/)

### 2017

October 29

[You can shake the sand from your shoes, but it will never leave your soul.](https://essential.spyr.me/sand/)

October 29

[Traveling light.](https://essential.spyr.me/traveling-light/)

October 28

[To awaken alone in a strange town is one of the pleasantest sensations in the world.](https://essential.spyr.me/strange-town/)

October 27

[This is a post that does not have a Featured Image](https://essential.spyr.me/no-image/)

#### 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.
>
> ![Thomas Edison](https://spyr.me/files/2018/11/thomas-edison.jpg)*—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]
```

| 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

[Embedded content](https://www.youtube.com/embed/0Co1Iptd4p4?feature=oembed)

\

#### 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

 [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&t=Shortcodes)[Twitter](https://twitter.com/intent/tweet?source=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&text=Shortcodes%20https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F)[LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&title=Shortcodes&summary=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+%3E+Customize+panel.+Entries+Section+Footer+Section+Comments+Section&source=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F)

#### Code

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

#### Example

 [Tumblr](http://www.tumblr.com/share?v=3&u=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&t=Shortcodes&s=)[Pinterest](http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&media=&description=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+%3E+Customize+panel.+Entries+Section+Footer+Section+Comments+Section)[Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&t=Shortcodes)[X](https://x.com/intent/tweet?source=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&text=Shortcodes%20https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F)

#### Code

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

#### Example

 [WordPress](http://wordpress.com/press-this.php?u=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&t=Shortcodes&s=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+%3E+Customize+panel.+Entries+Section+Footer+Section+Comments+Section&i=)[Reddit](http://www.reddit.com/submit?url=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&title=Shortcodes)[Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&t=Shortcodes)[X](https://x.com/intent/tweet?source=https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F&text=Shortcodes%20https%3A%2F%2Fessential.spyr.me%2Fshortcodes%2F)

#### Code

```
[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](https://twitter.com/intent/tweet?url=https://essential.spyr.me/shortcodes/&via=SPYR&hashtags=quote&text=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](https://essential.spyr.me/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](https://essential.spyr.me/author/jeff/)  on November 8, 2017

#### Code

```
[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](https://essential.spyr.me/author/jeff/).

#### Code

```
[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](https://codex.wordpress.org/Formatting_Date_and_Time)* | *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](https://essential.spyr.me/author/jeff/)  on November 8, 2017

#### Code

```
[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](https://essential.spyr.me/author/jeff/)

#### Code

```
[entry_author before="by "] [entry_terms]
```

### Footer Section

| Arguments | Accepted Values |  |
| --- | --- | --- |
| *None* |  |  |

#### Summary

This shortcode displays the design attribution to us, [SPYR](https://spyr.me). Thank you for your support in leaving it in your **Footer Copyright** field!

#### Example

© 2026 Essential. [Essential Theme](https://bylt.co/get/essential) by [SPYR](https://spyr.me)

#### 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 © 2026

#### 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

© 2026 Essential. [Essential Theme](https://bylt.co/get/essential) by [SPYR](https://spyr.me)

#### Code

```
© [date] [site_title]. [attribution]
```

### Comments Section

| Arguments | Accepted Values |  |
| --- | --- | --- |
| format | *Any valid string following the [date format](https://codex.wordpress.org/Formatting_Date_and_Time)\* | *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](https://codex.wordpress.org/Formatting_Date_and_Time)\* | *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]
```