6. Theme Shortcodes

INTRODUCTION

Theme Shortcodes

In the following section you will find a list of all theme shortcodes.

Before you start creating a page, make sure to check how our editor Bold Builder works – 4. Creating Pages and Posts. First you need to add a section, then a row, columns and finally elements (shortcodes) listed in the following chapter.


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.


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 get location’s longitude and latitude. This article explains how – Find or enter latitude & longitude.
  • When the location is added, 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


Recommended image sizes:

  • Logo – 242px x 50px;
  • Post’s featured image – 1920px x 1280px;
  • Product image – 1000px x 1000px.

*Note that these are the sizes used on our demo.


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