{"id":8238,"date":"2021-03-06T02:16:30","date_gmt":"2021-03-06T01:16:30","guid":{"rendered":"https:\/\/wp.okra.host\/shortcodes\/"},"modified":"2021-03-06T02:16:30","modified_gmt":"2021-03-06T01:16:30","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/kb.okra.host\/de\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p><strong>This is a sample of the shortcodes available with the KnowAll theme, edit this page to see how to use them yourself<\/strong><\/p>\n<h4 id=\"tabs\" >Tabs<\/h4>\n    \t\t<div class=\"hts-tabs\"  >\r\n    \t\t\t<ul class=\"hts-tabs__nav\" role=\"tablist\">\r\n    \t\t\t\t    \t\t\t\t\t<li data-tab=\"#tabs-1\" class=\"hts-tabs__tab hts-tabs__tab--active\" role=\"tab\">Discover the tab shortcode<\/li>\r\n    \t\t\t\t    \t\t\t\t\t<li data-tab=\"#tabs-2\" class=\"hts-tabs__tab\" role=\"tab\">Even more to learn<\/li>\r\n    \t\t\t\t    \t\t\t\t\t<li data-tab=\"#tabs-3\" class=\"hts-tabs__tab\" role=\"tab\">Conclusions<\/li>\r\n    \t\t\t\t    \t\t\t<\/ul>\r\n    \t\t\t    \t\t\t\t<div id=\"tabs-1\" class=\"hts-tabs__content hts-tabs__content--active\" role=\"tabpanel\">\r\n    \t\t\t\t\t<div class=\"hts-tabs__contentwrap\">\r\n    \t\t\t\t\t\t<p>The Tab shortcode allows your customers to walk through steps of a tutorial<\/p>\r\n    \t\t\t\t\t<\/div>\r\n    \t\t\t\t<\/div><!-- \/tabs-1 -->\r\n    \t\t\t    \t\t\t\t<div id=\"tabs-2\" class=\"hts-tabs__content\" role=\"tabpanel\">\r\n    \t\t\t\t\t<div class=\"hts-tabs__contentwrap\">\r\n    \t\t\t\t\t\t<p>It's flexible - to showcase your content in a way that is easy to read and manage<\/p>\r\n    \t\t\t\t\t<\/div>\r\n    \t\t\t\t<\/div><!-- \/tabs-2 -->\r\n    \t\t\t    \t\t\t\t<div id=\"tabs-3\" class=\"hts-tabs__content\" role=\"tabpanel\">\r\n    \t\t\t\t\t<div class=\"hts-tabs__contentwrap\">\r\n    \t\t\t\t\t\t<p>The best bit... it's included in KnowAll, and styled for you.<\/p>\r\n    \t\t\t\t\t<\/div>\r\n    \t\t\t\t<\/div><!-- \/tabs-3 -->\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-tabs -->\r\n    \t\t\n<h4 id=\"toggle\" >Toggle<\/h4>\n    \t\t<div class=\"hts-toggle\"  >\r\n    \t\t\t<div class=\"hts-toggle__title\">A toggle..<\/div>\r\n    \t\t\t<div class=\"hts-toggle__content\">\r\n    \t\t\t\t<div class=\"hts-toggle__contentwrap\">\r\n    \t\t\t\t\t<p>Let&#8217;s you display teaser content and reveal in a click. This shortcode is packaged with KnowAll.<\/p>\n    \t\t\t\t<\/div>\r\n    \t\t\t<\/div><!-- \/ht-toggle-content -->\r\n    \t\t<\/div>\r\n    \t\t\n<h4 id=\"accordion\" >Accordion<\/h4>\n \r\n    \t\t<div class=\"hts-accordion\"  >\r\n\r\n    \t\t\t    \t\t\t\t<div class=\"hts-accordion__section hts-accordion__section--active\">\r\n\t    \t\t\t\t<div class=\"hts-accordion__title\">An Accordion<\/div>\r\n\t    \t\t\t\t<div class=\"hts-accordion__content\">\r\n\t    \t\t\t\t\t<div class=\"hts-accordion__contentwrap\">\r\n\t    \t\t\t\t\t\tA variation on toggle, each section expands in turn to reveal another.\t    \t\t\t\t\t<\/div>\r\n\t    \t\t\t\t<\/div>\r\n    \t\t\t\t<\/div>\r\n    \t\t\t    \t\t\t\t<div class=\"hts-accordion__section\">\r\n\t    \t\t\t\t<div class=\"hts-accordion__title\">Multiple steps<\/div>\r\n\t    \t\t\t\t<div class=\"hts-accordion__content\">\r\n\t    \t\t\t\t\t<div class=\"hts-accordion__contentwrap\">\r\n\t    \t\t\t\t\t\tCan be split out content using an accordion shortcode.\t    \t\t\t\t\t<\/div>\r\n\t    \t\t\t\t<\/div>\r\n    \t\t\t\t<\/div>\r\n    \t\t\t    \t\t\t\t<div class=\"hts-accordion__section\">\r\n\t    \t\t\t\t<div class=\"hts-accordion__title\">Make your content interactive<\/div>\r\n\t    \t\t\t\t<div class=\"hts-accordion__content\">\r\n\t    \t\t\t\t\t<div class=\"hts-accordion__contentwrap\">\r\n\t    \t\t\t\t\t\tLet your customers discover your products for themselves.\t    \t\t\t\t\t<\/div>\r\n\t    \t\t\t\t<\/div>\r\n    \t\t\t\t<\/div>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-accordion -->\r\n    \t\t\n<h4 id=\"messages\" >Messages<\/h4>\n    \t\t<div class=\"hts-messages hts-messages--success  hts-messages--withtitle hts-messages--withicon\"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Packaged with useful shortcodes<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tKnowAll comes packaged with all the tools you need to set up and run a successful support center including useful shortcodes and styling elements to make your content stand out.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon\"   >\r\n    \t\t\t<span class=\"hts-messages__title\">KnowAll includes four message styles<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCreate asides, demonstrate points and alert your customers\/visitors to key features and functionality.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--danger  hts-messages--withtitle hts-messages--withicon\"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Key Warnings<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCan be displayed with this warning message.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon\"   >\r\n    \t\t\t<span class=\"hts-messages__title\">Information message<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCasual information that you want to highlight is best displayed with the Information message shortcode, packaged with KnowAll.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--success  hts-messages--withtitle\"   >\r\n    \t\t\t<span class=\"hts-messages__title\">I am a success message (without an icon)<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tYou can choose the title, content and whether or not to display and icon. KnowAll handles the styling, so your content looks great, no matter what your message.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->","protected":false},"excerpt":{"rendered":"<p>This is a sample of the shortcodes available with the KnowAll theme, edit this page to see how to use them yourself Tabs Toggle Accordion Messages<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/pages\/8238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/comments?post=8238"}],"version-history":[{"count":0,"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/pages\/8238\/revisions"}],"wp:attachment":[{"href":"https:\/\/kb.okra.host\/de\/wp-json\/wp\/v2\/media?parent=8238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}