{"id":156,"date":"2015-01-02T04:53:13","date_gmt":"2015-01-02T04:53:13","guid":{"rendered":"http:\/\/wpdev.ecko.me\/?p=156"},"modified":"2015-01-02T04:53:13","modified_gmt":"2015-01-02T04:53:13","slug":"shortcodes","status":"publish","type":"post","link":"https:\/\/sozdan-site.ru\/blog\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p>Below is a list of available shortcodes. Severn includes a post editor menu which allows easy access to shortcodes and their options. Further information on shortcodes and their usage can be found in the provided documentation.<\/p>\n<h4>Progress Bars<\/h4>\n<div class=\"shortprogress\">\n<div class=\"inner \" style=\"width:75%;\"><\/div>\n<div class=\"percentage\">75%<\/div>\n<\/div>\n<div class=\"shortprogress\">\n<div class=\"inner green\" style=\"width:40%;\"><\/div>\n<div class=\"percentage\">40%<\/div>\n<\/div>\n<div class=\"shortprogress\">\n<div class=\"inner orange\" style=\"width:55%;\"><\/div>\n<div class=\"percentage\">55%<\/div>\n<\/div>\n<div class=\"shortprogress\">\n<div class=\"inner red\" style=\"width:20%;\"><\/div>\n<div class=\"percentage\">20%<\/div>\n<\/div>\n<h4>Image (Wide)<\/h4>\n<div class=\"wide\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-670\" src=\"http:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-1024x678.jpg\" alt=\"apple-connector-iphone-4150-1680x1113-1\" width=\"1024\" height=\"678\" srcset=\"https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-1024x678.jpg 1024w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-200x133.jpg 200w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-300x199.jpg 300w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1.jpg 1680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-860x570.jpg 860w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-680x451.jpg 680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-400x265.jpg 400w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/apple-connector-iphone-4150-1680x1113-1-50x33.jpg 50w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<h4>Blockquote<\/h4>\n<blockquote><p>&#171;I don\u2019t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.&#187;<\/p>\n<footer><cite>\u2014 Ken Venturi<\/cite><\/footer>\n<\/blockquote>\n<h4>Image Gallery<\/h4>\n<div class=\"eckogallery\"><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-674\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-1024x683.jpg\" alt=\"parking-multi-storey-car-park\" width=\"1024\" height=\"683\" srcset=\"https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-1024x683.jpg 1024w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-200x133.jpg 200w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-300x200.jpg 300w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park.jpg 1680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-860x573.jpg 860w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-680x453.jpg 680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-400x267.jpg 400w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/parking-multi-storey-car-park-50x33.jpg 50w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-696\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-1024x683.jpg\" alt=\"road-mountains-street-cliff\" width=\"1024\" height=\"683\" srcset=\"https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-1024x683.jpg 1024w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-200x133.jpg 200w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-300x200.jpg 300w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff.jpg 1680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-860x573.jpg 860w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-680x453.jpg 680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-400x267.jpg 400w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/road-mountains-street-cliff-50x33.jpg 50w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-676\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-1024x683.jpg\" alt=\"bricks-fire-escape-fire-ladder-house\" width=\"1024\" height=\"683\" srcset=\"https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-1024x683.jpg 1024w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-200x133.jpg 200w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-300x200.jpg 300w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house.jpg 1680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-860x573.jpg 860w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-680x453.jpg 680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-400x267.jpg 400w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2014\/01\/bricks-fire-escape-fire-ladder-house-50x33.jpg 50w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/08\/photo-1422207134147-65fb81f59e38.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-746\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/08\/photo-1422207134147-65fb81f59e38-1024x778.jpg\" alt=\"photo-1422207134147-65fb81f59e38\" width=\"1024\" height=\"778\" \/><\/a><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/08\/photo-1428366890462-dd4baecf492b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-749\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/08\/photo-1428366890462-dd4baecf492b-683x1024.jpg\" alt=\"photo-1428366890462-dd4baecf492b\" width=\"683\" height=\"1024\" \/><\/a><a href=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-652\" src=\"http:\/\/koalawp.ecko.me\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-733x1024.jpg\" alt=\"photo-1428953773181-b4cf23cd7195\" width=\"733\" height=\"1024\" srcset=\"https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-733x1024.jpg 733w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-200x279.jpg 200w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-215x300.jpg 215w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195.jpg 1680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-860x1201.jpg 860w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-680x950.jpg 680w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-400x559.jpg 400w, https:\/\/sozdan-site.ru\/blog\/wp-content\/uploads\/2015\/05\/photo-1428953773181-b4cf23cd7195-50x70.jpg 50w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/a><\/div>\n<h4>Tabs<\/h4>\n<div class=\"shorttabs\">\n<div class=\"shorttabsheader\" data-id=\"main\"> Header One <\/div>\n<div class=\"shorttabsheader\" data-id=\"main2\"> Header Two <\/div>\n<div class=\"shorttabsheader\" data-id=\"main3\"> Header Three <\/div>\n<div class=\"shorttabscontent\" data-id=\"main\">\nIvy comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.\n <\/div>\n<div class=\"shorttabscontent\" data-id=\"main2\">\nTab Content for Header 2\n <\/div>\n<div class=\"shorttabscontent\" data-id=\"main3\">\nTab Content for Header 3\n <\/div>\n<\/p><\/div>\n<h4>Toggle Boxes<\/h4>\n<div class=\"shorttoggle outline closed\">\n<div class=\"toggleheader\">\n<div class=\"left\">Toggle Box Outline Closed<\/div>\n<div class=\"right\"><i class=\"fa fa-chevron-down\"><\/i><\/div>\n<\/div>\n<div class=\"togglecontent\">\nSevern\u00a0comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.\n<\/div>\n<\/div>\n<div class=\"shorttoggle  closed\">\n<div class=\"toggleheader\">\n<div class=\"left\">Toggle Box Solid Closed<\/div>\n<div class=\"right\"><i class=\"fa fa-chevron-down\"><\/i><\/div>\n<\/div>\n<div class=\"togglecontent\">\nSevern comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.\n<\/div>\n<\/div>\n<div class=\"shorttoggle  open\">\n<div class=\"toggleheader\">\n<div class=\"left\">Toggle Box Solid Open<\/div>\n<div class=\"right\"><i class=\"fa fa-chevron-down\"><\/i><\/div>\n<\/div>\n<div class=\"togglecontent\">\nSevern comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.\n<\/div>\n<\/div>\n<h4>Buttons<\/h4>\n<p><a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton  small\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton blue small\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton green small\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton orange small\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton red small\">Button<\/a><\/p>\n<p><a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton  normal\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton blue normal\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton green normal\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton orange normal\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton red normal\">Button<\/a><\/p>\n<p><a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton  large\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton blue large\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton green large\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton orange large\">Button<\/a> <a href=\"http:\/\/google.com\" target=\"_blank\" class=\"shortbutton red large\">Button<\/a><\/p>\n<h4>Alert Boxes<\/h4>\n<div class=\"alert \">This is an alert example<\/div>\n<div class=\"alert blue\">This is an alert example<\/div>\n<div class=\"alert green\">This is an alert example<\/div>\n<div class=\"alert orange\">This is an alert example<\/div>\n<div class=\"alert red\">This is an alert example<\/div>\n<h4>Code Syntax Highlighter<\/h4>\n<pre><code data-language=\"javascript\">var http = require('http');\nhttp.createServer(function (req, res) {\n    res.writeHead(200, {'Content-Type': 'text\/plain'});\n    res.end('Hello Worldn');\n}).listen(1337, '127.0.0.1');\nconsole.log('Server running at http:\/\/127.0.0.1:1337\/');<\/code><\/pre>\n<pre><code data-language=\"python\">#!\/usr\/bin\/python\n# -*- coding: utf-8 -*-\nimport glob\n\n# glob supports Unix style pathname extensions\n\npython_files = glob.glob('*.py')\nfor file_name in sorted(python_files):\n    print ' ------' + file_name\n\nwith open(file_name) as f:\n    for line in f:\n        print ' ' + line.rstrip()<\/code><\/pre>\n<h4>Columns<\/h4>\n<div class=\"grid\">\n<div class=\"half left\">\n<h4>Left Side<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n<div class=\"half right\">\n<h4>Right\u00a0Side<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div>\n<\/div>\n<h4>Pull Quote<\/h4>\n<p><q class=\"right\">I don\u2019t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.<cite>\u2014 Ken Venturi<\/cite><\/q>Quisque fringilla justo tristique mi fermentum accumsan. Integer feugiat, sem sit amet sodales cursus, enim lectus tempus tellus, nec facilisis tortor enim vel nunc. Donec facilisis arcu ac suscipit sagittis. Aliquam sollicitudin tortor et viverra commodo. Donec venenatis dignissim lacus quis dictum. Aliquam iaculis quam nec tortor volutpat, nec tempus diam efficitur. Phasellus vel orci placerat, ultricies nunc eu, tempus felis. Ut sit amet convallis velit. Mauris placerat neque at velit vehicula, iaculis semper purus blandit. Vestibulum vel tempus felis.<\/p>\n<h4>Annotated Content<\/h4>\n<div class=\"annotation\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-186\" src=\"http:\/\/orcawp.ecko.me\/wp-content\/uploads\/2014\/05\/quote_bg.jpg\" alt=\"quote_bg\" width=\"1024\" height=\"541\" \/><\/p>\n<div class=\"main\">\n<h5>Annotation Header<\/h5>\n<p>Annotation description text.<\/p><\/div>\n<\/div>\n<h4>Youtube Video<\/h4>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ZwzY1o_hB5Y\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h4>Vimeo Video<\/h4>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/35396305?title=0&amp;byline=0&amp;portrait=0&amp;badge=0\" width=\"500\" height=\"281\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Severn comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.<\/p>\n","protected":false},"author":1,"featured_media":686,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[14,16,32],"class_list":["post-156","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bez-rubriki","tag-development","tag-frontend","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":0,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/media\/686"}],"wp:attachment":[{"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sozdan-site.ru\/blog\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}