6. Theme Shortcodes

INTRODUCTION

Theme Shortcodes

List of all theme shortcodes:

Section

The post categories that will display on the page should be defined in Edit Section panel, tab Posts.

The Categories field should contain the slug of the categories that you want displayed in that section, separated by comma. If you want posts from all categories to be listed in the section, leave this field empty.


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2018/02/bold-news-section.jpg

Please note that if the section contains another element that lists posts (for example Latest posts element), and you define post categories in that element, they will overrun the ones from the Section panel.



SECTION 01

Accordion


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/100a.jpg

Accordions can include:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/101a.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/accordion-example.jpg


SECTION 03

Button


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/102a.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/buttons-example.jpg


SECTION 04

Category Title


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/category-title.jpg


SECTION 05

Cost Calculator


Documentation on Cost Calculator plugin can be found on the following link.
Although documentation uses WPBakery Page Builder (formerly Visual Composer) as an example page builder, the same elements and functionalities are included in Bold Builder.


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/cc.jpg

Cost Calculator can include:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/cc-inlcude.jpg

Cost Calculator Items:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/cc-backend.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/cc-example.jpg


SECTION 06

Countdown


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/countdown-2.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/countdown-example.jpg


SECTION 07

Counter


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/counter.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/counter-example.jpg


SECTION 08

Custom Categories Widget


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/custom-categories.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/custom-categories-example.jpg


SECTION 09

Custom Menu


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/custom-menu-1.jpg


SECTION 10

Google Maps


Google maps require an API key for site domains. Follow the next steps:

  • First step is to make sure to update the theme to the newest version.
  • When the theme is updated, please Get your API key.
  • Then locate the Google Map element in Bold Builder and enter your API key.

On Snazzy Maps are available all kinds of Google Map styles. The required map code is possible to add to the Custom map style array field.


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/g-map.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/g_map-example.jpg


SECTION 11

Grid


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/grid-2.jpg

1. Grid:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/grid-example.jpg

2. Tiles:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/grid-tiles-example.jpg


SECTION 14

Icon


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/icons.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/icons-example.jpg


SECTION 15

Image


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/image.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/image-example.jpg


SECTION 16

Inner Row


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/inner-row-1.jpg


SECTION 17

Latest Posts


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/latest-post-1.jpg

1. Horizontal:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/latest-post-horizontal.jpg

2. Vertical:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/latest-post-vertical.jpg


SECTION 18

Percentage bar


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/percentage.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/percentage-example.jpg


SECTION 19

Post Container


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/post-container.jpg


SECTION 20

Price List


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/price-list-1.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/price-example.jpg


SECTION 21

Separator


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/separator-1.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/separator-example.jpg


SECTION 22

Service


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/service-1.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/service-example.jpg


SECTION 23

Simple slider


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/simple-sldier-include.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/simple-slider-example.jpg


SECTION 24

Single Post Template


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/single-post-template.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/single-post-template-example.jpg


SECTION 25

Slider


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/slider-include.jpg

Slider Item:


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/slider-item.jpg


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/slider-example.jpg


SECTION 26

Tabs


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/tab-include.jpg

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/tab-example.jpg


SECTION 27

Text


http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/text-element-example.jpg


SECTION 28

Twitter

In order to get all the required parameters, please follow the same steps as for BT Twitter widget.

http://documentation.bold-themes.com/bold-news/wp-content/uploads/sites/14/2016/10/twitter-1.jpg