{"id":30,"date":"2017-03-24T16:53:24","date_gmt":"2017-03-24T16:53:24","guid":{"rendered":"https:\/\/demo.northeme.com\/svea\/?page_id=30"},"modified":"2017-03-24T16:56:38","modified_gmt":"2017-03-24T16:56:38","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p>The following shortcodes can be used on any page or post\u00a0:<\/p>\n<p>&nbsp;<\/p>\n<h4>Tabs Shortcode<\/h4>\n<dl id=\"tabs-69e03ef5c0eed\" class=\"tabs border-color\"><dt><\/dt><dd class=\"border-color active\"><a href=\"#tabs-first-tab\" class=\"no-style\">First Tab<\/a><\/dd><dd class=\"border-color \"><a href=\"#tabs-second-tab\" class=\"no-style\">Second Tab<\/a><\/dd><dd class=\"border-color \"><a href=\"#tabs-third-tab\" class=\"no-style\">Third Tab<\/a><\/dd><\/dl><ul class=\"tabs-content\"><li class=\"active\" id=\"tabs-first-tabTab\"><p>Vestibulum massa tortor, viverra aliquam faucibus nec, maximus id libero. Morbi et ligula ac metus lacinia pretium eget quis lacus. Pellentesque sed diam urna.<br \/>\nCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <\/p>\n<\/li><li  id=\"tabs-second-tabTab\"><p><iframe title=\"SAN CISCO - Magic\" src=\"https:\/\/player.vimeo.com\/video\/127053285?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\"  allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><br \/>\nAenean neque justo, cursus sit amet ex a, pretium convallis lorem. Maecenas nisi justo, consectetur lacinia pretium sed, placerat non ante. Nullam ut eros rutrum, eleifend magna at, sollicitudin enim. Suspendisse malesuada enim eget suscipit lacinia. Sed eget urna massa. Fusce sed ipsum diam.<\/p>\n<\/li><li  id=\"tabs-third-tabTab\"><p>In vitae malesuada odio, quis eleifend sem. Aenean neque justo, cursus sit amet ex a, pretium convallis lorem.<br \/>\nMaecenas nisi justo, consectetur lacinia pretium sed, placerat non ante. Nullam ut eros rutrum, eleifend magna at, sollicitudin enim. Suspendisse malesuada enim eget suscipit lacinia. Sed eget urna massa. Fusce sed ipsum diam.<\/p>\n<\/li><\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h4><\/h4>\n<h4>Slider Shortcodes<\/h4>\n<p>Northeme built-in sliders allow to build unlimited sliders and use them via shortcodes on any page or post :<\/p>\n<div class=\"swiper-container\"><div class=\"nor-slider swiper-wrapper slide\" data-light=\"nor-lightbox\"><div class=\"swiper-slide\"><a href=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/1.jpg\" class=\"flex-slide\"><img decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/1.jpg\" alt=\"New caption\" \/><\/a><small class=\"img-caption\">New caption<\/small><\/div><div class=\"swiper-slide\"><a href=\"http:\/\/google.com\" target=\"_self\" class=\"no-lightbox\"><img decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/2.jpg\" alt=\"This slide linked to an URL\" \/><\/a><small class=\"img-caption\">This slide linked to an URL<\/small><\/div><div class=\"swiper-slide\"><a href=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/3.jpg\" class=\"flex-slide\"><img decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/3.jpg\" alt=\"\" \/><\/a><\/div><div class=\"swiper-slide\"><a href=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/4.jpg\" class=\"flex-slide\"><img decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/svea\/wp-content\/uploads\/sites\/31\/2017\/03\/4.jpg\" alt=\"\" \/><\/a><\/div><\/div>\t<!-- Add Pagination -->\n\t\t\t\t\t\t<div class=\"swiper-pagination swiper-pagination-white\"><\/div>\t<!-- Add Navigation -->\n\t\t\t\t\t\t<div class=\"swiper-button-prev swiper-button-white\"><\/div>\n\t\t\t\t\t\t<div class=\"swiper-button-next swiper-button-white\"><\/div><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<h4><\/h4>\n<h4>Column Shortcodes<\/h4>\n<p>Column shortcodes are consisting of 12-grid layout and column shortcodes offers 1 to 12\u00a0columns along with half, one-third and two-thirds columns :<\/p>\n<div class=\"row column-row shortcode-row\"><div class=\"col-xs-12 col-md-6\"><p><strong>This is one-half \/ one-half columns example.<\/strong> Curabitur dictum ac lacus eu tristique. Nunc feugiat scelerisque mi, sit amet faucibus purus pellentesque a. Ut ornare nec risus vitae maximus. Duis euismod pellentesque luctus. Nunc at tincidunt metus. Pellentesque a finibus dui, hendrerit convallis metus. Donec porttitor odio quis risus fringilla pretium. Pellentesque molestie vitae felis sit amet maximus. Aenean vitae felis eu ex ultrices porta ut vel mi.<\/p>\n<\/div><div class=\"col-xs-12 col-md-6\"><p>Curabitur et mi rutrum, malesuada ipsum ut, eleifend arcu. Ut dapibus ipsum sit amet gravida euismod. Nam metus nisi, semper nec pretium sit amet, hendrerit a ipsum. Vivamus sagittis tincidunt lacus, id rutrum nunc cursus ut. Phasellus sit amet dui nec magna gravida vehicula ac nec lacus. Phasellus ligula tortor, luctus in euismod ac, iaculis ac mi. Proin pretium aliquam leo quis pulvinar.<\/p>\n<\/div><\/div>\n<div class=\"row column-row shortcode-row\"><div class=\"col-xs-12 col-md-8\"><p><strong>This is two-third \/ one-third\u00a0columns example.<\/strong> Nullam faucibus elit in sapien lobortis, ut cursus nunc viverra. Aenean mollis non odio eu blandit. Morbi faucibus lobortis dolor ut mollis. Etiam ac sapien porttitor, commodo velit ut, tempus erat.<\/p>\n<\/div><div class=\"col-xs-12 col-md-4\"><p>Etiam vel blandit ipsum, sed tempus felis. Duis nisi est, mollis a nisi eget, egestas mollis arcu. Cras efficitur tempor sodales. Fusce non iaculis erat, vel ornare leo. Duis id nulla quam.<\/p>\n<\/div><\/div>\n<div class=\"row column-row shortcode-row\"><div class=\"col-xs-12 col-md-3 \"><p><strong>This is 4\u00a0columns example.<\/strong> Vestibulum at nisl interdum, fermentum tortor in, sagittis magna. Donec dolor odio, dignissim gravida dapibus vel, finibus eget leo. Vestibulum sollicitudin lobortis nibh at bibendum.<\/p>\n<\/div><div class=\"col-xs-12 col-md-3 \"><p>Duis viverra nunc augue, in mattis libero lobortis eget. Curabitur porta, sem sit amet sodales vulputate, lacus libero egestas mauris, rhoncus sagittis turpis velit ac ante. Integer ligula lorem, feugiat ut libero elementum, fermentum iaculis lacus.<\/p>\n<\/div><div class=\"col-xs-12 col-md-3 \"><p>Nullam efficitur augue a arcu aliquet pharetra. Nunc semper, felis sit amet tristique rutrum, est ipsum pharetra metus, ut eleifend mauris enim et nunc. Duis cursus tellus ut lacus consequat, sagittis efficitur quam feugiat.<\/p>\n<\/div><div class=\"col-xs-12 col-md-3 \"><p><img decoding=\"async\" class=\"alignnone size-full wp-image-342\" src=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\" alt=\"a2241656405_16\" \/>Nullam efficitur augue a arcu aliquet pharetra. Nunc semper, felis sit amet tristique rutrum, est ipsum pharetra metus, ut eleifend mauris enim et nunc. Duis cursus tellus ut lacus consequat, sagittis efficitur quam feugiat.<\/p>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<div class=\"row column-row shortcode-row\"><div class=\"col-xs-12 col-md-6\"><h4>Contact Form Shortcode<\/h4>\n<p>Contact Form Shortcode fields are e-mail, form width, e-mail (field name), name\u00a0(field name), message\u00a0(field name), send button (field name), title, success and failure messages.<br \/>\n<form method=\"post\" action=\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\" class=\"northeme-contact contactform_ajax\" data-success=\"Success\" data-fail=\"Failed \" style=\"width:100%\">  <input type=\"hidden\" id=\"wp_form_token\" name=\"wp_form_token\" value=\"45b1283340\" \/>              <input type=\"hidden\" name=\"secfield\" value=\"11\">  <h3 class=\"no-effect\" >This is Contact Form Title<\/h3>                <div id=\"resmsg-69e03ef5c5426\" class=\"msg alert\" style=\"display:none;\"><\/div>  <p class=\"email-field \"><label>E-Mail Field<\/label><span><input type=\"text\" name=\"email\" class=\"email required\" placeholder=\"E-Mail Field\" \/><\/span> <\/p>  <p class=\"name-field \"><label>Name (custom)<\/label><span><input type=\"text\" name=\"name\" placeholder=\"Name (custom)\" \/><\/span><\/p>                <p class=\"message-field\"><label>Message<\/label><span><textarea name=\"msg\" placeholder=\"Message\"><\/textarea><\/span><\/p>  <p class=\"submit-p\"><button type=\"submit\" class=\"nor-button\" id=\"msubmit-69e03ef5c5426\">Send Button<\/button><\/p>  <input type=\"hidden\" name=\"bname\" value=\"Svea\" \/>  <input type=\"hidden\" name=\"sendemail\" value=\"example@example.com\" \/><\/form>\n<\/div>\n<div class=\"col-xs-12 col-md-6\"><h4>Google Maps Shortcode<\/h4>\n<p>Simple Google Maps Shortcode.<br \/>\n<strong>Address<\/strong>, <strong>width<\/strong>, <strong>height<\/strong> and <strong>zoom<\/strong> fields provided :<\/p>\n<iframe src=\"https:\/\/maps.google.com\/maps?q=128+W+Hastings+St+%23210%2C+Vancouver%2C+BC+V6B+1G8&amp;center=128+W+Hastings+St+%23210%2C+Vancouver%2C+BC+V6B+1G8&amp;output=embed&amp;z=14&amp;visual_refresh=true\" style=\"border:none;overflow:hidden; width:100%;height:350px\"><\/iframe>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<h4><\/h4>\n<h4>Button Shortcodes<\/h4>\n<p>Button shortcode panel provides extensive options to modify your button such as <strong>color, corner radius, BG &amp; Text color, size etc.<\/strong><\/p>\n<a href=\"https:\/\/northeme.com\" style=\"border:2px solid #666!important;0background-color:none;color:#666;\"  class=\"nor-button no-style shortcode-button\" target=\"_blank\">Button Sample<\/a>\u00a0<a href=\"https:\/\/northeme.com\" style=\"border-radius:50px;padding:15px 28px; font-size:1.1rem;background-color:#cc0000;color:#ffffff;\"  class=\"nor-button no-style shortcode-button\" target=\"_blank\">Button Sample<\/a>\u00a0<a href=\"https:\/\/northeme.com\" style=\"border-radius:50px;padding:20px 50px; font-size:1.5rem;background-color:#ffcc33;color:#000;\"  class=\"nor-button no-style shortcode-button\" target=\"_blank\">Button Sample<\/a>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h4>Alerts\u00a0Shortcodes<\/h4>\n<div class=\"alert\" style=\"background-color:#c40a0a;color:#ffffff\"><a href=\"#\" class=\"closealert\"><i class=\"fas fa-remove\" style=\"color:#ffffff\"><\/i><\/a>Any text here<\/div>\n<div class=\"alert\" style=\"background-color:#ffcc33;color:#000\"><a href=\"#\" class=\"closealert\"><i class=\"fas fa-remove\" style=\"color:#000\"><\/i><\/a>Alert Message!<\/div>\n<div class=\"alert\" style=\"background-color:#eee;color:#000\"><a href=\"#\" class=\"closealert\"><i class=\"fas fa-remove\" style=\"color:#000\"><\/i><\/a>Alert message with custom\u00a0color!<\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<h4>Icons Shortcode (Font Awesome)<\/h4>\n<p>Font Awesome included and any FA icons can be added via <strong>Icon Shortcodes<\/strong> to your content. Icon size and color options provided.<\/p>\n<i class=\"fas fa-times \" style=\"color:#666;font-size:12px;\"><\/i>\u00a0<i class=\"fas fa-lock \" style=\"color:#666;font-size:18px;\"><\/i>\u00a0<i class=\"fas fa-shopping-cart \" style=\"color:#666;font-size:24px;\"><\/i>\u00a0<i class=\"fas fa-times \" style=\"color:#666;font-size:21px;\"><\/i>\n","protected":false},"excerpt":{"rendered":"<p>The following shortcodes can be used on any page or post\u00a0: &nbsp; Tabs Shortcode &nbsp; Slider Shortcodes Northeme built-in sliders&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shortcodes - Svea<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcodes - Svea\" \/>\n<meta property=\"og:description\" content=\"The following shortcodes can be used on any page or post\u00a0: &nbsp; Tabs Shortcode &nbsp; Slider Shortcodes Northeme built-in sliders...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"Svea\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-24T16:56:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\",\"url\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\",\"name\":\"Shortcodes - Svea\",\"isPartOf\":{\"@id\":\"https:\/\/northeme.com\/demo\/svea\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\",\"datePublished\":\"2017-03-24T16:53:24+00:00\",\"dateModified\":\"2017-03-24T16:56:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage\",\"url\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\",\"contentUrl\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/northeme.com\/demo\/svea\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/northeme.com\/demo\/svea\/#website\",\"url\":\"https:\/\/northeme.com\/demo\/svea\/\",\"name\":\"Svea\",\"description\":\"Just another Northeme site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/northeme.com\/demo\/svea\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shortcodes - Svea","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/","og_locale":"en_US","og_type":"article","og_title":"Shortcodes - Svea","og_description":"The following shortcodes can be used on any page or post\u00a0: &nbsp; Tabs Shortcode &nbsp; Slider Shortcodes Northeme built-in sliders...","og_url":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/","og_site_name":"Svea","article_modified_time":"2017-03-24T16:56:38+00:00","og_image":[{"url":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/","url":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/","name":"Shortcodes - Svea","isPartOf":{"@id":"https:\/\/northeme.com\/demo\/svea\/#website"},"primaryImageOfPage":{"@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage"},"image":{"@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage"},"thumbnailUrl":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg","datePublished":"2017-03-24T16:53:24+00:00","dateModified":"2017-03-24T16:56:38+00:00","breadcrumb":{"@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/northeme.com\/demo\/svea\/shortcodes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#primaryimage","url":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg","contentUrl":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/northeme.com\/demo\/svea\/shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/northeme.com\/demo\/svea\/"},{"@type":"ListItem","position":2,"name":"Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/northeme.com\/demo\/svea\/#website","url":"https:\/\/northeme.com\/demo\/svea\/","name":"Svea","description":"Just another Northeme site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/northeme.com\/demo\/svea\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":6,"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/pages\/30\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/northeme.com\/demo\/svea\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}