6. Theme Shortcodes

INTRODUCTIONTheme Shortcodes

In the following chapter 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.

Specially for NewStar theme is created a new tab in Section – Posts.

Section

NewStar theme includes section filtering in Posts tab.

Here is the list of available filters:

  • Category Filter – type Post Category slugs separated by comma and show only posts in the section from that category (e.g. sport, business),
  • Post Format Filter – type Post Filter Format separated by comma (e.g. post-format-video, post-format-audio),
  • Taxonomy Filter – type Taxonomy slugs (tags etc.) separated by comma (e.g. tag:highlight, michael-jackson),
  • Post Author Username – type Author username and show only his posts (e.g. martin),
  • Date Filter – type strtotime()-compatible string (e.g. 7 days ago, 1 month ago),
  • Show Sticky Posts  – choose to Hide, Show in list or Show sticky posts on top,
  • Show Posts Already Displayed on This Page – choose to Show or Hide,
  • Show Posts in Next Post Containers – choose to show Default (use other container’s settings) or to Force Show and repeat posts on the page,
  • Order by  – order posts Default (by date), Comment count descending,  Post views, Review rate descending or Random.

For example: The post categories that will display in the section should be defined in Category filter field. It should contain the slug of the categories, separated by comma. If you want posts from all categories to be listed in the section, leave this field empty.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/06/newstar-section.png

Note: If section contains Articles Container element which lists posts with defined post categories or other, it will overrun the ones defined from the Section panel.

For example: On the following screenshot, section will inherit Furniture category defined in Article Container. The settings in Section (filter by post categories: Entertainment, Garden, House) will be override.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/main-category.jpg

CHAPTER 01Accordion

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/accordion.jpg

Once you add Accordion element, make sure to add Accordion Item:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/accordion-item.jpg

Below is the list of elements that can be added to Accordion Item:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/accordion-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/accordion-f.jpg

CHAPTER 02Advanced Progress bar

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/advanced-progress-bar.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/advanced-progress-bar-f.jpg

CHAPTER 03Article Teaser Template

Article Teaser Template element provides several options:

General Tab:
  1. Columns – enter number (eg. 3),
  2. Rows – enter number (eg. 4),
  3. Gap – gap between posts (0px, 5px, 10px, 15px1 20px, 25px, 30px, 35px, 40px, 45px, 50px),
  4. Custom image height (eg. 500px) – Post Featured image size can be fixed entering image height in px,
  5. Single box design – Light background + Gray border, Dark background + Gray border, Gray bottom border, Light background, Dark background,
  6. Title size – Extra Small, Small, Medium, Normal, Large, Extra large, Huge, Extra Huge,
  7. Heading font weight – Inherit/default, Bolder, Bold, Normal, Lighter, Light,
  8. H tag – H1, H2, H3, H4,
  9. Image position – No Image, Background, Top, Side,
  10. Image format – Square, Horizontal 16×9, Horizontal 3×2, Vertical 16×9, Vertical 3×2, Horizontal 16×9 with poster, Horizontal 3×2 with poster, Use poster image,
  11. Image base size – Large, Medium, Small,
  12. Image lazy load – effect visible on page load view,
  13. Image hover effect – No effect, Zoom, Zoom Out, To Grayscale, From Grayscale.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/article-teaser.jpg
Display Tab:
  1. Show categories – No, Supertitle, Supertitle highlighted, Subtitle, Bottom left, Bottom right,
  2. Show author – No, Supertitle, Subtitle, Bottom left, Bottom right,
  3. Show date – No, Supertitle, Subtitle, Bottom left, Bottom right,
  4. Show excerpt – Post excerpt text can be visible below post title,
  5. Show comments – No, Supertitle, Subtitle, Bottom left, Bottom right,
  6. Show reading time – No, Supertitle, Subtitle, Bottom left, Bottom right,
  7. Show view count – No, Supertitle, Subtitle, Bottom left, Bottom right,
  8. Show rating – No, Supertitle, Subtitle, Bottom left, Bottom right,
  9. Show post format – Hide, Show on image, in top left corner, Show on image, in top left corner, only media (video, audio, gallery), Show next to title, Show next to title, only media (video, audio, gallery),
  10. Read more text – Type any text.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/display-tab.jpg

Video tutorial

Here’s the example:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/article-template-f.jpg

CHAPTER 04Articles Container

As mentioned in the Section description, if Section contains Articles Container element and you define for example different Post Categories than noted in the Section (Post tab) all post settings will be overrun.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/article-container-element.jpg

Article Container element provides several options:

  1. Post category filter – type Post Category slugs separated by comma (eg sport, business),
  2. Post format filter – type Post Filter Format separated by comma (eg. post-format-video, post-format-audio),
  3. Taxonomy filter – type Taxonomy slugs (tags etc.) separated by comma (eg. tag:highlight, michael-jackson),
  4. Post author username – type Author username (eg: martin),
  5. Date filter – type strtotime()-compatible string (eg, 7 days ago, 1 month ago),
  6. Show sticky posts – Hide, Show in list, Show on top,
  7. Show posts already displayed on this page -Show/Hide,
  8. Show posts in next post containers – Default (use other container’s settings) or Force Show,
  9. Order by – Default (ordered based on the publish date), Comment count descending, Post views descending, Review rate descending.

Here’s the example:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/container-example.jpg

In the following screenshot, Section has defined Lifestyle category in Post Tab. Right column contains Article Container (with Article Teaser element) which has Post Category – Money.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/container-view.jpg

CHAPTER 06Button

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/button.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/button-f.jpg

CHAPTER 07Category Title

Category Title element provides several options:

  1. Title – enter category title, any text,
  2. Category Slug – enter slug of the category,
  3. H tag – select H tag title,
  4. Orientation – select horizontal or vertical display,
  5. Display style – select highlighted or default title style,
  6. Show subcategories – select whether subcategories of the selected main category will display.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/category-title.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/category-title-f.jpg

SECTION 08Contact Form 7

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2019/09/cf-7.jpg

CHAPTER 09Cost Calculator

Documentation on Cost Calculator plugin can be found on the following link.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/CC-general.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/CC-form.jpg

Cost Calculator can include:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/CC-items.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/cc-f-1.jpg

CHAPTER 10Countdown

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/04/countdown.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/countdown-f.jpg

CHAPTER 11Counter

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/counter.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/counter-f.jpg

CHAPTER 12Custom Menu

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/custom-menu.jpg

CHAPTER 13Financial Data

Financial Data element provides several options:

  1. Icon – select from the list of available icons,
  2. Title – enter title,
  3. Type – select type of currency (physical / digital),
  4. Financial Data to Use – enter required data,
  5. API Key – enter API key. API Key can be acquired on the following link,
  6. Show Time – select whether to display time or not,
  7. Stock Data Change – select whether it will display daily, weekly, or monthly data change,
  8. Cache – enter cache time (in minutes).
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/financial-data.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/financial-data-f.jpg

CHAPTER 14Google 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.

*Google has, starting July 16, 2018, made certain API and billing changes. In order to enable billing, you will need to provide credit card or billing account to Google Maps platform. Please note that we are in no way associated with Google Maps and their payment system and for any questions and issues regarding payments and billing you will need to contact them. Please refer to their FAQ and their documentation to learn more about these changes. 

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/google-maps.jpg

Once you add Google Maps element, make sure to add Google Maps Location (multiple locations available):

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/google-maps-location.jpg

Below is the list of elements that can be added to Google Maps element:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/google-maps-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/google-map.jpg

CHAPTER 15Headline

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/headline.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/headline-f.jpg

CHAPTER 16Icon

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/icon.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/icon-f-1.jpg

CHAPTER 17Image

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/image.jpg

Image element can include:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/image-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/image-f.jpg

CHAPTER 18Image Grid

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2023/11/image-grid.png
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2023/11/image-grid-f.png

CHAPTER 19Image Slider

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/image-slider.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/image-slider-f.jpg

CHAPTER 20Inner Row

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/inner-row.jpg

Once you add Inner Row element, make sure to define layout and add Inner Column:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/inner-row-layout.jpg

CHAPTER 21Masonry Image Grid (deprecated)

Please note that this element is deprecated, and no longer in use. We recommend using Image Grid element instead.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/masonry-image-grid.jpg

CHAPTER 22Masonry Post Grid (deprecated)

Please note that this element is deprecated, and no longer in use. We recommend using Post Grid element instead.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/masonry-post-grid.jpg

SECTION 23OpenStreet Map

The following article is on how to get longitude and latitude for your location – Find or enter latitude & longitude.

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2019/08/openstreet-map.jpg

Once you add OpenStreet Map element, make sure to add OpenStreet Map Location (multiple locations available):

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2019/08/openstreet-map-item.jpg

Below is the list of elements that can be added to OpenStreet Map element:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2019/08/openstreet-map-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2019/08/openstreet-map-f.jpg

CHAPTER 24Post Grid

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2023/11/post-grid.png
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2023/11/post-grid-f.png

CHAPTER 25Price List

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/price-list.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/price-list-example.jpg

CHAPTER 26Progress bar

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/progress-bar.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/progress-bar-f.jpg

CHAPTER 27Raw Content

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/raw-content.jpg

CHAPTER 28Separator

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/04/separator.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/separator-f.jpg

CHAPTER 29Service

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/service.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/service-f.jpg

CHAPTER 30Simple Cost Calculator

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/simple-cost-calculator.jpg

Once you add Simple Cost Calculator, make sure to add Simple Cost Calculator Item:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/simple-cost-calculator-item.jpg

CHAPTER 31Slider

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/slider-1.jpg

Once you add Slider element, make sure to add single Slider Item or Slider Article Teaser Template:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/slider-elements-1.jpg

Slider Item:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/slider-item.jpg

Slider Item can include:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/accordion-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/slider-f-1.jpg

CHAPTER 32Slider Article Teaser Template

Slider Article Teaser element provides several options:

General Tab:
  1. Number of slides – enter number (eg. 4),
  2. Background overlay – No overlay / default, Light stripes, Dark stripes, Light solid, Dark solid, Light gradient, Dark gradient, Dark gradient from bottom, Dark gradient from top, Dark gradient from left,
  3. Title size – Extra Small, Small, Medium, Normal, Large, Extra large, Huge, Extra Huge,
  4. H tag – H1, H2, H3, H4,
  5. Heading font weight – Inherit/default, Bolder, Bold, Normal, Lighter, Light,
  6. Image position – Background, Background center, No Image,
  7. Image base size – Full, Large, Medium, Small,
  8. Image hover effect – No effect, Zoom In, Zoom Out, To Grayscale, From Grayscale,
  9. Show poster – Hide / Show,
  10. Top spacing – No spacing, Extra small, Small, Normal, Medium, Large, Larger, Extra large,
  11. Bottom spacing – No spacing, Extra small, Small, Normal, Medium, Large, Larger, Extra large.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/slider-general-tab-new.jpg
Display Tab:
  1. Show categories – No, Supertitle, Supertitle highlighted, Subtitle, Bottom left, Bottom right,
  2. Show author – No, Supertitle, Subtitle, Bottom left, Bottom right,
  3. Show date – No, Supertitle, Subtitle, Bottom left, Bottom right,
  4. Show excerpt – Post excerpt text can be visible below post title,
  5. Show comments – No, Supertitle, Subtitle, Bottom left, Bottom right,
  6. Show reading time – No, Supertitle, Subtitle, Bottom left, Bottom right,
  7. Show view count – No, Supertitle, Subtitle, Bottom left, Bottom right,
  8. Show rating – No, Supertitle, Subtitle, Bottom left, Bottom right,
  9. Show post format – Hide, Show on image, in top left corner, Show on image, in top left corner, only media (video, audio, gallery), Show next to title, Show next to title, only media (video, audio, gallery),
  10. Read more text – Type any text,
  11. Read more button style – Light Outline / Accent Filled.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/slider-display-tab.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/slider-item-article-f.jpg

CHAPTER 33Tabs

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/tab.jpg

Once you add Tabs element, make sure to add single Tab Title:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/tab-item.jpg

Tabs Item can include:

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/accordion-elements.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/tab-f.jpg

CHAPTER 34Text

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/12/text.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/12/text-f.jpg

CHAPTER 35Video

https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2017/11/video.jpg

CHAPTER 36Weather

Weather element provides several options:

  1. Latitude – enter number,
  2. Longitude – enter number,
  3. Temperature unit – Celsius / Fahrenheit,
  4. Type – Now / Today / Tomorrow.
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/03/weather.jpg
https://documentation.bold-themes.com/newstar/wp-content/uploads/sites/32/2018/05/weather-example.jpg