Introduction

The filler shortcode helps you quickly mock up content by adding filler text and images. When designing a page or post, it is helpful to drop in text and images so that you can get the idea of how things will lay out. The filler shortcode is perfect for quickly putting together demo sites for your clients.

Often the hardest thing is just getting started. The filler shortcode can help you get over the hurdle of a “blank page.”

Text Example

Add text using the filler shortcode by setting the number of paragraphs, words, or bytes. If you want to add a filler for headline/title text, there is also an option for that. Titles uppercase the first character of every word.

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur imperdiet nisi a arcu bibendum dapibus. Nunc non turpis eu eros tincidunt vestibulum in id purus. Nunc sed velit mollis enim gravida malesuada. Integer eu ligula blandit metus facilisis viverra. In scelerisque sapien quis eros convallis imperdiet. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Suspendisse scelerisque nunc pulvinar aliquam lacinia.

Cras laoreet diam ac mauris placerat sollicitudin. Mauris quis ante sed mauris porta lacinia sed a dui. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Suspendisse nec ipsum sed metus lacinia vestibulum. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Suspendisse feugiat tortor sed ante egestas viverra.

List Example

Using the filler shortcode, you can also add a bulleted list of items. Choose the number of items in the list.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Sed mattis augue ut blandit eleifend.
  • Cras sit amet orci vulputate, tempus massa eget, rhoncus eros.
  • Vivamus porttitor leo in tincidunt hendrerit.
  • Donec ut tortor in risus eleifend porttitor.

Image Example

Easily add filler images. Set the width and height of the image. There are 11 categories to choose from or you can choose to randomly select the categories. When adding images, you can set the alignment to top, bottom, right, left, or middle so that the text will wrap around the image. Also choose if you want to show a grayscale image instead.

The images are provided by lorempixel.com

The filler images are for layout purposes. Each image is released under the creative commons license (CC BY-SA). For more information visit http://creativecommons.org/licenses/. If you want to use the images for more than layouts, double check the license and ask the author. You can find links to the images on lorempixel.com. We assume no liability.

Right Aligned Grayscale Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacinia mauris nec lectus rhoncus imperdiet. Phasellus suscipit urna id mauris fringilla accumsan. Vivamus ut lectus vitae nulla pharetra accumsan sed eget nisi. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Donec euismod purus id blandit faucibus. In ultrices magna et auctor porta. Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Phasellus tincidunt dolor a sapien fringilla lacinia. Morbi tristique nulla vitae eros pharetra blandit. Vivamus facilisis purus nec justo pharetra, nec semper justo sollicitudin. Proin egestas tortor sit amet venenatis posuere.

Aenean viverra ante id nunc lacinia aliquam. Proin blandit magna ullamcorper luctus dictum. Nullam laoreet dui nec lorem vestibulum, nec viverra lacus bibendum. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Sed eu est ut diam aliquam eleifend sed eget neque. Proin quis magna nec nisl lacinia vulputate. Phasellus molestie sapien at felis blandit placerat. Phasellus nec neque sed eros lobortis elementum eget quis elit. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo.

Proin blandit augue sit amet nunc sollicitudin iaculis. Praesent dictum augue eu urna ultricies adipiscing. In nec tellus at neque malesuada malesuada et sed nibh. Cras dignissim arcu id molestie blandit. Curabitur sit amet leo vehicula, luctus tortor nec, adipiscing risus. Vivamus at turpis luctus metus commodo fermentum.

Vestibulum et odio dictum, elementum augue non, volutpat sapien. In vitae ligula interdum, auctor quam vitae, eleifend quam. Sed a elit lobortis, facilisis risus vel, fringilla enim. Vivamus suscipit magna vitae placerat dapibus. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Donec pretium mi eget orci convallis faucibus. Vivamus sit amet lacus a justo venenatis pulvinar. Curabitur blandit ante id nibh convallis, vel euismod velit commodo.

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The filler shortcode helps you quickly mock up content by adding filler text and images. When designing a page or post, it is helpful to drop in text and images so that you can get the idea of how things will lay out. The filler shortcode is perfect for quickly putting together demo sites for your clients.

Often the hardest thing is just getting started. The filler shortcode can help you get over the hurdle of a "blank page."
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Text Example</h2>
Add text using the filler shortcode by setting the number of <strong>paragraphs</strong>, <strong>words</strong>, or <strong>bytes</strong>. If you want to add a filler for headline/title text, there is also an option for that. Titles uppercase the first character of every word.
[intense_hr]
<h3>[intense_filler words="5" is_title="1"]</h3>
[intense_filler paragraphs="2"]
[/intense_content_section]
[intense_content_section]
<h2>List Example</h2>
Using the filler shortcode, you can also add a bulleted list of items. Choose the number of items in the list.
[intense_filler list="5"]
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Image Example</h2>
Easily add filler images. Set the width and height of the image. There are 11 categories to choose from or you can choose to randomly select the categories. When adding images, you can set the alignment to <strong>top</strong>, <strong>bottom</strong>, <strong>right</strong>, <strong>left</strong>, or <strong>middle</strong> so that the text will wrap around the image. Also choose if you want to show a grayscale image instead.

[intense_alert color="muted"]
The images are provided by <a href="lorempixel.com">lorempixel.com</a>

The filler images are for layout purposes. Each image is released under the creative commons license (CC BY-SA). For more information visit <a href="http://creativecommons.org/licenses/">http://creativecommons.org/licenses/</a>. If you want to use the images for more than layouts, double check the license and ask the author. You can find links to the images on <a href="lorempixel.com">lorempixel.com</a>. We assume no liability.
[/intense_alert]
[intense_filler type="image"]
[intense_hr]
<h3>Right Aligned Grayscale Image</h3>
[intense_filler type="image" width="200" height="200" grayscale="1" align="right"]
[intense_filler paragraphs="4"]
[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]