Importing a Page from Template

Since Jupiter doesn’t have the option to import individual template pages, we have prepared this article for customers who are looking to have only specific pages added on your website from different templates. This process requires a usage of staging or test website. To learn how to setup your WordPress development environment, check out this article.


Exporting the Pages

1In your test website, install a template which has the page you want. To learn how to install a template, check out this article.
2From the WordPress left menu, go to Users > Add New and create a temporary admin user.

3From the WordPress left menu, go to Pages and click on a page which you wish to export.

4Click on Screen Options on the top right and enable Author.

5Scroll down to Author section and assign the temporary admin account as an author.

6From the WordPress left menu, go to Tools > Export.

7Choose the Pages to export and only export the pages of the temporary admin author.


Importing the Pages

1In your new website, from WordPress left menu, go to Tools > Import.

2Click on Run Importer below WordPress.

3Click on Choose File and select XML files exported from the previous section.

4Select a new author of the page and click on Upload file and import.

Creating a One Page Website

One page websites are one of the state-of-the-art functionalities available in our themes. A one page website is designed in such a way that menu items link to sections of the same page, and clicking on menu items will trigger an animation which will scroll page down or up to the section of the page which is set as the content section of that link. To see a live demo of One Page Website in KEN please click here.


Preparing the One Page Website Page

To have a one-page website you need to add a special page which will act as your main and only page of the website. Please follow the steps below to add such a page:

1Add a New Page.  

Goto Main Dashboard Menu > Pages > Add New, to add a page which will be your one-page website.

2Add a Title.  

Add a title for the page.

one page website

3Add Page Section.  

Use Visual Composer tool to add Page Section shortcode by clicking on the + (plus) icon, and searching for Page Section.

One Page website Page Section Add

4Add Section ID.  

Click on the pencil icon of the Page Section shortcode to view Page Section Options. Find the Section ID option and add your desired ID for this section. For example: “contact” (exclude quotation marks).

One Page website Section ID

5Add Row.  

Alternatively, you can add a Row shortcode instead of a Page Section in step 3. Use Visual Composer tool to add Row shortcode by clicking on + (plus) icon, and searching Row.

One Page website Row Add

6Add Row ID.  

If you add a Row on your page instead of Section ID in step 4, you will need to add a Row ID instead. Click on pencil icon of Row shortcode to view Row Options. Find the Row ID option and add your desired ID for this section. For example: “about” (exclude quotation marks).

One Page website Row ID

7Repeat steps above.  

Repeat steps above to add all the section for which you want to have menu items. Then add your content inside those sections, whether those are Page Sections or Rows.

8Publish the Page.  

Use the Publish metabox at the top right section of the screen to publish your page.

One Page website Publish

9Set the page as homepage.  

Go to Main Dashboard Menu > Settings > Reading, set the homepage options to a static page and select the page which you published in previous step.

One Page website Homepage

Preparing One-Page Menu

The last step to finalize a One-Page Website is to add a proper menu. To do this, follow the steps below:

1Add a Menu.  

Go to Main Dashboard -> Appearance -> Menus.

One Page website Menu Add 1

Then click on the Create a New menu link to add a completely new menu for your website.

One Page website Menu Add 2

After that add a name for your menu and click on Create Menu button

One Page website Menu Add 3

2Add New Menu Items.  

Now use the left side meta box to add menu items. You need to use the Custom Link meta box and your menu item URLs should be like this: “#contact” (a hash followed by a lowercase word, exclude quotation marks). Repeat this step to add all of your menu items.

One Page website Menu Link 1

3Set Menu Location.  

In the bottom of the screen you will see an option to set menu location. Select the Primary Navigation checkbox.

One Page website Menu Link 2

4Done! 

That’s it! Now you have a One-Page Website.

How to Create Anchor Links

Besides the ability to have a One Page website, Jupiter and The Ken have the ability to have anchor links set for an individual page despite it being a One Page website or not. The following is an example of adding an Anchor to the same page:

1Add a New Page.  

Go to WordPress Admin Menu > Pages > New Page and add a new page.

2Add a Section.  

Use the Viusal Composer page builder to add a Page Section element and add whatever content you like to be linked to. In the options of the Page Section shortcode add a unique Section ID, in our case we add destination. For more information click here.

3Add an Anchor Link.  

one page website Anchor

Using the Visual Composer page builder add a Text Block shortcode, inside the options of the text block you will see the standard WordPress editor. Write the text of the link you want. For our example we add Go To Destination. Select the text you added and click on the Anchor icon of the WordPress Editor. Then add the link you want. You either can add the complete URL of a page or website or add the Section ID mentioned in step 2. To add the Section ID here you need to add a # prefix to the Section ID, the final added link should look like this: #destination.

one page website Anchor

4Check the Result.  

Now that you linked an anchor to a page section, upon clicking on the link, page will go to the destination page section.

Creating a Blank Landing Page

Having blank single landing page is an essential feature that every theme should provide so customers can use it for different campaigns and business advertisements. The Ken provides a neat way for creating a blank landing page. Here we are going to add a sample page with a contact form.


Blank Landing Page

1Create a page from dashboard by going to Pages menu item and clicking on Add New button. 

Blank Landing Page

2Set KEN Page Options as follows: 

Landing Page KEN Page Options 1-Blank Landing Page

Landing Page KEN Page Options 2-Blank Landing Page

3Set KEN Styling Options as follows: 

KEN Styling Options 1-Blank Landing Page

KEN Styling Options 2-Blank Landing Page

KEN Styling Options 3-Blank Landing Page

KEN Styling Options 4-Blank Landing Page

4Add a Page Section Shortcode then using its options add a background image to the page and set Page Section to be Full Width and Height: 

Page Section Element

Page Section 1-Blank Landing Page

Page Section 2-Blank Landing Page

Page Section 3-Blank Landing Page

Page Section 4-Blank Landing Page

Page Section 5-Blank Landing Page

Page Section 6-Blank Landing Page

Page Section 7-Blank Landing Page

Page Section 8-Blank Landing Page

5Add contact form to have your campaign ready for your page: 

Contact Form 1-Creating a Blank Landing Page

Contact Form 2-Blank Landing Page

Contact Form 3-Blank Landing Page

Contact Form 4-Blank Landing Page

Now you have a blank page with a form, for your campaign. This can be a boilerplate for your future pages, you can use different kind of shortcodes there as you wish.

Landing Page Front End-Blank Landing Page

Compatible Plugins List

There are thousands of free and premium plugins in the WordPress community. The Ken WordPress theme is compatible with most of the plugins since it follows standard coding practices. We’ll list the compatible plugins in this article.

Official Plugins

We officially support the following plugins, so if our theme is causing compatibility issues, we will address them as soon as possible. We bundle some of the following plugins in with our theme:

NameCompatible VersionBundled

Visual Composer (Modified Version) 5.1.1 Yes
Layer Slider 6.2.2 Yes
WooCommerce 3.1.1 No
WPML 3.7.1 No
BuddyPress 2.8.2 No
bbPress 2.5.13 No
Contact Form 7 4.8 No
Loco Translate 2.0.14 No
Envato WordPress Toolkit 1.7.3 Yes

Bundled Plugins

Bundled plugins are those that are included in the Ken theme for free. We have acquired the appropriate licenses for these plugins.

Community Plugins

We have not tested the following plugins officially but our clients are using them without problems.

NameCompatible Version
Use Any Font 4.7.3
The Events Calendar 4.5.8

If you have a question regarding some plugin, feel free to contact our support team.

Revoking API Key

If you decide to change your domain or move your website to another place, it is necessary to revoke the purchase code and API key in order to generate a new API key for your new website. This article explains how to revoke the purchase code and the API key.


Revoking the Purchase Code

The reason why you need to revoke the purchase code is so that you will be able to generate a new API key which will be used on your new website.

1Log in to artbees.net dashboard.
2Go to the Register Product section and find the Purchase Code you want to revoke.
3Click on the Delete button of that Purchase Code row to revoke it.


Revoking the API Key

To revoke the old API key from your website:

1Go to your website dashboard in Jupiter > Control Panel > Register Product.

2Click on the Revoke this API key button.

Registering the Theme

After the steps above, you will be able to generate a new API key and register your theme from scratch.

Pagination Styles in Jupiter

Sometimes you need to use pagination for your content which has a loop. This is also good to avoid increasing the page size and get a good performance. With Jupiter, you can use three different pagination styles.

In this article, we will discuss the types of paginations in Jupiter.


Pagination Nav

It’s the regular old Pagination nav which you can click on the page numbers to see the other content. It is the default pagination style in Jupiter. You can set it for archive pages like the default blog page and also for the individual loop items such as blog shortcode and image gallery.

To set up the default loop pagination styles, you should find the Pagination Style option in Jupiter > Theme Options. For example, you can find the Blog Pagination Style in Jupiter > Theme Options > Blog > Blog Archive.

Please note that none of the paginations will be done through Ajax and you can not directly rotate the pages with the URLs in Jupiter.

If you use the Blog shortcode in a page and set the Pagination Style to “Classic Pagination Navigation“, you will have the same look as the default blog page. It is also the same when you open a blog category or archive page by default.

This is good when you want to share the second page of your blog. Users will directly go to the second page when they click on your link.

On the other hand, if you use a Blog shortcode in a page and set the Pagination Style to “Classic Pagination Navigation“, you will have the same look as the default blog page, the only difference is, the other pages use AJAX to load and have no URL to share.


Load More Button

You can load the remaining posts in a loop by clicking on the Load More Button. This way you won’t have a page link to share and if you refresh your page, you will have to click on the load more button again to get to the same place as you were before.


Load on Page Scroll

Just like the Load More Button, it will load more posts when you scroll down the page. There are no buttons or page numbers, by only scrolling down the posts will show up.


Common issues

Pagination doesn’t work

Make sure there are no JS error in your browser console. In case you need help to solve it, please open a ticket in the support desk.

 

Images do not show after paginating

Make sure the JetPacks image optimization option (formerly Photon) is turned off. In case you need help to solve it, please open a ticket in the support desk.

Licenses for Bundled Plugins

In this article, we will talk about the licenses for bundled plugins. Jupiter theme comes bundled with several premium plugins which provide additional functionality and features beyond typical WordPress installation. These plugins are:

  • Visual Composer (Modified Version)
  • Slider Revolution
  • Layer Slider
  • Master Slider


Things to Consider

Following are some points to consider while using bundled plugins.

1You don’t need to buy a separate license for the basic use of these plugins.  

2Support will be provided by Artbees as a part of the Jupiter theme.

3Updates are managed by Artbees team and would be available in Control Panel when a new version of the theme is released. The update can also be available independent of the theme update.

4Ignore the update notification from the original author until it’s released by Artbees team. You can check release notes.

5Ignore the license activation notifications from the original authors.

6You will be able to use all the features of the plugins except the premium features. For the premium features, you will have to buy a separate license.


Features Not Available

There are some features that require a license:

1You won’t get access to prebuilt templates developed by the original authors.

2Automatic updates from the original authors.

3You won’t get access to the premium add-ons and free add-ons that require a license.

4You won’t get access to the premium support from the original Author.


Activating the License

You are free to activate the license of your bundled plugin. You just need to buy a license from the CodeCanyon or author’s website and insert the purchase code. After that, you will be able to use premium support, templates, libraries, add-ons provided by the respective plugin authors.

Below are some cases when you want to activate the standalone license for your bundled plugins.

1When you want to use a pre-built template provided by the original authors.

2When you need to use some premium features that require a license.

3You already own a license of the plugin.

4You need premium support from original author for those plugins.

Usage of a Staging Server

A staging server lets you create and test your website without modifying the content on your live website. In this article, we will explain the usage and benefits of staging servers, as well as the hosting companies that provide them.


What Is a Staging Server?

A staging server/site is a separate development area with restricted access. It can be on a subdomain or subfolder. This is the place where you can test your website changes or even develop from scratch. Once you have finished testing your site, you can then move it to your live server/site.

In other words, it’s simply a clone of your original site that is not accessible to your visitors.


When Do You Need It?

Making changes on a live site is risky when running stable and professional websites, so editing on a live server is not the best option. This is when you will find a staging server useful. The following are some reasons why you need a staging server.

  • When something on your site breaks down.
  • When you need to make improvements in functionality.
  • When the pages look different from each other.
  • When the performance of the site is poor.
  • When you need to update the themes and plugins.


What Are the Benefits?

There are a number of benefits from using a staging server, some of which are mentioned below:

  • It’s not accessible to the public.
  • Changes you make on your staging site have no effect on your live website where you get visitors.
  • You can try new themes, plugins, code snippets, and more without any risk.
  • It enables you to test your site without sending the real site into maintenance mode.
  • It removes the bad impression caused by errors or downtime.
  • It eliminates the effects of a damaged or broken site on search engine optimization, conversions, and sales.


Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan

Regenerating Thumbnails

When new image sizes are added in the theme using Image Size option under Dashboard > Jupiter > Control Panel > Image Size in Jupiter theme, it only applies to the newly uploaded images. In that case, the old images need to be updated with the new dimensions before it’s visible in the page/posts. The thumbnails can be regenerated using the Regenerate Thumbnails plugin.

In this article we’ll explain about regenerating thumbnails using the regenerate thumbnails plugin.


Installing the Plugin

1From the WordPress left menu, go to Plugins > Add New.

regenerating thumbnails

2Search for the Regenerate thumbnails plugin by typing into the Search Plugins input field.

regenerating thumbnails

3Click Install Now button on the first search result that has it’s author name Alex Mills. 

regenerating thumbnails

4After the installation click on the Activate button.


Regenerating Thumbnails

The plugin allow you to regenerate all images at once as well as individual thumbnail images.

Regenerate All Thumbnails at Once

1From WordPress left menu, go to Tools > Regen. Thumbnails

regenerating thumbnails

2Click on the Regenerate all thumbnails button and wait for the process to complete.

regenerating thumbnails


Regenerate a Specific Image

You can regenerate specific images (rather than all images) from the Media page.

1From WordPress left menu, go to Media > Library.

regenerating thumbnails

2Click on the list icon on the media header filter to show the media items as a list. Hover over the thumbnail to show the Regenerate thumbnails option. Click on it to regenerate thumbnails for that image only.

regenerating thumbnails

Website Migration

The task of website migration can sometimes be scary and complicated, so in this article we will cover a few methods and examples on how to migrate your website.


Before Migrating

Before migrating your website, make sure to cover the steps below:

  • Backup your website
  • Backup your database

Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan


Migrating to Another Server

To migrate a website to another server you must install a fresh WordPress copy, using the All-in-One WP Migration plugin and configure the link structure.

Exporting

The first step is to export your website using the All-in-One WP Migration plugin.

1From the WordPress left menu, go to All-in-One WP Migration > Export.

website migration - Export page

2Click on Export To > File.

website migration - Export site

3Click on the Download button.

website migration - Download

Installing a Fresh Copy of WordPress

It is highly recommended to migrate your website to a fresh copy of WordPress. To install WordPress on your server, read the Installing a fresh copy of WordPress article.

Importing

1Install the All-in-One WP Migration plugin on your new copy of WordPress by following this article.

2From the WordPress left menu, go to All-in-One WP Migration > Import.

website migration - Import page

3Click on Import From > File.

website migration - Import from file

4Select the exported file from the first section and click on open.

5Wait for the import process to finish. Upon notifications about overwriting your files, click continue.

Configuring the Link Structure

The last step is to configure the link structure on your new website.

1From the WordPress left menu, go to Settings > Permalinks.

website migration - Permalinks page

2Click on the Save Changes button twice.


Migrating from Another Theme to Jupiter

Migrating from other themes to Jupiter can be a technical process and it differs by the source theme that you want to migrate from. We will explain general things you’ll need to do for this migration.

Exporting the Content

1Install the WordPress Importer plugin by following this article.

2From the WordPress left menu, go to Tools > Export.

website migration - Export page

3Choose what to export and click on Download Export File.

Importing the Content

1Install the WordPress Importer plugin by following this article.

2From WordPress left menu, go to Tools > Import.

website migration - Import page

3Under WordPress, click on Run Importer.

website migration - Run importer

4Select your previously exported file and click on Upload.

Adapting the Shortcodes

After the content import process, the shortcode adaption process starts. Search for the current available shortcodes in your theme that are closest ones to previous functionalities, and try to implement them with the new available tools at hand.


Common Issues

A list of common issues that you may face during website migration. The list will be updated regularly.

Website Won’t Load Correctly, All the Style and Images Are Gone

This happens when you migrate the database manually without changing the URLs inside the tables. WordPress does use absolute URLs for every individual address in the database. If you use a plugin to migrate the website, this would not happen. But if you manually export the database and import it to your new server using any database client, please make sure to replace all old URLs.

Other Issues

If you face any other issues, open a ticket in our help desk.

Configuring Tags

WordPress tags provide a useful way to group related posts together and to tell readers what a post is about. Also, with tags it’s easier for visitors to find your content. Tags are similar to categories, but they are generally used to describe your post in more detail. The use of tags is completely optional.

Example: If you have a clothing shop website, you would create tags like shoes, dresses, men, women, etc

In Jupiter, tags are available for the one post type: Posts.


Adding a New Tag

There are two ways to add a new tag: from the Tags page or the Post New/Edit page.

Adding a New Post from the Tags Page

To add a new tag from the Tags page:

1Go to the Tags page.

Configuring tags - Tags page

2Fill out the forms with the necessary information.

Configuring tags - add new tag

3Click on Add New Tag.

Adding a New Tag from the Post New/Edit Page

To add a new tag from the Post New/Edit page:

1From Posts page, add a new post or edit an existing post.

Configuring tags - add new post

2From the Tags box, type a tag name.

Configuring tags - tags field

3Click on Add.


Editing a Tag

To edit a tag:

1Go to the Tags page.

Configuring tags - tags page

2Mouseover one of the tags in the list and click on Edit.

Configuring tags - Tags edit link

3From the Edit Tag page, update the information.

Configuring tags - edit tag

4Click Update.


Removing a Tag

To remove a tag:

1Go to the Tags page.

Configuring tags - tag page

2Mouseover one of the tags in the list and click on Delete.

Configuring tags - tag delete link

3Click OK to delete the tag permanently.


Assigning Tags to Posts

To assign tags to posts, you’ll need to use the Tags box in the new or edit post page.

1Go to the Posts page and click on one of the post titles.

Configuring tags - tags to posts

2From the Tags box, start typing a tag name that you created, and a dropdown menu will appear that lets you scroll through the existing tags. Click on any tag to assign it to the post.

Configuring tags - adding tag to post

3Click on Add.


Displaying Tags

You can display tags though the Tag Cloud widget.

This is a default WordPress widgets that shows the tag titles in cloud view.

Configuring tags - tag cloud widget


Displaying Posts by Tags

There are two main ways to view and display posts by tags: through the archive page and shortcodes

Viewing Posts in Archive Pages

Tags archive pages list all the posts’ tags. You can find each tag archive page from the Tags pages by clicking on View link.

Configuring tags - view tags

Displaying Posts with Shortcodes

In some of the shortcodes like Post Grid or Post Masonry Grid, there is a setting called Narrow Data Source that allows you to specify tags.

Configuring tags - Post Grid settings


Configuring Tags Archive URLs

It’s possible to configure the Posts tag base URL from the WordPress admin panel.

The default base for Posts is “tag”. To change it:

1Go to Settings > Permalink page.

Configuring tags - permalinks page

2Add a text to the Tag Base field.

Configuring tags - tag base field

3Click on Save Changes.

Defining Custom Image Sizes

In the Jupiter WordPress theme, you can define all your custom image sizes in one place and then use them in different places including shortcodes. It helps you to control all your custom image sizes easily

 

In this article, we’ll explain about adding custom image sizes and how to assign the custom image sizes to the shortcodes


Defining an Image Size

To define a custom image size:

1From the WordPress left menu, go to Jupiter > Control Panel > Image Sizes page.

2Click on the Add a New Size button.

3Fill out the form with necessary information.

SettingDescription

Image width Defines the width of an image.
Image height Defines the height of an image.
Size name Sets a custom name for the image size template.
Hard crop Hard crops the image.

4Click on Save Settings button.


Assigning an Image Size to a Shortcode

As mentioned above, custom image sizes will be available as an option in various shortcodes. Below is an example on how to use your custom image size in the Blog shortcode.

1In the WordPress dashboard, edit a page which contains the blog shortcode.

2Click on the Edit Blog button.

Defining custom image sizes - edit blog button

3From Blog settings pop-up, click on Image Size select field.

Defining custom image sizes - blog settings

4Select your custom image size and click on the Save changes button.

Using FTP with WordPress

File Transfer Protocol (FTP) is one of the methods we have to manage our website files. Transferring the files using this protocol is simple, secure, fast and free.


Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan


Setting up the FTP Client

You will need the following details regarding the FTP account on the server:

  • The website FTP address (usually ftp://example.com if the URL is http://example.com)
  • The FTP username
  • The FTP password

In order to transfer files to and from the server, you’ll first need to download and install an FTP client onto your computer. There are a number of different clients available and no real right answer when it comes to choosing. Here is a list of the most popular FTP clients:

  • FileZilla
  • CuteFTP
  • Cyberduck
  • MacFUSE

Moving the Files from Localhost to Web Host

1Open the FileZilla FTP Client.

2Fill in the connection details.

ftp

3Navigate to the correct path.

4Drag all the website files into the server.

5Wait for the queue to finish its task.

6Make sure all the files have been successfully transferred.


Common Issues

You may face some issues when uploading files via FTP. We’ll list them below and describe how to fix them.

Permissions Denied Error

Sometimes you may get a “Permission Denied” error when uploading the files. File and folder permissions tell the server who can read, run, or modify files hosted on your account. WordPress needs permissions to manage files and create folders on the server. The following settings are recommended for most users.

755 for all folders and sub-folders.
644 for all files.

To set these settings, follow the steps below:

1Connect to your FTP client as described above.

2Select all folders in your site root directory and then right click to select File Permissions. This will bring up the file permissions dialog box.

3Now enter 755 in the numeric value field.

4Click on the Recurse into Subdirectories checkbox and then select the Apply to Directories Only option.

5Click on the OK button to continue.

Your FTP client will start setting file permissions to folders and subfolders. You will need to wait for it to finish.

Then, select all files and folders in the site root folder and right-click to select the file permissions. This time enter 644 in the numeric value field. After that, click on the Recurse into Subdirectories checkbox and then select the Apply to Files Only option. Click on OK to continue.

Connection timed out error

If you receive a Connection Timed Out error while trying to access your account, there may be several causes:

  • Your Internet Service Provider is blocking the port you’re trying to use to connect via FTP – Port 21. This tool can help you find whether the port is blocked or open.
  • Your FTP client is not set to work in Passive mode – please, refer to your FTP client documentation on how exactly you can switch between different FTP modes. Here is the documentation for the FileZilla client https://wiki.filezilla-project.org/Network_Configuration#Setting_up_FileZilla_Client ;
  • Your domain name is expired or is resolving incorrectly. You can eliminate this issue by accessing your account directly via its IP address.

Country Blockage

When connecting to your FTP account, you may receive the error, “Connection closed by server”. This could be related to your hosting service provider and their it’s firewall, as your country IP may be blocked. In this case you’ll need contact your hosting provider support and ask them to unblock your country.

SFTP SSH Keys

SFTP (Secure File Transfer Protocol) offers the ability to transfer files through a secure, encrypted connection. SFTP uses an SSH connection which requires a special public/private key pair that you will need to generate on your local computer. When you generate a key pair, it will have two halves , a public half and a private half.

The public half of the key goes on the host machine you’re trying to connect to. You can email it, paste it publicly online and so on.

To learn how to generate an SSH key and use it in FileZilla, read the FileZilla documentation.

Configuring RSS Feeds

RSS feeds can be added to the Jupiter theme for all post types and can be used in different cases.
To add them, you’ll need to create a child theme first. For more information on how to create a child theme, click here.

In this article we’ll describe what an RSS feed is and how to add it to the Jupiter theme.


What Is an RSS Feed?

RSS stands for Rich Site Summary or Really Simple Syndication.
RSS feeds give your visitors a way to keep up with your website. Anyone can choose a site they wish to subscribe to, and then get updates in one location.
Instead of checking a site every day to see if it’s been updated, RSS feeds give users the ability to subscribe and read updates from the site, delivered via RSS feeds.


How RSS Feeds Work

RSS feeds are simple text files that allow subscribers to see content within a very short time after it’s been updated. RSS feeds can be read by using programs called RSS reader, feed reader, or aggregator. They can be web-based, desktop-based, and mobile-based.


How to Add an RSS Feed to the Jupiter Theme

1Create a child theme. Add a PHP file inside your child theme called functions.php

2Open up that file with a text editor and add the code below inside:

function request_allpost_types_feed($qv) {
if (isset($qv['feed']))
$qv['post_type'] = get_post_types();
return $qv;
}
add_filter('request', 'request_allpost_types_feed');

Instead of the post_type in the code, you’ll need to add the post type you’d like to have a feed in, for example, portfolio.

This way you’ll get an RSS feed on your portfolio page.

Resetting the Database

Resetting your website database can be useful if you are testing new plugins, themes or templates. If needed, you can delete the whole WordPress installation (files and database) and reinstall it, which is time-consuming. Fortunately, there are a couple of other methods to help you reach the same end faster and easier.

 

In this article, we’ll explain how to reset the database with the WordPress Database Reset plugin and WordPress CLI.


WordPress Database Reset Plugin

The WordPress Database Reset plugin is one of the most popular plugins for resetting the database.

Installing the Plugin

All the steps that are mentioned in this article require the WordPress Database Reset plugin. Therefore before following the steps, make sure that you have installed and activated the WordPress Database Reset plugin.

To install the WordPress Database Reset plugin:

1From the WordPress left menu, go to Plugins > Add New.

Resetting database - add new plugin

2Type WordPress Database Reset into the search plugins field. Related plugins will be listed. Find the WordPress Database Reset plugin and click on the Install Now button.

Resetting database - install plugin

3Click on Activate.

Resetting database - activate plugin

Resetting Database

After installing and activating the WordPress Database Reset plugin, you are ready to reset the database. This process will not delete your theme or plugin data. You will still be able to use the themes and plugins.

To reset the WordPress database:

1From the WordPress left menu, go to Tools > Database Reset.

Resetting database - database reset

2Select the database tables you would like to reset or click Select All. For example, if you have installed WooCommerce and don’t want to lose any product data, you can exclude WooCommerce tables by selecting the database tables manually. Also note that if you select the Users table, only the admin user will be restored.

Resetting database - select tables

3Enter the security code into the textbox, and click on the Reset Tables button.

Resetting database - security code

4Click on Ok to confirm.


WordPress CLI

WordPress CLI is a command line interface for managing WordPress. Its intended for developers so if you are not a developer, its best to use the above mentioned plugin.

If you have WordPress CLI installed, you can reset the database using the following command line:

wp reset database

You can even specify a list of table to reset:

wp reset database --tables='users, posts, comments, options'

The current theme and plugins will be reactivated by default. You can disable them like so:

wp reset database --no-reactivate

You can use the list command if you’re unsure of the database table names:

wp reset list

Changing WordPress Settings

The WordPress settings offer a lot of control regardless of the theme you are using. They allow you to configure different aspects of the theme including its default functionalities.

In this article, we’ll introduce the WordPress settings, but if you need a more in-depth explanation, read the WordPress official documentation.


WordPress General Settings

The general settings are located on the Settings > General page. These settings allow you to configure:

  • Site title and Tagline
  • WordPress and Site URL
  • Admin email address
  • User registration and role
  • Timezone and time and date format
  • Site language

To learn more about configuring the settings, read the Setting General Screen article.


WordPress Writing Settings

The writing settings are located on the Settings > Writing page. These settings allow you to configure:

  • Default post category and post format
  • Addition of posts via email
  • Update services

To learn more about configuring the settings, read the Settings Writing Screen article.


WordPress Reading Settings

The reading settings are located on the Settings > Reading page. These settings allow you to configure:

  • Front page and blog page
  • Number of posts in default blog loop
  • Feed posts settings
  • Search Engine visibility

To learn more about configuring the settings, read the Settings Reading Screen article.


WordPress Discussion Settings

The discussion settings are located on the Settings > Discussion page. These settings allow you to configure:

  • Comment section in posts
  • Comment avatars

To learn more about configuring the settings, read the Settings Discussion Screen article.


WordPress Media Settings

The media settings are located on the Settings > Media page. These settings allow you to configure:

  • Default image sizes
  • Organization of uploaded files

To learn more about configuring the settings, read the Settings Media Screen article.


WordPress Permalinks Settings

The permalink settings are located on the Settings > Permalinks page. These settings allow you to configure:

  • URL structure for posts and categories

To learn more about configuring the settings, read the Settings Permalinks Screen and The ultimate guilde to WordPress permalinks articles.

Configuring WordPress to Send Email with SMTP

SMTP stands for Simple Mail Transfer Protocol, and sending through an SMTP server means that you have set up a real email address on your system and you are allowing the web based script (wp_mail) to connect to the server with the appropriate account credentials.

By default, WordPress uses the PHP Mail function to send emails. However, it is not the best method and may decrease email deliverability. Emails may often arrive in the spam/junk folder. As an alternative, you can use SMTP to send emails.

In this article we’ll explain how to choose and configure an SMTP service, as well as how to integrate it into WordPress.


Choosing an SMTP Service

There is a wide range of free SMTP servers that can be set up on a mail client to deliver your emails.

A a public outgoing server is a good choice for daily communication. You can select among different free SMTP services. The most popular are:

When it comes to email marketing though – when you need to send a bulk message like a newsletter – things get much trickier.

In fact, a common SMTP server like Gmail is not designed to support such kind of mass emailing, because it relies on shared IPs and sets strict limits to the volume of messages and recipients that you can handle per day.

So in this case it’s better to use a premium SMTP service that can guarantee full deliverability of your emails.

Some examples of the paid services include:


Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan


Registering for an SMTP Service

Let’s set one of the free SMTP services. In our case, Gmail.

Google’s GMail SMTP server is a free service for anyone who has a GMail account. If you don’t have a GMail account, you can create one at the GMail account creation page.

When you’ve created the account, you’ll need to configure your mail client to use GMail for the outgoing mail server. As an example we’ll describe the configuration of the Thunderbird mail client.

1Download Mozilla Thunderbird and install it on your computer.

2Open it and go to Tools > Account Settings.

3Under the Account Actions dropdown at the bottom left side, select Add Mail Account.

4Enter your name in the given box. Write your email address and password in the required fields and click on the Continue button.

5Thunderbird will try to configure your settings automatically.  We suggest to to filling in the settings manually, so click on the Stop button on the right.

6Then click the on Manual Setup button to fill in the settings manually.

7Click on Outgoing Server (SMTP) on the left pane. Select smtp.gmail.com (Default) from the list and click on the Edit button.

8A small SMTP Server window will appear. Now enter the settings given below:

Outgoing Mail (SMTP) Server: smtp.gmail.com

Use Authentication: Yes

Use Secure Connection: Yes (this can be TLS or SSL depending on your mail client)

Username: your GMail account, e.g. user@gmail.com

Password: your GMail password

Port: 465 or 587

If you use Google Apps with your domain name, you should write that email account with the Username: field, e.g. user@yourdomain.com

9On the left, click on the first option, i.e. the name of your email (user@yourdomain.com). On the right side, fill in your email address in the Account Name field. In the Outgoing Server (SMTP) dropdown, select the server setting you configured in step 8. Click OK.


Choosing an SMTP Plugin

There are many WordPress plugins that help you to integrate an SMTP service into your WordPress website. Some of them are listed below, and for this article, we’ll explain about the WP Mail SMTP plugin.

Installing the WP Mail SMTP Plugin

To install the plugin please follow these steps:

1From the WordPress left menu, go to Plugins > Add New.

smtp service

2In the Add Plugins page, search for WP Mail SMTP and click on Install Now.

smtp service

 

3WordPress will handle the download and installation of the plugin for you. Once complete, click on Activate Plugin to activate it.

smtp service

Configure the Plugin

To add the SMTP details into the plugin:

1From the left WordPress menu, go to Settings > Email.

smtp service

2Fill in the form with the necessary information.

Setting Description

From Email Email address you want to send emails from – email@yourdomain.com, for example.
From Name Name that your emails will be received from.
Mailer Choose whether you want to use the default mail function or the SMTP.
Return Path Check if you want to match the return path for your emails to the sending email.
SMTP Host Hostname for your SMTP server.
SMTP Port Port your server works on.
Encryption If you have SSL/TLS encryption available for that hostname, select it here.
Authentication Check if your SMTP server requires authentication.
Username Username for your SMTP server.
Password Password for your SMTP server.

3Click on the Save Changes button.

Testing the Plugin

If you want to test your settings, you can go to the Send a Test Email section and enter an email address that you want to send to, then click the Send Test button.

Now WordPress is configured to work with your SMTP server.

Configuring the Site Preloader

The Site Preloader will be shown when the website loading is in progress. It overlays on the screen and hides the unstyled page. It will disappear right after the page loads.

In this article, we’ll explain how to enable/disable the preloader and configure its options.


Enabling or Disabling the Preloader

1From the WordPress left menu, go to Theme Options > Global Settings > Preloader.

Configuring Site Preloader - Preloader

2From the Preloader setting, enable or disable the site preloader.

Configuring Site Preloader - enable preloader

3Click on the Save Settings button.

Enabling or Disabling Preloader for a Specific Page

Each page allows you to override some of the global properties. In this case, we’ll override the global Preloader for a specific page.

To override the Page Preloader:

1Create or edit an existing page.

2From the Jupiter Page Options box, change the status of the Page Preloader

Configuring Site Preloader - Jupiter Page Options

3Publish or update the page to check the result.


Configuring Site Preloader

There are several options in the preloader section that allow you to change the preloader icon, logo, background and icon color, and more.

Setting Description

Retina Preloader Enables or disables the Retina logo image in the preloader.
Preloader Logo Defines the logo image in the preloader. If Retina Preloader is enabled, please upload a 2x size image.
Preloader Color Defines the color of the preloader icon.
Background Color Defines the background color of the preloader.
Preloader Animation Chooses the preloader icon animation.
Section Preloader Background Color Defines the section specific preloader background color, such as Edge Slider and Page Section.


Site Preloader Troubleshooting

1Preloader is Stuck.  

This is one of the common issues. It happens when there is an issue in the page. For example, one of the shortcodes is not loading or a slider is missing in the page. To fix the issue, you need to disable Preloader and fix the issue in your page then enable it again.

2Preloader not Showing up.  

It’s probably a conflict with 3rd-party plugins, custom CSS or JS codes. To find the source of issue, do the troubleshooting steps.

Global Options vs Page Options

Jupiter has a set of global options and a set of individual page options. Global options are applied to all pages across your whole website, whereas page options allow you to override the global settings on a specific page. This gives you the ability to, for example, have a unique logo on one page, while all the other pages have the default logo.

Global Options

To access the global options:

1From the WordPress left menu, go to Jupiter > Theme Options

global options

This set of options will be applied to the pages across the whole website.

Page Options

To access the page options:

1From the WordPress left menu, go to Pages.

global options

2From pages, enter a specific page that you wish to configure

By scrolling down you will notice Jupiter Page Options and Jupiter Styling Options. These options will override the global options, and will be applied only to this specific page.


Global Options vs Page Options

Below, we’ll give some examples and uses of the global and page options.

Setting a Global Background Color

To set a background color which will be used on all of the pages:

1From the WordPress left menu, go to Jupiter > Theme Options > Main Content > Layout & Backgrounds.

global options

2In the Background Color & Texture option, pick a section and click on Edit.

global options

3Click on Select Color and set your color.

global options

4Click on Apply and Save Settings.

Setting a Page Specific Background Color

To set a background color which will be used only on a specific page:

1From the WordPress left menu, go to Pages.

global options

2From Pages, enter a specific page for which you wish to change the background color.

3Scroll down to Jupiter Styling Options and enable Override Global Settings.

global options

4In the Background Color & Texture option, pick a section.

global options

5Click on Select Color and set your color.

global options

6Click on Apply and update the page.

Configuring the quick contact form

In addition to the classic contact form, Jupiter has a quick contact form. Having one on your website is extremely important to your visitors.

In this article, we’ll explain the quick contact form shortcode and how to configure its settings. Note that if you are looking for the contact form shortcode instructions, you can read the Contact form shortcode article.

To see the quick contact form in action, check out the demo page.

Configuring quick contact form - demo


What is a quick contact form

The quick contact form is a small form which is accessible from anywhere (if enabled) on your website. Initially it hides behind a small envelope icon in the bottom right corner of your screen.

Configuring quick contact form - quick contact form

In contrast to the contact form shortcode, the quick contact form has only three input fields, which are name, email and message. Also, the quick contact form shortcode is a lot less customizable and can’t be added into custom sections.


Enabling or disabling the quick contact form

To enable or disable the quick contact form:

1From the WordPress left menu, go to Theme Options > Global Settings > Quick Contact.

Configuring quick contact form - Quick Contact

2Configure the settings as explained below.

Setting Description

Quick contact Enables or disables the quick contact form.
Quick contact on Blog & News / Single Post Enables or disables the quick contact form on blog & news single posts.
Quick contact title Sets the title to be displayed in the quick contact form.
Quick contact email Sets the recipient of the form submissions. Only one recipient is allowed.
Quick contact description Sets the description to be displayed in the quick contact form.

3Click on Save Settings.

Modifying or adding new form fields

It’s not possible to add new form fields but you may modify them. This process requires some development skills and includes overriding the quick contact form in your child theme.

Translating the form

Translating the form requires a third-party software or plugin. To learn about the process, read the Translating with Loco plugin article.


Configuring Captcha

To enable or disable the captcha:

1From the WordPress left menu, go to Theme Options >  Global Settings > Quick Contact.

Configuring quick contact form - Quick Contact

2Enable or disable the Captcha toggle option.

Configuring quick contact form - Captcha

3Click on Save Settings.

Compatible Plugins

There are thousands of free and premium plugins in the WordPress community. The Jupiter WordPress theme is compatible with most of the plugins since it follows standard coding practices. We’ll list the compatible plugins in this article.

compatible plugins

Official Plugins

We officially support the following plugins, so if our theme is causing compatibility issues, we will address them as soon as possible. We bundle some of the following plugins in with our theme:

NameCompatible VersionBundled

WPBakery Page Builder 5.4.8 Yes
Layer Slider 6.6.4 Yes
Revolution Slider 5.4.5.4 Yes
Master Slider 3.1.3 Yes
WooCommerce 3.1.1 No
WPML 3.7.1 No
BuddyPress 2.8.2 No
bbPress 2.5.13 No
Contact Form 7 4.8 Yes
Loco Translate 2.0.14 No
PolyLang 2.1.6 No
WooCommerce Product Table 2.1.4 No

Bundled Plugins

Bundled plugins are those that are included in the Jupiter theme for free. We have acquired the appropriate licenses for these plugins.

Community Plugins

We have not tested the following plugins officially but our clients are using them without problems.

NameCompatible Version
Use Any Font 4.7.3
The Events Calendar 4.5.8

Glossary of Common Terms

In this article we will list some common terms and expressions which are used in Jupiter theme. These terms have been collected for easier access. It’s worth to mention that the goal of this article is to provide short explanation for the terms.


Add-on

Add-ons add extra functionalities to Jupiter theme and they are released freely by Jupiter team. The add-ons are only installable in Jupiter.

Archive

Archive is an accumulation of a specific post type content inside single page which is automatically generated by WordPress.

To learn more about WordPress archives, read this article.

Artbees API Key

Automatically generated key used for registering the product.

To learn how to obtain Artbees API key and register your theme, read this article.

Blog

A blog is a frequently updated online personal journal or diary. It is a place to express yourself to the world.

To learn how to create blog in Jupiter, read this article.

Burger

The burger button is typically placed in top corner of a header on smaller devices like smartphones. Clicking or tapping on burger button results in a menu being revealed.

common terms

Cache

A web cache is an information technology for the temporary storage of web documents, such as HTML pages and images, to reduce bandwidth usage and server load.

To learn how to clear cache, read this article.

Case Study

A case study in a business context is a report of an organization’s implementation of something, such as a practice, a product, a system or a service. It can be thought as of a real world test of how the implementation works, and how well it works.

Child Theme

A WordPress child theme is a theme that inherits the functionality and styling from a parent theme (Jupiter theme). A child theme is often used when you need to change small aspects of your website appearance or functionality while being able to update the parent theme.

Column

Columns are part of the Page section and they hold your content elements inside them. Columns can be reordered.

common terms

To learn more about columns, read Column Settings article.

Control Panel

Control panel inside Jupiter where you can register and update the theme, install templates, plugins and much more.

common terms

To learn more about control panel in Jupiter, read this article.

Custom Post Types

Themes and plugins can add more post types to WordPress so these post types are called custom post types. Jupiter adds 13 custom post types.

  • Clients (Post Type: ‘clients’)
  • Animated Columns (Post Type: ‘animated-columns’)
  • Banner Builders (Post Type: ‘banner_builder’)
  • Edge Slider (Post Type: ‘edge’)
  • Employees (Post Type: ’employees’)
  • Faqs (Post Type: ‘faq’)
  • News (Post Type: ‘news’)
  • Portfolios (Post Type: ‘portfolio’)
  • Pricing Tables (Post Type: ‘pricing’)
  • FlexSlider (Post Type: ‘slideshow’)
  • Tab Sliders (Post Type: ‘tab_slider’)
  • Testimonials (Post Type: ‘testimonial’)
  • Photo Albums (Post Type: ‘photo_album’)

Breadcrumbs

Breadcrumbs provide links back to each previous page the user navigated through to get to the current page or the parent pages of the current one. Can be found in the Page title section.

common terms

Excerpt

Excerpt is a term used for article summary with a link to the whole entry. It allows users to display more content in less space.

common terms

To learn more about excerpt in WordPress, read this article.

Favicon

Favicon is a small, iconic image that represents your website. Favicons are most often found in the address bar of your web browser, but they can also be used in lists of bookmarks in web browsers and feed aggregators.

Font Family

Font family is a collection of typefaces in different weights and classifications, but have the same point size and are designed to work together.

Footer

Footer is a section at the bottom of your website which includes things like navigation, page numbers, creation dates and contact information. Footer is usually same across the whole website.

When referring to HTML, the footer tag (<footer>) is used to designate a footer for a document or a section of content.

To learn more about footer options in Jupiter, read this article.

common terms

Fullscreen Navigation

Fullscreen navigation is a secondary menu style and is managed by menus. It acts as a fullscreen section containing menu items.

Google Font

Google font is interactive application programming interface that allow users to use web fonts on their website. This service is hosted by Google, and all of the fonts are free.

To learn more about Google fonts in Jupiter, read this article.

Header

Section at the top of the website, often part of a template and therefore is the same across all pages within a website. It typically includes the company or organization’s logo, as well as the main navigation bar

common terms

Help Desk

Help desk in the context of IT, is a department inside an organization that is responsible for answering the technical questions of its users.

Icon Library

Icon library is a collection of icons from different sources. In Jupiter, these icons can be used in various shortcodes. It can be accessed in the Jupiter control panel.

Localhost

Localhost refers to the local computer that a program is running on. For example, if you are running a Web browser on your computer, your computer is considered to be the localhost.

MailChimp

MailChimp is an email marketing service. In Jupiter, there is an option to add MailChimp subscribe form to the toolbar.

To learn how to add MailChimp subscribe form to the toolbar in Jupiter, read this article.

Main Grid

The grid which holds the main content of your website.

Mega Menu

Mega menu is a section found within header navigation, which on hover appears as a drop-down with menu items.

common terms

To learn how to create a mega menu, read this article.

Minify CSS/JS

Option to create a minified version of CSS/JS files which increases the speed of your website.

To learn more about these options, read this article.

Page Section

Page section is a shortcode in Visual composer which acts as a container, within you can add other shortcodes. This shortcode is a more complete alternative to the Row shortcode. It has more options and it is a lot more customizable than other.

To learn more about page section shortcode, read Page Section article.

Page Title

Small section above the page content which displays the name of the page.

To learn more about page title, read this article.

common terms

Plugin

Plugins add extra functionalities to WordPress and themes. They can be installed on different themes.

To know which plugins are compatible with Jupiter, read Compatible plugins article.

Post Types

Post types refer to the type of the contents in WordPress. By default, WordPress has 5 post types.

  • Post (Post Type: ‘post’)
  • Page (Post Type: ‘page’)
  • Attachment (Post Type: ‘attachment’)
  • Revision (Post Type: ‘revision’)
  • Navigation menu (Post Type: ‘nav_menu_item’)

To learn more about them, read Post types official article.

Preloader

Preloader is a feature that displays the user with a loading animation and status while the page is loading.

common terms

To learn more about preloader options in Jupiter, read this article.

Register Product

Section in the control panel which lets you register the theme. By registering the product, you will be able to install templates and add-ons.

common terms

To learn how to register your theme, read this article.

Responsiveness

Responsiveness is a web design approach that suggests the website should respond to the user’s behavior and environment based on screen size, platform and orientation. In other words, the website should have the technology to automatically respond to the user’s preferences.

Secondary Menu

A menu added in addition to the main menu in the header. In Jupiter, secondary menu comes with two different styles in unique positions.

Self-hosted/Social-hosted

In some of Jupiter shortcodes, you may have an option to have a self hosted or social hosted data. Self hosted means that the data is stored on your site, while social hosted means that the data (for example, a video) is hosted on Youtube, Vimeo, etc.

SEO

SEO stands for search engine optimization. It is the process of getting traffic from the free, organic or natural search results on search engines like Google.

To learn how to increase SEO rankings with Jupiter, read this article.

Shortcode

A shortcode is a WordPress-specific code that allows you to embed files or create objects that would normally require lots of complicated, ugly codes in just one line.

common terms

To learn more about specific shortcode, read articles in the Shortcodes category.

Side Dashboard

Side dashboard is a secondary menu style and is managed by widgets. It provides a pop over effect, which reveals a section containing additional information.

To learn how to add a side dashboard in Jupiter, read this article.

Sidebar / Widget Area

A WordPress sidebar or widget area is an empty area which holds the widgets. You can find all the sidebars in Widgets page as explained above.

common terms

To learn more about sidebar, you may read Widgetized Sidebar and Custom Sidebar articles.

Slug

Slug is few words which you choose to describe a post, page, category, or tag within WordPress. These words then appear as part of the URL (or Permalink) directing visitors to that content.

common terms

Smooth Scroll

Smooth scroll is a self explanatory feature. Normally, when you press Page Down, the view jumps directly down one page. With smooth scroll, it slides down smoothly, so you can see how much it scrolls.

Sticky Header

Sticky header remains in view at the top of the browser rather than moving out of view at the top of the screen when the user scrolls down the page. The sticky header can help to make it easier for visitors to navigate through a site as they can quickly access the navigation menu rather than having to scroll back to the top of the page.

Sub Footer

Sub footer is a small section below the footer, which includes copyrights or references.

common terms

Tagline

A slogan or an important message which is placed above the header, in the toolbar section.

Template

This term has been used in Jupiter and Visual Composer plugin.

In Jupiter, it means a ready to use sets of pages, options, widgets for a specific type of a website.

To install a template, read Installing a template article.

In Visual Composer, it allows you to save predefined sets of shortcodes as a group so you can easily use them as next time.

Theme

A WordPress theme changes the design of your website, often including its layout. In this case, our theme is Jupiter. This is a premium multi-purpose theme.

Theme Options

A set of options inside Jupiter which affect your website globally. Theme options contain all the necessary settings to customize your website.

common terms

Toolbar

Toolbar is a small section above the header which holds information like date, tagline, email address and phone number.

common terms

Typekit

Typekit is a subscription service for fonts which you can use on a website. Instead of licensing individual fonts, you can sign up for the plan that best suits your needs and get a library of fonts from which to choose.

To learn how to integrate a typekit into Jupiter, read this article.

Visual Composer

This is one of the required plugins for Jupiter theme. This powers the drag and drop page builder feature.

To learn more about the plugin, read Visual Composer Introduction article.

Widget

A WordPress widget is a small block that performs a specific function. You can find all the widgets in Appearance > Widgets page. By default, WordPress has some widgets and Jupiter also adds more custom widgets for you.

To learn more about widgets, read How to Use Widgets article.

WooCommerce

WooCommerce is a free WordPress plugin which let’s you sell products and services on your website. Most importantly, it makes doing these things affordable and accessible.

To learn more about WooCommerce, read their official docs.

WordPress

WordPress is a free and open source content management system (CMS). WordPress users may install and switch between different themes like Jupiter and The Ken.

Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan

Configuring Categories and Subcategories

WordPress categories and subcategories provide an easy way to organize your posts and give you lots of flexibility for showing specific posts. In technical terms, a category is one of the predefined WordPress taxonomies.

Example: When you have a travel website, you may create categories like United States, Australia and Russia that easily refer users to the post on your page relative to those topics.

In Jupiter, categories are available for the following post types: Posts, Employees, Faqs, News, Portfolios, Testimonials and Photo Albums. The process of configuring categories follows the same steps for all post types, therefore in this we’ll explain how to create categories using the type Posts as an example.


Adding a New Category

There are two ways to add a new category: from the categories page or the post’s new/edit page.

Adding a New Category from Categories Page

To add a new category from categories page:

1Go to the Categories page.

Configuring Categories and Subcategories - categories page

2Fill out the forms with the necessary information.

3Click Add New Category.

Adding a New Category from the Post’s New/edit Page

To add a new category from post’s new/edit page:

1From the Posts page, add a new post or edit an existing post.

Configuring Categories and Subcategories - add new page

2From the Categories box, click on the + Add New Category link.

Configuring Categories and Subcategories - add new category

3Fill out the respective form with the necessary information and click on Add New Category.

Adding Child Categories

WordPress allows you to add parent and child categories. It’s massively helpful in organizing a site’s content.

To extend our first example, let’s say you have a travel website with worldwide destinations. You may want users to be able to find blog posts by country and city.

If you have posts about Chicago, New York and Los Angeles, you can add those cities as child categories under the United States parent category. That way, the user can view all the posts in the United States archive page and see each city post belonging to that category.

To add child categories, you’ll need to choose a parent category in step 2 when creating a new category page as explained before.

Adding an Image to a Category

When adding a category from the Categories page, there is a thumbnail setting which allows you to upload an image. This image is used as a background image when you use the Category Showcase shortcode.

Configuring Categories and Subcategories - upload image


Editing a Category

To edit a category:

1Go to the Categories page.

Configuring Categories and Subcategories - categories page

2Mouse over one of the categories in the list and click on Edit.

Configuring Categories and Subcategories - Category edit link
3From the Edit Category page, update the information.

Configuring Categories and Subcategories - Category edit page

4Click Update.


Removing a Category

To remove a category:

1Go to the Categories page.

Configuring Categories and Subcategories - categories page

2Mouse over one of the categories in the list and click on Delete.

Configuring Categories and Subcategories - Category delete link

3Click OK to delete the category permanently.


Assigning Categories to Posts

To assign categories to posts, you’ll need to use the Categories box in the new or edit post page.

1Go to the Posts page and click on one of the post titles.

2From the Categories box, check categories.

Configuring Categories and Subcategories - assign categories

3Click Update.


Displaying Categories

There are two ways to display categories: the categories widget and the category showcase shortcode

Displaying Categories via Categories Widget

This is one of the default WordPress widgets that shows the category titles and post numbers as a list. This widget shows categories only from Posts.

Configuring Categories and Subcategories - Categories widget

Displaying Categories via the Category Showcase Shortcode

This is one of the Jupiter’s shortcodes that allows you to display categories in a grid layout. You can only display categories from Posts, Portfolios, WooCommerce and News. To learn more about this shortcode, read the Category showcase shortcode article.


Displaying Posts by Categories

There are two main ways to view and display posts by categories: the archive page and shortcodes

Viewing Posts in the Archive Pages

Category archive pages list all the posts in each category. You can find each category archive page from the Categories page by clicking on the View link.

Configuring Categories and Subcategories - Category view link

Displaying Posts by Categories with Shortcodes

In some of the shortcodes like Blog, Portfolio, and Testimonial, there is a settings called Select Specific Categories which allow you to specify categories.


Configuring the Category Archive URLs

For Posts and Portfolios category, it’s possible to configure the category base URL from the WordPress admin, but for the rest of the post types, you’ll need to use custom codes.

Configuring the Posts archive URL

The default base for Posts is “category”. To change it:

1From the WordPress left menu, go to the Settings > Permalinks page.

Configuring Categories and Subcategories - permalinks page

2Add a text in the Category Base field.

Configuring Categories and Subcategories - category base

3Click Save Changes.

Configuring the Portfolios Archive URL

The default base for Portfolios is “portfolio_category”. To change it:

1Go to Theme Options > Portfolio > Portfolio Single Post page.

2Change the text in the Portfolio Category Slug field.

3Click Save Settings.

 


Configuring the Archive Page Design

It’s possible to configure the design of the blog posts and portfolio items archive pages. There are no design settings for the rest of the post types like testimonial, employees, etc.

To configure the design of the blog posts or portfolio items archive pages:

1Go to Theme Options > Blog/News > Archive or Theme Options > Portfolio > Archive

2For the Blog posts archive, the following settings are available.

Setting Description

Blog Archive Layout Sets the layout all the archive pages.
Archive Loop Style Sets the predefined design for items in the archive pages.
Archive Page Title Sets the page title in the archive pages.
Archive Page Subtitle Toggles the subtitle. The subtitle text comes from each category description.
Archive Loop Image Height Sets the image height.
Show Blog Meta? Toggles the meta information like author, category and date.
Pagination Style Sets the type of pagination.

3For the Portfolio items archive, the following settings are available.

Setting Description

Portfolio Archive Layout Sets the layout for all the archive pages.
Portfolio Style Sets the predefined design for items in the archive pages.
Columns Sets the number of columns for the items.
Featured Image Height Sets the image height.
Pagination Style Sets the type of pagination.

4Click Save Settings.

How to export videos for Page section and Edge slideshow

There are two types of playing a video on your website using Jupiter WordPress Theme. You can either embed videos from YouTube and Vimeo or upload your own video file and use it on a page section background. You can also use these custom videos as a slide in Edge Slideshow.

To create nice looking videos you can either shoot your own videos or get it from stock websites. There are also handful of free video resources. mazwai.com for example, offers a great collection of free video. To edit your videos, there are also a wide range of softwares and tools both for Mac and PC such as:

In order to upload a video file and play it successfully on the web you are required to export your videos with proper file extensions and codecs. These are required formats:

  • .MP4 (Compatibility for Safari and IE9)
  • .WebM (Compatibility for Firefox4, Opera, and Chrome)
  • .OGV (Compatibility for older Firefox and Opera versions)

To export with MP4 Codec

As a rule of thumb you will need your video to be exported as H.264 format. Depending on the software you are using to edit your videos, there are many online/offline tools to export as .MP4. Here are some examples for different platforms and softwares:

  • Adobe Premier (Mac & Windows): Read this Written guide or watch the video below:
  • iMovie (Mac): Read this Written guide
  • Windows Movie Maker (Windows): Read this Written guide or watch the video below:
  • HandBrake: (Mac & Windows) This tiny software also does a great job. Get it here and convert your videos in seconds.
  • online-convert (Online): Using this online tool you upload your videos and you will receive your desired format. You might need a fast internet connection.

To export with WebM and OGV Codec

Unfortunately WebM and OGV are not as popular as MP4 format. So you might need some plugins added to your video editing softwares to be able to export as WebM or OGV. However online conversion tools are a better choice in this case. Here are both offline and online tools you can try:

Some tips on how to export better videos

  1. Try to compress your videos as much as possible. Even though the tools we mentioned above apply some compressions to videos but the final output will be still heavy if your input video is large.
  2. Be very careful about the dimensions. The wider or taller video dimensions means larger file size. A good dimension for web video can be 960×540. You can also check this document for optimal web video dimensions.
  3. Keep your videos short. Lengthy videos are poison. Using a decent video editing software you can easily split your videos and make it short enough while preserving the quality.
  4. Since your videos will be looped through, make sure that they replay smoothly and seamlessly. This can also be done by a video editing software.