Standard Post With Shortcode Goodies

With several dozen of the best looking Shortcodes around, we wanted to give you a sample of the many high-end Shortcodes built into X. We’ve grouped some together so this isn’t a super long post, however for a complete list with demos and examples of each, be sure to head over to our Shortcodes page.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. [extra href=”#example” target=”_blank” info=”tooltip” info_place=”top” info_trigger=”hover” title=”Yeah, tooltip time!”]Donec sed[/extra] odio dui. Maecenas faucibus mollis interdum. [extra href=”#example” target=”_blank” info=”tooltip” info_place=”right” info_trigger=”hover” title=”Yeah, tooltip time!”]Cras justo odio[/extra], dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. [extra href=”#example” target=”_blank” info=”tooltip” info_place=”left” info_trigger=”hover” title=”Yeah, tooltip time!”]Curabitur blandit[/extra] tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. [extra href=”#example” target=”_blank” info=”tooltip” info_place=”bottom” info_trigger=”hover” title=”Yeah, tooltip time!”]Cum sociis[/extra] natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucib Lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus [extra href=”#example” target=”_blank” info=”popover” info_place=”top” info_trigger=”hover” info_content=”Place a little extra content in here for informational purposes.” title=”Yeah, popover time!”]vel augue[/extra] laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, [extra href=”#example” target=”_blank” info=”popover” info_place=”right” info_trigger=”hover” info_content=”Place a little extra content in here for informational purposes.” title=”Yeah, popover time!”]egestas eget quam[/extra]. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. [extra href=”#example” target=”_blank” info=”popover” info_place=”left” info_trigger=”hover” info_content=”Place a little extra content in here for informational purposes.” title=”Yeah, popover time!”]Curabitur blandit[/extra] tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. [extra href=”#example” target=”_blank” info=”popover” info_place=”bottom” info_trigger=”hover” info_content=”Place a little extra content in here for informational purposes.” title=”Yeah, popover time!”]Cum sociis[/extra] natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere.

The Table of Contents shortcode available in X offers up some incredible SEO benefits to your standard posts and pages. It’s easy enough to paginate individual posts or pages in WordPress using the <!--nextpage--> code in the editor, but it doesn’t provide any real engaging way for your visitors to know what they’re in for as they click through to the next post. That’s where the Table of Contents shortcode comes in.

Simply add this to each of your “pages” after your <!--nextpage--> breaks and input the titles of each section in your article. What you’re left with is a thoroughly engaging, easy to navigate post structure that has been proven to increase visitor retention and keep their attention (all things Google loves).

You can easily add the Table of Contents shortcode to the left or right of your post content, or have it go full width, which is great for placing at the bottom of your posts to remind visitors of what sections are left. Click through on the table of contents shortcode above to go through to the next page and see the shortcode in action!

With responsive visibility, you can easily show or hide various pieces of information with different groups of visitors viewing your site on a wide array of devices. Want to put a video on desktop but only text on tablet and mobile? No problem. Go ahead and resize your browser window to see how different messages are displayed below for different screen sizes (Note: We also used another one of our Shortcodes, Responsive Video, to make the video look great and respond for the desktop message).

[content_band style=”color: #333;” bg_color=”#ffddea” border=”both”][/content_band]

[content_band bg_pattern=”/media/x-bg-maze.png” border=”both”][/content_band]

[content_band style=”color: #fff;” bg_image=”/media/x-bg-flowers.jpg” border=”both”][/content_band]

While just a sample, hopefully this give you a small window into how we think about Shortcodes. Instead of just creating the basic ones (which we did and you have access to them as well), we wanted to take it a step further by providing some really useful business and marketing oriented solutions like Table of Contents and Responsive Visibility. As a customer of X, you not only get instant access to our entire Shortcode library, you’ll also have access to all future Shortcodes we develop for future releases.

Leave a Reply

Your email address will not be published. Required fields are marked *