{"id":4426,"date":"2014-05-25T04:55:55","date_gmt":"2014-05-25T09:55:55","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/icon\/4\/?p=4426"},"modified":"2014-05-25T04:55:55","modified_gmt":"2014-05-25T09:55:55","slug":"standard-post-with-shortcode-goodies","status":"publish","type":"post","link":"https:\/\/demo.theme.co\/icon-4\/standard-post-with-shortcode-goodies\/","title":{"rendered":"Standard Post With Shortcode Goodies"},"content":{"rendered":"<p>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&#8217;ve grouped some together so this isn&#8217;t a super long post, however for a complete list with demos and examples of each, be sure to head over to the 01 Demos for each Stack. Remember that EVERY Stack has it&#8217;s own unique style for EACH Shortcode!<\/p>\n<ul>\n<li><a href=\"https:\/\/theme.co\/x\/demo\/integrity\/1\/shortcodes\/accordion\/\" title=\"Integrity Shortcodes\">Shortcodes &#8211; Integrity<\/a><\/li>\n<li><a href=\"https:\/\/theme.co\/x\/demo\/renew\/1\/shortcodes\/accordion\/\" title=\"Renew Shortcodes\">Shortcodes &#8211; Renew<\/a><\/li>\n<li><a href=\"https:\/\/theme.co\/x\/demo\/icon\/1\/shortcodes\/accordion\/\" title=\"Icon Shortcodes\">Shortcodes &#8211; Icon<\/a><\/li>\n<li><a href=\"https:\/\/theme.co\/x\/demo\/ethos\/1\/shortcodes\/accordion\/\" title=\"Ethos Shortcodes\">Shortcodes &#8211; Ethos<\/a><\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" style=\"margin-top: 45px;\"><span>Image Frame, Tooltips, Popovers &amp; 3D Button <\/span><\/h2>\n<a  class=\"x-img x-img-link x-img-thumbnail left\"  href=\"#example\" title=\"Check Me Out!\"  data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   data-options=\"thumbnail: '\/media\/x-popover-tooltip-example.jpg'\"><img src=\"\/media\/x-popover-tooltip-example.jpg\" alt=\"Example\"><\/a> Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, tooltip time!\\&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   href=\"#example\" title=\"Yeah, tooltip time!\" >Donec sed<\/a> odio dui. Maecenas faucibus mollis interdum. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;right&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, tooltip time!\\&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   href=\"#example\" title=\"Yeah, tooltip time!\" >Cras justo odio<\/a>, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;left&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, tooltip time!\\&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   href=\"#example\" title=\"Yeah, tooltip time!\" >Curabitur blandit<\/a> tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, tooltip time!\\&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   href=\"#example\" title=\"Yeah, tooltip time!\" >Cum sociis<\/a> natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.<\/p>\n<div  class=\"x-btn-circle-wrap x-btn-block\" style=\"margin-bottom: 1.313em;\"><a class=\"x-btn x-btn-block\" href=\"#example\" title=\"I told you so!\"  data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"   data-options=\"thumbnail: ''\">You Can Even Add Popovers and Tooltips to Me!<\/a><\/div>\n<a  class=\"x-img x-img-link x-img-thumbnail right\"  href=\"#example\" title=\"Check Me Out!\"  data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;Enter in some more information here.&quot;}\"   data-options=\"thumbnail: '\/media\/x-popover-tooltip-example.jpg'\"><img src=\"\/media\/x-popover-tooltip-example.jpg\" alt=\"Example\"><\/a> 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 <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, popover time!\\&quot;&quot;,&quot;content&quot;:&quot;Place a little extra content in here for informational purposes.&quot;}\"   href=\"#example\" title=\"Yeah, popover time!\" >vel augue<\/a> laoreet rutrum faucibus dolor auctor. Donec sed odio dui. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;right&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, popover time!\\&quot;&quot;,&quot;content&quot;:&quot;Place a little extra content in here for informational purposes.&quot;}\"   href=\"#example\" title=\"Yeah, popover time!\" >egestas eget quam<\/a>. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;left&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, popover time!\\&quot;&quot;,&quot;content&quot;:&quot;Place a little extra content in here for informational purposes.&quot;}\"   href=\"#example\" title=\"Yeah, popover time!\" >Curabitur blandit<\/a> tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. <a  class=\"x-extra\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;popover&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;title=\\&quot;Yeah, popover time!\\&quot;&quot;,&quot;content&quot;:&quot;Place a little extra content in here for informational purposes.&quot;}\"   href=\"#example\" title=\"Yeah, popover time!\" >Cum sociis<\/a> natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere.<\/p>\n<h2  class=\"h-custom-headline h5 accent\" style=\"margin-top: 45px;\"><span>Table of Contents &amp; Icon List<\/span><\/h2>\n<div  class=\"x-toc left\" ><h4 class=\"h-toc\">Table of Contents<\/h4><ul class=\"unstyled cf\"> <li  class=\"x-toc-item\" ><a href=https:\/\/demo.theme.co\/icon-4\/standard-post-with-shortcode-goodies\/ title=\"Go to 1. Introduction\">1. Introduction<\/a><\/li> <li  class=\"x-toc-item\" ><a href=https:\/\/demo.theme.co\/icon-4\/standard-post-with-shortcode-goodies\/2\/ title=\"Go to 2. More Information\">2. More Information<\/a><\/li> <li  class=\"x-toc-item\" ><a href=https:\/\/demo.theme.co\/icon-4\/standard-post-with-shortcode-goodies\/3\/ title=\"Go to 3. Even More Information\">3. Even More Information<\/a><\/li> <\/ul><\/div>\n<p>The Table of Contents shortcode available in X offers up some incredible SEO benefits to your standard posts and pages. It&#8217;s easy enough to paginate individual posts or pages in WordPress using the\u00a0<code>&lt;!--nextpage--&gt;<\/code>\u00a0code in the editor, but it doesn&#8217;t provide any real engaging way for your visitors to know what they&#8217;re in for as they click through to the next post. That&#8217;s where the Table of Contents shortcode comes in.<\/p>\n<p>Simply add this to each of your &#8220;pages&#8221; after your\u00a0<code>&lt;!--nextpage--&gt;<\/code>\u00a0breaks and input the titles of each section in your article. What you&#8217;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).<\/p>\n<p>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!<\/p>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i>This<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i>is<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i>a<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i>icon<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i>list<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>Chose from over 300 icons.<\/strong> <\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" style=\"margin-top: 45px;\"><span>Responsive Visibility, Pricing Tables, Content Bands, &amp; Entry Share<\/span><\/h2>\n<p>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).<\/p>\n<div  class=\"x-visibility x-visible-desktop\" >\n<div class=\"x-alert x-alert-muted x-alert-block\" ><h6 class=\"h-alert\">Desktop Message<\/h6>I&#8217;m only for the larger screens. Since there&#8217;s more room, I can take a little more space. Resize me!<br \/>\n<hr  class=\"x-gap\" style=\"margin: 1em 0 0 0;\">\n<div  class=\"x-video embed with-container\" style=\"margin-bottom: 0;\"><div class=\"x-video-inner\"><\/div><\/div><\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-tablet\" >\n<div class=\"x-alert x-alert-muted x-alert-block\" ><h6 class=\"h-alert\">Tablet Message<\/h6>I&#8217;m only for the medium sized screens. There a little less room here, so try and shorten things up a bit, but don&#8217;t worry, you don&#8217;t have to fret too much over the length of your message just yet.<\/div>\n<\/div>\n<div  class=\"x-visibility x-visible-phone\" >\n<div class=\"x-alert x-alert-muted x-alert-block\" ><h6 class=\"h-alert\">Phone Message<\/h6>I&#8217;m only for the smallest screens. Try and keep things short and sweet here.<\/div>\n<\/div>\n<hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n<div  class=\"x-pricing-table cf three-columns\" ><div  class=\"x-pricing-column\" ><h2 class=\"man\">Basic<\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$39<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Wedgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><div  class=\"x-pricing-column featured\" ><h2 class=\"man\">Plus <span class=\"x-featured-sub\">Featured<\/span><\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$59<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wedgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded x-btn-x-large\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><div  class=\"x-pricing-column\" ><h2 class=\"man\">Premium<\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$89<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wedgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><\/div>\n<hr  class=\"x-gap\" style=\"margin: 40px 0 0 0;\">\n<div id=\"x-content-band-1\" class=\"x-content-band\" style=\"background-color: #ffddea; color: #333;\"><div class=\"x-container\"><div  class=\"x-container max width\" ><h4  class=\"h-custom-headline h3\" style=\"margin-top: 0;\"><span>Cool Headline<\/span><\/h4>\n<p>Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.<\/p>\n<\/div><\/div><\/div>\n<div id=\"x-content-band-2\" class=\"x-content-band bg-pattern\" style=\"background-image: url(\/media\/x-bg-maze.png); background-color: transparent;\"><div class=\"x-container\"><div  class=\"x-container max width\" ><h4  class=\"h-custom-headline h3\" style=\"margin-top: 0;\"><span>Cool Headline<\/span><\/h4>\n<p>Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.<\/p>\n<\/div><\/div><\/div>\n<div id=\"x-content-band-3\" class=\"x-content-band bg-image\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;image&quot;,&quot;parallax&quot;:false}\"  style=\"background-image: url(\/media\/x-bg-flowers.jpg); background-color: transparent; color: #fff;\"><div class=\"x-container\"><div  class=\"x-container max width\" ><h4  class=\"h-custom-headline h3\" style=\"margin-top: 0; color: #fff;\"><span>Cool Headline<\/span><\/h4>\n<p>Great for a call to action or important information, these Content Bands will help you be truly creative with how your content is presented.<\/p>\n<\/div><\/div><\/div>\n<div id=\"x-content-band-4\" class=\"x-content-band bg-video\" data-x-element=\"content_band\" data-x-params=\"{&quot;type&quot;:&quot;video&quot;}\"  style=\" color: #fff;\"><div  class=\"x-video player bg transparent hide-controls autoplay loop muted\" data-x-element=\"x_mejs\" data-x-params=\"{&quot;poster&quot;:&quot;https:\\\/\\\/theme.co\\\/x\\\/demo\\\/integrity\\\/1\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2013\\\/06\\\/x-home-5-bg-video-slider-touch.jpg&quot;}\"  ><script type=\"text\/template\"><div class=\"x-video-inner video\/mp4  transparent\"><video class=\"x-mejs has-stack-styles\" poster=\"https:\/\/theme.co\/x\/demo\/integrity\/1\/wp-content\/uploads\/sites\/2\/2013\/06\/x-home-5-bg-video-slider-touch.jpg\" preload=\"metadata\" autoplay loop muted><source src=\"https:\/\/player.vimeo.com\/external\/75369165.hd.mp4?s=2dc40dd57ab6d1975eae1f3ec1b2afad\" type=\"video\/mp4\"><\/video><\/div><\/script><\/div><div class=\"x-container max width\"><h4  class=\"h-custom-headline h3\" style=\"margin-top: 0; color: #fff;\"><span>Cool Headline<\/span><\/h4>\n<p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.<\/p>\n<\/div><\/div>\n<div  class=\"x-entry-share\" ><p>Share this Post<\/p><div class=\"x-share-options\"><a href=\"#share\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share\" title=\"Share on Facebook\" onclick=\"window.open('http:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fdemo.theme.co%2Ficon-4%2Fwp-json%2Fwp%2Fv2%2Fposts%2F4426&amp;t=News', 'popupFacebook', 'width=650, height=270, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-facebook-square\" data-x-icon-b=\"&#xf082;\"><\/i><\/a><a href=\"#share\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share\" title=\"Share on Twitter\" onclick=\"window.open('https:\/\/twitter.com\/intent\/tweet?text=News&amp;url=https%3A%2F%2Fdemo.theme.co%2Ficon-4%2Fwp-json%2Fwp%2Fv2%2Fposts%2F4426', 'popupTwitter', 'width=500, height=370, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-twitter-square\" data-x-icon-b=\"&#xf081;\"><\/i><\/a><a href=\"#share\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share\" title=\"Share on Google+\" onclick=\"window.open('https:\/\/plus.google.com\/share?url=https%3A%2F%2Fdemo.theme.co%2Ficon-4%2Fwp-json%2Fwp%2Fv2%2Fposts%2F4426', 'popupGooglePlus', 'width=650, height=226, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-google-plus-square\" data-x-icon-b=\"&#xf0d4;\"><\/i><\/a><a href=\"#share\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share\" title=\"Share on Pinterest\" onclick=\"window.open('http:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fdemo.theme.co%2Ficon-4%2Fwp-json%2Fwp%2Fv2%2Fposts%2F4426&amp;media=&amp;description=News', 'popupPinterest', 'width=750, height=265, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-pinterest-square\" data-x-icon-b=\"&#xf0d3;\"><\/i><\/a><a href=\"#share\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share\" title=\"Share on Reddit\" onclick=\"window.open('http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fdemo.theme.co%2Ficon-4%2Fwp-json%2Fwp%2Fv2%2Fposts%2F4426', 'popupReddit', 'width=875, height=450, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-reddit-square\" data-x-icon-b=\"&#xf1a2;\"><\/i><\/a><a href=\"mailto:?subject=News&amp;body=Hey, thought you might enjoy this! Check it out when you have a chance: https:\/\/demo.theme.co\/icon-4\/standard-post-with-shortcode-goodies\/\" data-x-element=\"extra\" data-x-params=\"{&quot;type&quot;:&quot;tooltip&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;placement&quot;:&quot;bottom&quot;,&quot;title&quot;:&quot;&quot;,&quot;content&quot;:&quot;&quot;}\"  class=\"x-share email\" title=\"Share via Email\"><span><i class=\"x-icon-envelope-square\" data-x-icon-s=\"&#xf199;\"><\/i><\/span><\/a><\/div><\/div>\n<h2  class=\"h-custom-headline h5 accent\" style=\"margin-top: 45px;\"><span>Over Three Dozen Shortcodes Included When You Buy X Today<\/span><\/h2>\n<p>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&#8217;ll also have access to all future Shortcodes we develop for future releases.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;ve grouped some together so this isn&#8217;t a super long post, however for a complete list with demos and examples of each, be sure to head over to the 01 Demos for each Stack. Remember that &#8230;<\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/posts\/4426"}],"collection":[{"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/comments?post=4426"}],"version-history":[{"count":0,"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/posts\/4426\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/media?parent=4426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/categories?post=4426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.theme.co\/icon-4\/wp-json\/wp\/v2\/tags?post=4426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}