Periodic Wordpress Theme Documentation

Created On: 7 Aug 2014
Last Changed: 26 Aug 2024
Current Version: 4.2

Developed By: SCube Themes
Theme Support: https://www.scube.co/support/

Introduction

Periodic is a custom built, premium WordPress theme suited for online magazines, news portals and large blogs.

Thank you for purchasing the theme. We provide support for all of our themes at https://www.scube.co/support/, but please make sure you read this documentation in it's entirely first. Thanks again!

Theme Installation

Download Theme

At first, you need to download Periodic theme from ThemeForest website.

To download the theme:

Go to Theme Forest and login into your account.
In the upper right corner, hover over your username and click on Downloads.

Scroll down to Periodic and click on Download All files .

Note: The downloaded zip file contains the theme, child theme and the documentation.

Extract the downloaded .zip file into a folder. These files will be needed for the next steps.

Installing The Theme

There are few methods to upload and install a theme on your WordPress website. We explain about two easy installation methods here.

Installing through WordPress

On WordPress left menu, go to Appearance > Themes.

Click on Add New Theme.

Click on Upload Theme button.

Click on Choose File button and select periodic.zip that you have extracted from the themeforest downloaded file then click on Install Now button and wait for the install to complete.

After the theme installed successfully, click on Activate button.

Uploading Through FTP

Alternatively, you can upload the theme through file transfer protocol. Keep in mind that this will only upload the theme to your website, it will not activate it.

Use a FTP (for example Filezilla) to access your host web server.
In the files browser navigate to /wp-content/themes.
Extract Periodic.zip and Transfer it into the directory.

Note: Theme is not yet activated. On WordPress left menu, go to Appearance > Themes to activate it.

Installing The Child Theme

If you plan on customizing and editing the theme’s files, it is always recommended to install a child theme. Having a child theme guarantees that your changes will not be deleted on each update of the theme and they will stay intact.

Use the same process of Installing the theme to install the child theme.

Note: We highly recommend to install & activate a child theme. Periodic-child.zip is included in the downloaded zip file.

Install Required Plugins

After successfully activated the child theme. Its important to install and activate the required plugins for the theme.

There are four plugins for periodic theme [version 4.2.]

Contact Form-7
One Click Demo Import
Option Frame Work
Periodic-Addons

Install & Activate Required Plugins

When theme is activated, Notice to install the required plugins will appear on the Wordpress backend.
Click on the Begin installing plugins link to install and then activate the plugins.

Note: Required plugins are mandatory. The theme will not work properly, if its not installed & activated.

Theme Recommended Plugins

One Click Demo Import: This plugin is used to import the demo content. It includes pages, posts, media, menus and widgets. You need to install and activate this plugin to import the demo content
Contact form 7: We used Contact form 7 (CF7) plugin to add contact form on contact page. You need to install and activate this plugin before importing the demo file Click here to see the plugin.
Option Framework: The Options Framework Plugin makes it easy to include a full featured options panel in any WordPress theme.
Periodic-Addons: This will create metaboxes with custom fields that will blow your mind and create a custom widgets fields. It helps you create high-converting information-packed reviews that help potential customers make purchasing decisions.

Import Demo Content

When you first install Periodic, it won’t contain all the demo content that you might have seen in the live demo. Before importing the content make sure all the plugins are activated. You need to install and activate One Click Demo Import plugin to import the demo content.

Steps

On WordPress left menu, go to Appearance > Import Demo Data.
On the One Click Demo Import page. Click on the Import Demo Data button only once and wait, it can take a couple of minutes to import all the demo data.

Please be patient while importing all the content.
It will import pages, posts, media, menus and widgets.

Note: On demo we used navigation menu instance on the Home & Footer widgets. While importing demo it will not assign the menu to the navigation menu widget item. You need to assign the corresponding menu to navigation menu instance.

Theme Options Setup

Theme Options is the main section of periodic, which you can use to change your global settings for your website. You can access theme options on WordPress left menu, go to Appearance > Theme Options.

Masthead Banner Ad:

Banner Size: Choose the size of the banner ad that will appear to the right of the logo.
Leaderboard Image URL or Advertising Code: Paste the full path to your self hosted 728x90 banner image inside of an image tag. You may wrap the banner with an anchor tag. For Advertising Codes, paste the entire provided code.
Full Banner Image URL or Advertising Code: Paste the full path to your self hosted 468x60 banner image inside of an image tag. You may wrap the banner with an anchor tag. For Advertising Codes, paste the entire provided code.
finally save the options

Carousel Slider:

If you enable the masthead carousel option it show the carousel slider on the home page below the main menu. You will need to set all of the following options for this to function properly.
Carousel Slider Heading: Enter a heading for your Carousel Slider. This heading will appear to the left of the slider controls.
Content Type for Carousel Slider: Choose the type of content for your Carousel Slider. You can have either a popular posts or category based slider.
Select Carousel Slider Categor: Choose a category for the Carousel Slider, if you have chosen Category Based above.
How Many Carousel Slider Posts?: Select how many Carousel Slider posts to display from dropdown list.
Finally, Click the Save option button to save your changes.

Featured Slider:

If you enable Featured Slider option it show the featured slider. This will display your 6 most recent posts unless you choose to make this slider.
Featured Slider Heading: Enter a heading for your Featured Slider. This heading will appear to the left2 of the slider controls.
Content Type for Carousel Slider: Choose the type of content for your Carousel Slider. You can have either a popular posts or category based slider.
Select Carousel Slider Categor: Choose a category for the Carousel Slider, if you have chosen Category Based above.
How Many Carousel Slider Posts?: Select how many Carousel Slider posts to display from dropdown list.
Finally, Click the Save option button to save your changes.

Lead Thumbnail Blocks:

Check this option to display the first Lead Headline Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. The most recent post will have a 300 x 225 thumbnail and the remaining will have a 60x60 thumbnail.
How Many Lead Thumbnail Block 1 Posts?: Select how many Lead Thumbnail Block 1 Posts to display. The amount you set here will be for both columns.
Select a category for Lead Thumbnail Block 1 Left Column to display your most recent posts from this category.
Select a category for Lead Thumbnail Block 1 Right Column to display your most recent posts from this category.
Enable lead thumbnail block 2 option to display the second Lead Headline Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. The most recent post will have a 300 x 225 thumbnail and the remaining will have a 60x60 thumbnail.
How Many Lead Thumbnail Block 2 Posts?: Select how many Lead Thumbnail Block 2 Posts to display. The amount you set here will be for both columns.
Select Lead Thumbnail Block 2 Left Category: Choose a category for Lead Thumbnail Block 2 Left Column to display your most recent posts from this category.
Select Lead Thumbnail Block 2 Right Category: Choose a category for Lead Thumbnail Block 2 Right Column to display your most recent posts from this category.
Finally, Click the Save option button to save your changes.

Lead Headline Blocks:

Check this option to display the first Lead Headline Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. The most recent post will have a 300 x 225 thumbnail.
How Many Lead Headline Block 1 Posts?: Select how many Lead Headline Block 1 Posts to display. The amount you set here will be for both columns.
Select a category for Lead Headline Block 1 Left Column to display your most recent posts from this category.
Select a category for Lead Headline Block 1 Right Column to display your most recent posts from this category.
Enable home Page lead Headline Block 2 option to display the second Lead Headline & Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. The most recent post will have a 300 x 225 thumbnail.
How Many Lead Headline Block 2 Posts?: Select how many Lead Headline Block 2 Posts to display. The amount you set here will be for both columns.
Select Lead Headline Block 2 Left Category: Choose a category for Lead Thumbnail Block 2 Left Column to display your most recent posts from this category.
Select Lead Headline Block 2 Right Category: Choose a category for Lead Headline Block 2 Right Column to display your most recent posts from this category.
Finally, Click the Save option button to save your changes.

Thumbnail Blocks:

Check this option to display the first Thumbnail Block. This block will display 2 columns of posts, from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. Each post will have a 60 x 60 thumbnail.
How Many Thumbnail Block 1 Posts?: Select how many Thumbnail Block 1 Posts to display. The amount you set here will be for both columns.
Choose a category for Thumbnail Block 1 Left Column to display your most recent posts from this category.
Choose a category for Thumbnail Block 1 Right Column to display your most recent posts from this category.
Check this option to display the second Thumbnail Block. This block will display 2 columns of posts, from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. Each post will have a 60 x 60 thumbnail.
How Many Thumbnail Block 2 Posts?: Select how many Thumbnail Block 2 Posts to display. The amount you set here will be for both columns.
Select Thumbnail Block 2 Left Category Choose a category for Lead Thumbnail Block 2 Left Column to display your most recent posts from this category.
Select Thumbnail Block 2 Right Category: Choose a category for Thumbnail Block 2 Right Column to display your most recent posts from this category.
Finally, Click the Save option button to save your changes.

Headline Blocks:

Check this option to display the first Headline Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. There are no thumbnails with these posts.
How Many Headline Block 1 Posts?: Select how many Thumbnail Block 1 Posts to display. The amount you set here will be for both columns.
Choose a category for Headline Block 1 Left Column to display your most recent posts from this category.
Choose a category for Headline Block 1 Right Column to display your most recent posts from this category.
Check this option to display the second Headline Block. This block will display 2 columns of posts from the categories you choose in the next set of options. You will also be able to set the amount of posts displayed from the categories chosen. There are no thumbnails with these posts.
How Many Headline Block 2 Posts?: Select how many Headline Block 2 Posts to display. The amount you set here will be for both columns.
Select Headline Block 2 Left Category Choose a category for Lead Headline Block 2 Left Column to display your most recent posts from this category.
Select Headline Block 2 Right Category: Choose a category for Headline Block 2 Right Column to display your most recent posts from this category.
Finally, Click the Save option button to save your changes.

Articles:

Enable author gravatar option to display the Author Gravatar to the left of the byline
Check this option to display an Author Box at the end of the article with a Gravatar image.
Check this option to display Related Articles at the end of an article. The relationship will be based on shared tags.
Articles Heading: Enter Related Articles Heading.
How Many Related Articles? :Select how many related articles to display .
Enable Previous & Next Article Links: Enable this option to display the previous and next article links. The links will appear above the comments.
Finally, Click the Save option button to save your changes.

Header

Periodic Header consists of 2 items: Menu & Social Networks

Menu: To add header menu, Assign any menu Menu 1 Theme Location.
Social Networks: You can add Social Networks, in Appearance > Theme Options > . Click here for more information.

The Header Menu is placed on the top of the header.
They are usually presented as a horizontal bar of links at the top of every page on a website.
Setup Header Menu: On WordPress left menu, go to Appearance > Menus
You can create a menu or if you downloaded the demo content, It has the menu named 'Menu 1'. Select the menu. On the Edit Menus tab, below the Menu Structure. It has Menu Settings, Tick the checkbox 'Main Menu'. Finally save the changes.

Alternatively, on Manage Locations tab, Assign the
Menu to Primary Theme Location.

On Menu Structure, Drag a menu item towards right under another menu item to make it as sub item.

Widgets

How to Add Widgets

On WordPress left menu, go to Appearance > Widgets. You can see available widgets on the left and widget areas on the right.
Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar) and click the Add Widget button.

Available Widgets

Widgets add content and features to your Sidebars. The Widgets area on the left hand side is composed of 2 sections: Click here to know more about wordpress widgets

Widget Areas

Periodic provides Six Widget areas: Sidebar for Index Template, Right sidebar, Left sidebar, Footer Column One, Footer Column Two & Footer Column Three

Sidebar for Index Template Widget Area

This widgets are placed in Index Template.
Choose a Widget and either drag it into the sidebar from left side widgets area.

Right Sidebar Widget Area

This Widgets are display only in right side for all pages and posts.
Choose a Widget and drag it into the sidebar from left side widgets area.

Left Sidebar Widget Area

This Widgets are display only in left side for all pages and posts.
Choose a Widget and drag it into the sidebar from left side widgets area.

Footer Column One Widget Area

This widget will show the one Column in Footer.
Choose a Widget and drag it into the sidebar from left side widgets area.

Footer Column Two Widget Area

This widget will show the two Column in Footer.
Choose a Widget and drag it into the sidebar from left side widgets area.

Footer Column Three Widget Area

This widget will show the three Column in Footer.
Choose a Widget and drag it into the sidebar from left side widgets area.

Blogs

Blog Archive

How to setup Blog Archive page

To setup blog archive page, Create a page, name it and publish the page. Click here to know how to create a page.

Note: If you imported the demo content, We have created a page named 'Blog'. You can assign this page as Posts page.

Then on WordPress left menu, go to Settings > Reading.
On Reading Settings page, From Posts page dropdown, select the created page.
Then on 'Blog pages show at most' field, enter the number of posts to show on the page before pagination.
Finally, Click on the Save Changes button.
Now you can see the page, It will show the blog archives.

Blog Single

To view/access all available post on the website, on WordPress left menu, go to Posts. It will list all the available posts.
If you downloaded the demo content, you can see three blogs on the backend posts page.
When hover on the available blog (post), you can see the options for each blog.

How to Create a Blog

To create a blog, on WordPress left menu, go to Posts > Add New.
periodic supports Block (Gutenburg) Editor. Click here to see how to add content using Block (Gutenburg) Editor.
Add Post title - The title is displayed when you hover the image the title will appear.
Set Featured image.

If enable stick to the top of the particular post, It shows as the first blog.

Post Format

Post format contains 4 categories. They are Gallery, Audio, Standard & Video.

Gallery: Select the gallery from post format and use gallery in Block (Gutenburg) Editor. You can add multiple galleries in a single post.

Audio: Select the Audio from post format and use audio in Block (Gutenburg) Editor.

Standard: Select the Standard from post format. This is a default post format. It shows as,

Video: Select the Video from post format and use video in Block (Gutenburg) Editor. video post format usually contains a video either embedded from a third party video hosting service like YouTube or uploaded and played directly from WordPress.

Changelog

Version 4.2 (December 2022)

Bug fix:

Bug fixing and update for latest wordpress support.
All required plugins tested with latest versions

periodic Wordpress Theme Documentation