This documentation guides you through the installation, usage, configuration and customization options of the theme.

If you have any questions or need any assistance related to the theme, please feel free open a support ticket. Our support team will be happy to help you.

Here is Demo and Download links in case you need.

Theme Installation

Installation via FTP/Cpanel

To Install the theme via FTP/Cpanel follow these steps:

  • Download a Copy of Viral Theme zip file from WordPress.
  • Save the downloaded theme zip file in your hard drive.
  • Extract the downloaded zip file you will find a folder with style and other theme files inside it.
  • Now Connect the ftp server using the FTP details and copy the extracted folder to 'site-name/wp-content/themes/' path.
  • Now go to the Dashboard > Appearance > Themes.
  • You'll see the Viral theme in the theme dashboard.
  • Activate the theme.

Install via WordPress Dashboard

To install the theme via WordPress Dashboard follow these steps:

  • Login into WordPress Dashboard.
  • Go to Dashboard > Appearance > Themes.
  • Click on Add New button then search for the Viral keyword in search field.
  • Hover over the Viral theme from the search result and click on Install button.
  • Once installed Activate the theme.

Import Demo Content

You can import a demo content with just one click.

  • Go to Dashboard > Plugins
  • Click on Add New
  • Search for the plugin "One Click Demo Import"Click Here for direct link of the plugin.
  • Install and activate it

After you have installed and activated "One Click Demo Import" plugin,

  • Go to Appearance -> Import Demo Data
  • Click on Import Demo Data
  • It may take some time to import all the demo data

Configure Web Layout

The theme provides you the option to set wide flat layout or boxed layout for your site. To Set the Layout for your website follow these steps:

  • Login to you Dashboard.
  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Website Layout.
  • Now Choose either Full Width layout or Boxed layout as per your requirement.
  • Once done, Click on Save & Publish button.

Configure Header

Configure Top Header

Configure Top Left Header Part

  • Go to Dashboard > Appearance > Customize.
  • Go to Header Settings > Header Settings.
  • Check mark on Show Date in Header option if you wish to show date in top left side of the header else leave this option unchecked.
  • Set the text on top left header part by adding the text in Header Left Text textfield.
  • Configure the menu on top left part of the header by
  • Going to Dashboard > Appearance  Menus.
  • Now, Create a new menu or select the existing menu and set its Theme locations as Top Header Menu.
  • Once done Save the options.

Configure Top Right Header Part (Social Links)

  • Go to Dashboard > Appearance > Customize.
  • Go to Header Settings > Header Social Icons.
  • Set the social links for the social medias like facebook, twitter, google plus etc..
  • Once done Save & Publish the changes.

Configure Site Logo

  • Go to Dashboard > Appearance > Customize.
  • Go to General Settings > Site/Title/Logo/Favicon.
  • Click on Select Logo button and choose the logo from the media library.
  • Once done, Save & Publish the changes.

Menu Setup

- Creating General Menu

1) Defining a Menu

You must define a menu before you can add items to it.

  • Login to the WordPress Dashboard.
  • From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  • Select Create a new menu at the top of the page
  • Enter a name for your new menu in the Menu Name box
  • Click the Create Menu button.

Your new custom menu has now been defined.

2) Adding Items to a Menu

You can add different link types into your menu, these are split between panes left of the menu you're currently editing.

  • Locate the pane entitled Pages.
  • Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
  • Select the Pages that you want to add by clicking the checkbox next to each Page's title.
  • Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  • Click the Save Menu button once you've added all the menu items you want.

Configure Header Ads

  • Go to Dashboard > Appearance > Widgets.
  • Add Viral: Advertisement widget to Header Ads widget area.
  • Now configure the header ad widget by setting ad title, image and link.
  • Once done, Save the widget.

Home Page Setup

Configure Front Page to Display Static Page

To display a static front page follow these steps:

Create a Page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Enter the contents for the page in content area.
  • Click on Publish/Update button.

Configure to display a static front page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to A static page and choose the page you created from the Front Page drop-down list.
  • Once done, Click on Save Changes button.

Configure Front Page to display Featured Home Page

To display a static front page follow these steps:

Create a Home Page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page.
  • Enter the contents for the page in content area.
  • Select Home Page as a page template from Template drop-down option.
  • Click on Publish/Update button.

Configure to display a featured home page as front page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to A static page and choose the page you created using Home Page page template from the Front Page drop-down list.
  • Once done, Click on Save Changes button.

 

Configure Front Page to display Blog Posts

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Settings > Reading.
  • Inside the Front page displays set the option to Your latest posts.
  • Set the no. of posts to display in your front page in Blog pages show at most option.
  • Once done, Click on Save Changes button.

Setup Home Page Section

The theme allows you to configure total 4 sections to display the magazine blocks in the Home Page.

  1. Home Top Section.
  2. Home Middle Section - Left Content.
  3. Home Middle Section - Right Sidebar.
  4. Home Bottom Section

Configure Home Top Section

Home Top Section contains of a News ticker Section and Four Block Grid Layouts. The theme provides the option to add the news section and define the block grid layout for these newly added news section. Using these block grid layout one may create a versatile magazine site in no time. The demo makes the use of First & Fourth Block Grid layouts. Here are the step by step process for configuring this section.

A) Configuring News Ticker Section
  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Top Section.
  • Set the Ticker Title text.
  • Choose the Category(ies) for the Ticker from Choose Ticker Category drop-down list. The post title from this category will be displayed in the ticker section.

B) Configuring Home Top Section using Block Layout 1

The Block Layout 1 under Home Top Section displays the posts in a grid as shown in below fig.

To Configure this section follow the steps below:

  • Login to Dashboard.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 1st Block Grid Layout for this news section from the Layouts option.
  • Select the categories to display in this section from Select Category option.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • You may add as many sections as per your requirement.
  • Once Done, Save & Publish the changes.

B) Configuring Home Top Section using Block Layout 4

The Block Layout 1 under Home Top Section displays the posts in a grid as shown in below fig.

To Configure this section follow the steps below:

  • Login to Dashboard.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 4th Block Grid Layout for this news section from the Layouts option.
  • Select the categories to display in this section from Select Category option.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • You may add as many sections as per your requirement.
  • Once Done, Save & Publish the changes.

 

Configure Home Middle Section - Left Content

Home Middle Section (Left Content) provides the Four beautiful Block Grid Layouts using which one may create a beautiful magazine site in no time. The demo has made the use of all Four Block Grid Layouts. Here is a step by step guide to configure this section.

A) Configure Blog Grid Layout 1

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Middle Section - Left Content.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 1st Block Grid Layout for this news section.
  • Set the Title for the section.
  • Select a category from Category drop-down list.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

B) Configure Blog Grid Layout 2

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Middle Section - Left Content.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 2nd Block Grid Layout for this news section.
  • Set the Title for the section.
  • Select a category from Category drop-down list.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

C) Configure Blog Grid Layout 3

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Middle Section - Left Content.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 3rd Block Grid Layout for this news section.
  • Set the Title for the section.
  • Select a category from Category drop-down list.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

D) Configure Blog Grid Layout 4

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Middle Section - Left Content.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 4th Block Grid Layout for this news section.
  • Set the Title for the section.
  • Select a category from Category drop-down list.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

Configure Home Middle Section - Right Sidebar

Home Middle Section - Right Sidebar is mainly composed of the widgets. To configure the section follow these steps:

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > widgets.
  • Add the widgets you wish to display to Home Middle Section - Right Sidebar widget area.
  • The demo site has been configured by adding Viral : Advertisement, Viral : Timeline & Viral : Category Block widgets.

Configure Home Bottom Section

Home Bottom Section provides Two beautiful Block Grid Layouts. The demo has made the use of both the Block Grid Layouts. Here is a step by step guide to configure this section.

A) Configure Blog Grid Layout 1

 

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Bottom Section.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 1st Block Grid Layout for this news section from the Layouts option.
  • You'll need to set three categories from the Category drop-down list for this section. Select the Category of your choice.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

B) Configure Blog Grid Layout 2

  • Login to Dashboard.
  • Go to Dashbaord > Appearance > Customize.
  • Go to Front Page Sections > Home Bottom Section.
  • Click on Add Section button. A new News Section will be added.
  • Open the newly added News Section.
  • Choose the 2nd Block Grid Layout for this news section from the Layouts option.
  • Select the Category for this section from Category drop-down list.
  • If you wish to disable this section you may Set the Enable Section option to No else set the option to Yes.
  • Once Done, Save & Publish the changes.

Footer Setup

The theme allows you to display 4 footer widget areas in the Footer. To Configure these footer widgets follow these steps:

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Appearance > Widgets.
  • Drag and Drop the widgets of your choice to Footer One, Footer Two, Footer Three & Footer Four widget areas.
  • Configure the widget contents and settings.
  • Once Done, Click on 'Save' button.

-- THE END --