{"id":1399,"date":"2017-05-02T12:40:01","date_gmt":"2017-05-02T12:40:01","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1399"},"modified":"2017-10-04T07:40:24","modified_gmt":"2017-10-04T07:40:24","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p>The Shortcodes represent powerful and flexible tools, OMBRA comes with.\u00a0They\u00a0help to embellish the content in so many ways by their specific\u00a0features.<\/p>\n<p>Learn how to use them and you will be able to make elegant layouts, exquisite media elements and outstanding\u00a0designs for your site pages.<\/p>\n<p>The shortcodes could be classified in four main groups <em>by their abilities<\/em>:<\/p>\n<ul>\n<li><strong>Basic Items<\/strong>\u00a0\u2014 <em>Button, Dropcap, Highlight, Icon, Map, Progress Bar, Quote, Separator, Team Member<\/em><\/li>\n<li><strong>Layout Tools<\/strong>\u00a0\u2014 <em>Columns, Row<\/em><\/li>\n<li><strong>Media Elements<\/strong>\u00a0\u2014 <em>Album, Projects<\/em><\/li>\n<li><strong>Complex Shortcodes<\/strong>\u00a0\u2014 <em>Accordion, Custom Font, Tabs<\/em><\/li>\n<\/ul>\n<p>In Shortcodes article of Ombra documentation, there are four sections:<\/p>\n\n<div \t\tclass=\"pikode pikode--row  with-borders\" style=\"border-width: 1px 0px 0px 0px; border-color: #e1e1e1;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-dark\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 30px 0px 0px 0px;\" >\n\t\t\t\t\t\t<p><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/basic-items\/\">Adding basic items<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div \t\tclass=\"pikode pikode--row  with-borders\" style=\"border-width: 1px 0px 0px 0px; border-color: #e1e1e1;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-dark\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 30px 0px 0px 0px;\" >\n\t\t\t\t\t\t<p><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/layout-tools\/\">Use layout options<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div \t\tclass=\"pikode pikode--row  with-borders\" style=\"border-width: 1px 0px 0px 0px; border-color: #e1e1e1;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-dark\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 30px 0px 0px 0px;\" >\n\t\t\t\t\t\t<p><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/media-elements\/\">Media elements<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div \t\tclass=\"pikode pikode--row  with-borders\" style=\"border-width: 1px 0px 1px 0px; border-color: #e1e1e1;\" >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-dark\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\" style=\"padding: 30px 0px 0px 0px;\" >\n\t\t\t\t\t\t<p><a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/complex-shortcodes\/\">Complex shortcodes<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The Shortcodes represent powerful and flexible tools, OMBRA comes with.\u00a0They\u00a0help to embellish the content in so many ways by their specific\u00a0features. Learn how to use them and you will be able to make elegant layouts, exquisite media elements and outstanding\u00a0designs for your site pages. The shortcodes could be classified in four main groups by their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":1,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1399\/revisions"}],"predecessor-version":[{"id":2787,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1399\/revisions\/2787"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}