{"id":15,"date":"2020-05-06T06:11:39","date_gmt":"2020-05-06T06:11:39","guid":{"rendered":"https:\/\/vti.uchile.cl\/ayudatecnologica\/shortcodes\/"},"modified":"2023-10-11T13:14:08","modified_gmt":"2023-10-11T13:14:08","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/vti.uchile.cl\/ayudatecnologica\/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>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>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>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>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 -->\r\n    \t\t\n","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>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":2,"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":3432,"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/pages\/15\/revisions\/3432"}],"wp:attachment":[{"href":"https:\/\/vti.uchile.cl\/ayudatecnologica\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}