A shortcode is a powerful content building tool http:\/\/codex.wordpress.org\/Shortcode<\/a>. In order to use the ones that come with your template:<\/p>\r\n Make sure to download and install Cherry plugin<\/a> to use these shortcodes.<\/p>\r\n Open\u00a0 a post\/page in your WordPress admin panel.<\/p>\r\n<\/li>\r\n Set the editing mode to Visual<\/strong>. Click the button for the shortcodes. Then select the shortcode you want to insert.<\/p>\r\n<\/li>\r\n<\/ol>\r\n All available shortcodes are conditionally divided into these groups:<\/p>\r\n Dynamic<\/strong> – used for content output (posts, custom post types, tags, etc.);<\/p>\r\n<\/li>\r\n Grid Columns<\/strong> – various columns for grid forming;<\/p>\r\n<\/li>\r\n Elements<\/strong> – additional elements for content forming;<\/p>\r\n<\/li>\r\n Other<\/strong> – additional elements for advanced\/complex content forming.<\/p>\r\n<\/li>\r\n<\/ul>\r\n Let\u2019s take a closer look at the major ones:<\/p>\r\n Go ahead and click Update<\/strong> to save the shortcode, then click Preview Changes<\/strong> to see how it looks from the front end of your site.<\/p>\r\n Post List <\/strong>displays standard and custom posts as on the blog page:<\/p>\r\n<\/li>\r\n Mini Post Grid<\/strong> is a <\/strong>more compact version of [post_grid] shortcode. It displays the images of standard and custom posts with a configurable image size:<\/p>\r\n<\/li>\r\n Mini Post List <\/strong>is a <\/strong>more compact version of [posts_list]<\/strong> shortcode. Displays standard and custom posts in list view:<\/p>\r\n<\/li>\r\n Recent Posts <\/strong>displays the recent posts which can be configured with the following options (post type, posts amount, post format, excerpt length, button title and others):<\/p>\r\n<\/li>\r\n Recent Testimonials<\/strong>: displays the specified number of Testimonials custom post type posts, includes the ability to show\/hide posts images and manage word count:<\/p>\r\n<\/li>\r\n Banner <\/strong>used to display a block with static text and\/or image, title, link, etc:<\/strong><\/p>\r\n<\/li>\r\n Comments <\/strong>displays the latest comments:<\/p>\r\n<\/li>\r\n Post Cycle <\/strong>displays different posts in mini-slider view:<\/strong><\/p>\r\n<\/li>\r\n Carousel <\/strong>displays the posts in carousel view, has various additional options:<\/p>\r\n<\/li>\r\n Roundabout <\/strong>is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area:<\/p>\r\n<\/li>\r\n Service Box <\/strong>is <\/strong>used to display information blocks that include title, icon, text, button. The main feature of this shortcode is the existence of pre-installed icons. To get the icons to display, you need to upload your custom icon1.png, icon2.png, icon3.png<\/strong>, etc to the wp_content\/themes\/your_theme\/images<\/strong> folder on the FTP:<\/p>\r\n<\/li>\r\n Hero unit <\/strong>is <\/strong>used to display major website information, promotions, etc. It is usually located on the main website page, right after the header:<\/p>\r\n<\/li>\r\n Categories <\/strong>shortcode <\/strong>is <\/strong>used to display categories (both from blog posts and custom posts):<\/p>\r\n<\/li>\r\n Tags <\/strong>shortcode is used to display the tags:<\/strong><\/p>\r\n<\/li>\r\n Grid Columns (span1-12) <\/strong>is <\/strong>used to form structural grid elements, where # is a number from 1 to 12, which defines the element width:<\/p>\r\n<\/li>\r\n Note, while forming a grid you should "wrap" grid elements into the [row]<\/strong> shortcode:<\/p>\r\n Under the Page Attributes<\/strong> panel on the right, Fullwidth Page<\/strong> should be selected for Template<\/strong>.<\/p>\r\n Fluid Columns (one_half, one_third…) <\/strong>is <\/strong>used to form structural grid elements, their width is delineated with %:<\/p>\r\n<\/li>\r\n Note, while forming a fluid grid you should "wrap" grid elements into [row_fluid] <\/strong>shortcode:<\/p>\r\n Multiple Columns (75% \/ 25%, etc.)<\/strong> shortcodes are used to simplify content forming by inserting the most used grid variants:<\/p>\r\n<\/li>\r\n Label <\/strong>is <\/strong>used to display a label with pre-defined styling:<\/strong><\/p>\r\n<\/li>\r\n Highlight <\/strong>is <\/strong>used to highlight a chosen text fragment:<\/strong><\/p>\r\n<\/li>\r\n Button <\/strong>is <\/strong>used to insert a button with various display settings (style, size, icon, etc.):<\/p>\r\n<\/li>\r\n Dropcap <\/strong>is <\/strong>used to display a dropped capital letter:<\/p>\r\n<\/li>\r\n Blockquote <\/strong>is <\/strong>used to display a quotation:<\/strong><\/p>\r\n<\/li>\r\n The Lists \u00a0<\/strong>shortcodes set (unstyled, check, check2, arrow, arrow2, star, plus, minus) <\/strong>is <\/strong>used to display various lists stylizations. Each shortcode implements its own marker for the list items:<\/strong><\/p>\r\n<\/li>\r\n Video Preview <\/strong>is <\/strong>used to insert a video preview, which can be loaded from the off-site services (youtube, vimeo) or from your website (self hosted):<\/p>\r\n<\/li>\r\n The Alert Boxes (message, info, success, danger) <\/strong>shortcodes set is used to display service messages:<\/p>\r\n<\/li>\r\n Tabs shortcode <\/strong>is <\/strong>used to display content arranged into tabs. Tabs may contain static and dynamic content:<\/strong><\/p>\r\n<\/li>\r\n Accordion <\/strong>is <\/strong>used to display an accordion – fold up panels with titles:<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n Table <\/strong>is <\/strong>used to display a table:<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n Google Map <\/strong>is <\/strong>used to display Google maps. To make the shortcode work, you need to insert the desired location link from https:\/\/maps.google.com<\/a>:<\/p>\r\n<\/li>\r\n For the shortcodes not mentioned in this tutorial, please see the documentation that comes with your particular template. The number of shortcodes may vary depending on the template. <\/p>\r\n<\/li>\r\n<\/ol>\r\n Feel free to check the detailed video tutorial below:<\/p>\r\n![](\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\")
\r\n<\/a>\r\n<\/div>\r\n\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using1-300x159.jpg\")
<\/a><\/p>\r\n\r\n
\r\n
\r\n[posts_grid columns=\"3\" rows=\"3\" order_by=\"date\" order=\"DESC\" thumb_width=\"100\" thumb_height=\"100\" meta=\"yes\"\r\n excerpt_count=\"20\" link=\"yes\" link_text=\"more\" custom_class=\"custom_class\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using2-300x237.jpg\")
<\/a><\/p>\r\n\r\n[posts_list numb=\"3\" thumbs=\"large\" thumb_width=\"100\" thumb_height=\"100\" post_content=\"excerpt\" order_by=\"date\"\r\n order=\"DESC\" link=\"yes\" link_text=\"more\" tags=\"yes\" custom_class=\"custom_class\"] \r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using3-171x300.jpg\")
<\/a><\/p>\r\n\r\n[mini_posts_grid numb=\"3\" thumbs=\"small\" thumb_width=\"100\" thumb_height=\"100\" order_by=\"date\" order=\"DESC\" \r\nalign=\"left\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using4-300x70.jpg\")
<\/a><\/p>\r\n\r\n[mini_posts_list numb=\"3\" thumbs=\"small\" thumb_width=\"100\" thumb_height=\"100\" meta=\"yes\" order_by=\"date\" \r\norder=\"DESC\" excerpt_count=\"20\"] \r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using5-300x146.jpg\")
<\/a><\/p>\r\n\r\n[recent_posts num=\"3\" post_format=\"standard\" meta=\"false\" thumb=\"true\" excerpt_count=\"20\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using6-300x149.jpg\")
<\/a><\/p>\r\n\r\n[recenttesti num=\"2\" thumb=\"true\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using7-300x133.jpg\")
<\/a><\/p>\r\n\r\n[banner img=\"#\" banner_link=\"#\" title=\"Title\" text=\"Text\" btn_text=\"Button\" target=\"_self\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using8-300x212.jpg\")
<\/a><\/p>\r\n\r\n[recent_comments num=\"5\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using9-300x80.jpg\")
<\/a><\/p>\r\n\r\n[post_cycle num=\"5\" type=\"portfolio\" meta=\"false\" thumb=\"true\" thumb_width=\"50\" thumb_height=\"50\" effect=\"slide\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using10-300x98.jpg\")
<\/a><\/p>\r\n\r\n[carousel num=\"5\" type=\"blog\" thumb=\"true\" thumb_width=\"120\" thumb_height=\"50\" date=\"yes\" author=\"yes\"\r\n min_items=\"3\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using11-300x114.jpg\")
<\/a><\/p>\r\n\r\n[roundabout title=\"Title\" num=\"3\" type=\"blog\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using12-300x115.jpg\")
<\/a><\/p>\r\n\r\n[service_box title=\"Title\" icon=\"icon1\" text=\"Your text\" btn_text=\"Button\" btn_link=\"#\" btn_size=\"normal\"\r\n target=\"_self\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using13-300x154.jpg\")
<\/a><\/p>\r\n\r\n[hero_unit title=\"Title\" text=\"Text\" btn_text=\"Button\" btn_link=\"#\" btn_style=\"default\" btn_size=\"normal\"\r\n target=\"_self\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using14-300x154.jpg\")
<\/a><\/p>\r\n\r\n[categories class=\"plus\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using15-300x78.jpg\")
<\/a><\/p>\r\n\r\n[tags]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using16-300x67.jpg\")
<\/a><\/p>\r\n\r\n[span#] [\/span#]\r\n<\/pre>\r\n
\r\n[row] [span6] Your Content... [\/span6] [span6] t... [\/span6] [\/row]\r\n<\/pre>\r\n
\r\n[one_half] [\/one_half] \r\n<\/pre>\r\n
\r\n[row_fluid] [five_sixth] Your content... [\/five_sixth] [one_sixth... [\/one_sixth] [\/row_fluid]\r\n<\/pre>\r\n
\r\n[row]\r\n[span8] t... [\/span8] [span4] Your content... [\/span4]\r\n[\/row]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using17-300x139.jpg\")
<\/a><\/p>\r\n\r\n[label style=\"default\"]label[\/label]\r\n<\/pre>\r\n
\r\n[highlight]Text[\/highlight]\r\n<\/pre>\r\n
\r\n[button text=\"Text\" link=\"#\" style=\"default\" size=\"normal\" target=\"_self\" display=\"inline\" icon=\"no\"] \r\n<\/pre>\r\n
\r\n[dropcap]L[\/dropcap] \r\n<\/pre>\r\n
\r\n[blockquote] Text... [\/blockquote]\r\n<\/pre>\r\n
\r\n[check_list] List here ... [\/check_list] \r\n<\/pre>\r\n
\r\n[video_preview post_url=\"http:\/\/demolink.org\/blog\/video-post-type\/\" title=\"yes\" date=\"yes\" author=\"yes\"]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using18-300x272.jpg\")
<\/a><\/p>\r\n\r\n[alert_box style=\"message\" close=\"yes\"]Hello, World![\/alert_box]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using19-300x64.jpg\")
<\/a><\/p>\r\n\r\n[tabs tab1=\"Title #1\" tab2=\"Title #2\" tab3=\"Title #3\"] \r\n [tab1] Tab 1 content... [\/tab1] \r\n [tab2] Tab 2 content... [\/tab2] \r\n [tab3] Tab 3 content... [\/tab3]\r\n[\/tabs]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using20-300x77.jpg\")
<\/a><\/p>\r\n\r\n[accordions] \r\n [accordion title=\"title1\" visible=\"yes\"] tab content [\/accordion] \r\n [accordion title=\"title2\"] another content tab [\/accordion] \r\n[\/accordions]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using21-300x89.jpg\")
<\/a><\/p>\r\n\r\n[table td1=\"#\" td2=\"Title\" td3=\"Value\"] [td1] 1 [\/td1] [td2] some title 1 [\/td2] [td3] some value 1 [\/td3] [\/table]\r\n<\/pre>\r\n
![\"wordpress_shortcodes_](\"\/help\/wp-content\/uploads\/2014\/01\/wordpress_shortcodes_-using22-300x73.jpg\")
<\/a><\/p>\r\n\r\n[map src=\"#\" width=\"300\" height=\"200\"]\r\n<\/pre>\r\n