Donut for Jupiter



Artbees Themes provides 80+ exclusive shortcodes to be used by WPBakery Page Builder. Previously, all of these shortcodes were bundled in the modified version of WPBakery Page Builder Plugin. Now all the shortcodes are moved to a new plugin named Donut and it is available for Jupiter ( > v6.3) and Jupiter X ( > v1.8) themes.

Here is the list of shortcodes that are available in the Donut Plugin:

  • Advanced Gmaps
  • Animated Columns
  • Audio
  • Banner Builder
  • Blockquote
  • Blog
  • Blog Carousel
  • Blog Showcase
  • Blog Teaser
  • Button
  • Button Gradient
  • Category
  • Chart
  • Circle Image
  • Clients
  • Contact Form
  • Contact Info
  • Content Box
  • Countdown
  • Custom Box
  • Custom List
  • Custom Sidebar
  • Divider
  • Dropcaps
  • Edge One Pager
  • Edge Slider
  • Employees
  • Fancy Title
  • Faq
  • Flexslider
  • Flickr
  • Flipbox
  • Font Icons
  • Fullwidth Slideshow
  • Gallery
  • Header
  • Highlight
  • Icon_box
  • Icon Box2
  • Icon Box Gradient
  • Image
  • Imagebox
  • Imagebox Item
  • Image Dlideshow
  • Image Switch
  • Laptop Slideshow
  • Layerslider
  • Lcd Slideshow
  • Message Box
  • Milestone
  • Mini Callout
  • Moving Image
  • News
  • News Tab
  • Ornamental Title
  • Padding Divider
  • Page Section
  • Page Title Box
  • Photo Album
  • Photo Roller
  • Portfolio
  • Portfolio Carousel
  • Pricing Table
  • Pricing Table 2
  • Revslider
  • Dkill Meter
  • Skill Meter Chart
  • Slideshow Box
  • Social Networks
  • Steps (Process Builder)
  • Subscribe
  • Swipe Slideshow
  • Table
  • Tab Slider
  • Testimonials
  • Theatre Slider
  • Title Box
  • Toggle
  • Tooltip
  • Woocommerce Recent Carousel
  • Accordions
  • Accordion Tab
  • Twitter
  • Video

The Portfolio, Employees, Clients, Animated Columns, Banner Builder, Edge Slider, FAQ, News, Pricing Tables, Slideshow, Tab Slider, Testimonials and Photo Album require their own post types which will be added to your WordPress by activating the Donut Plugin.

The Donut plugin will provide you an easy way to migrate your Jupiter website to Jupiter X. You will no longer need to recreate the pages using Elementor if you wish to use Jupiter X. You will only need to set the theme options through the customizer and set the page attributes individually if you have a page that has a different settings than the global settings and that’s all.

Donut is not GPL, but it requires no more charge if you already have Jupiter or Jupiter X themes. In order to see some demo shortcodes of the Donut, please visit the Jupiter demo website and check the Elements menu on the main navigation. More information on the shortcodes and how to use them can be found in the Shortcodes category in the Jupiter theme documentation.



Blog Shortcode

Express yourself to the world, share your thoughts and your passions using the blog shortcode. Blog is the most common and most popular section on websites.

In this article, we explain about displaying blog posts via Blog shortcode and configuring the shortcode settings.

To see the Blog shortcode in action, you may check the demo page.


Creating Blog Posts

Before adding blog shortcode and displaying the posts, blog posts itself should be created. To learn about creating a different kind of blog posts, read Creating a blog post article then continue to the next section.


Displaying Blog Posts

After creating blog posts, it’s time to display them on a page. For this purpose, we need to add Blog shortcode in a page.

Adding Blog Shortcode

To add the shortcode:

1Add a new page or edit an existing page.

2From Visual Composer screen, click + button.

blog shortcode

3In Add Element pop-up screen, search for Blog and click on it to be added to the page.

blog shortcode

4When the shortcode is added, a new pop-up screen called Blog Settings opens. You can configure different aspects of blog from the pop-up.

blog shortcode

5Click Save Changes and publish or update the page to check the result. It shows all the available blog posts.

Configuring Image Dimensions

There are 2 settings in Blog settings pop-up to configure the image dimensions.

Setting Description

Image height Sets a custom image height (only available when using ‘Resize & Crop’ option from above).
Image cropping If you have this option enabled the image will be cropped based on the image height option above and the width we dynamically calculate for the layout and column you choose. if you want to show the full size featured image disable this option.

Blog Loop Content

There are 2 settings in Blog settings pop-up to configure the content shown in the blog loop.

Setting Description
Content Type (Classic Style Only)
Toggles between showing the excerpt or full content but please note it will work for the Classic Style only.
Post excerpt length Sets the custom lenght of excerpt shown in blog loop.

Showing Specific Posts

There are 3 settings in Blog Settings pop-up which allow you to show the posts based on specific categories, IDs or authors. Type the name of category, post or author to add them in the fields.

Setting Description

Select Specific Categories Determines categories of blog posts. Posts from the selected categories will be only displayed.
Select Specific Posts Determines specific blog posts. The selected posts will be only displayed.

Configuring Pagination

In Blog settings pop-up, there are two settings for pagination.

Setting Description

Show Pagination? Enables or disables the pagination.
Pagination Style Defines the pagination style. There are 2 available styles : Classic Pagination Navigation, Load more button

Altering the Posts Sorting

There are 2 settings in Blog Settings pop-up which allow you to alter the posts sorting. By default, Order and Orderby settings are set to Ascending and Date therefore it sorts the older posts ahead of newer posts.

Setting Description
Sortable?
Display a Sortable Filter to sort the Post by the Category.
Order
Sets the ascending or descending order of the Orderby parameter.
Orderby Sorts the posts based on the selected parameter (date, menu order, title, …).

Removing Meta Section

Setting Description

Post Meta If you dont want to show post meta (author and categories) disable this option


Configuring the Layout

There are 9 types of layouts for the blog shortcode: Classic, Modern, Mansory, Tile, Magazine, Thumbnail, List, Scroller and Slideshow.

You can check out all the blog layouts on the Ken main demo website, by going to Blog section.