Introduction

This documentation is last updated on 14 March 2016.

Thank you for choosing the "Hostingpress" theme. If you have any support related questions, please feel free to post them to the theme's support forum or just send an email to "suniljoshi@gmail.com".

Licence Term:
Please refer Licensing Terms on the ThemeForest site..


Install Theme

To install the Hostingpress Theme you will need WordPress v4.2.0 or newer

Once you are ready with a WordPress, you need to download All Files and Documentation from themeforest and then extract the downloaded zip. Contain files and folder including hostingpress.zip.

You can install the WordPress theme using two different ways.

Method 1 : Install Theme using WordPress Dashboard

  1. Go to 'Appearance > Themes' section
  2. Click 'Add New'

  3. Click 'Upload Theme'

  4. Choose the hostingpress.zip file and press 'Install Now'

  5. Click on activate to active your theme.

Method 2 : Install Theme using FTP

  1. Open and connect your hosting server using an ftp client like FileZilla
  2. Go to the '../wp-content/themes' folder of your WordPress installation
  3. Extract the hostingpress.zip file and put the hsotingpress folder in '../wp-content/themes/' folder
  4. Go to 'WordPress Dashboard > Appearance > Themes' section to activate the theme

Install Plugins

After you have activated the Hostingpress theme, WordPress is showing list of required and recommended plugins on dashboard.

You can install plugin by clicking Begin installing plugin but if you have already hide it out this notice, you can Go to Appearance > Install Plugins



So, you need to install and activate all the required plugins as following.

Install Child Theme

It is better to use child theme as if you need to modify anything you modify in child theme only. This way you can easily update your parent theme whenever new update becomes available on themeforest. You can read more about child theme from here.

To install child theme, you need to upload the hostingpress-child.zip and activate it in the same way as you uploaded and activated the parent theme's hostingpress.zip.

Import Demo Contents

Too make your site look like demo, you need to follow following three step.

Import Demo Data

Prerequisites : Installed all required Plugin and activated the

  1. Go to Appearance > Import Demo Data Sub menu
  2. Click on 'Import Data' will take around 5 to 15 min to install

Create Home Page

In case of imported XML the home page is already created and you do not need to follow this section.

To set up the Home page,Follow following step,

  1. Go to WordPress Admin > Pages > Add New
  2. Select the "Home Page" from template drop down of Page Attribute Section as display screen shot below.

  3. You can add anything in page using Visual Composer. We have created custom visual component for following.

    Each Custom Visual Component setting details available in next tabs.
  4. Click Publish

Hosting Service Component Setting

To add Hosting Service Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Hosting Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Hosting Services

  7. Open Hosting services setting properties by clicking "Edit Hosting Service" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Services want to display, Enter "0" for all services
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

    • Click Save Changes
  8. Click Update to update page

Testimonial Component Setting

To add Testimonial Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Testimonial

  7. Open Testimonial setting properties by clicking "Edit Testimonial" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Testimonials want to display, Enter "0" for all Testimonial
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

    • Click Save Changes
  8. Click Update to update page

Recent Post Component Setting

To add Recent Post Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Recent Post

  7. Open Recent Post setting properties by clicking "Edit Recent Post" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Post want to display
    • Select Display Layout,(Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      Layout 2 is not in theme but you can easily add it

    • Click Save Changes
  8. Click Update to update page

Pricing Table Component Setting

To add Pricing Table Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Pricing table component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Pricing Table

  7. Open Pricing Table setting properties by clicking "Edit Pricing Table" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Plan want to display
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

      If you want to display as below then select Layout 3

    • Click Save Changes
  8. Click Update to update page

FAQ Component Setting

To add FAQ Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add FAQ component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select FAQs

  7. Open FAQ setting properties by clicking "Edit FAQs" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of FAQs want to display
    • Select Display Layout (Layout 1, Layout 2,Layout 3).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

      If you want to display as below then select Layout 2

    • Select Display FAQ's for which category.
    • Click Save Changes
  8. Click Update to update page

Team Component Setting

To add Team Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Teams

  7. Open Team setting properties by clicking "Edit Teams" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Teams want to display
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      Layout 2 is not in theme but you can easily add it

    • Click Save Changes
  8. Click Update to update page

Portfolio Component Setting

To add Team Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Portfolio

  7. Open Team setting properties by clicking "Edit Portfolio" icon

    • Enter Sub Title
    • Enter Title
    • Enter No. of Portfolio want to display
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 1

    • Click Save Changes
  8. Click Update to update page

Add News Post

Go to WordPress Admin > Posts > Add New
  1. Provide the post title

  2. Select the post format



    Post Formats and Related Meta Boxes:
    This theme supports various post formats. So, when you select a post format look out for related meta boxes that will appear after your selection. You need to fill out those meta boxes with related information, so that your post can appear in best possible design.

  3. Enter the post contents if any



  4. Provide the featured image. The image should have minimum width of 732px. Its height is flexible so you can upload the image of any height.



  5. Publish the post once it is ready.

Add Testimonial

Go to WordPress Admin > Testimonials > Add New
  1. Provide the patient name



  2. Enter the Testimonial contents if any



  3. Provide the featured image. The image should have minimum width of 262px and minimum height of 335px



  4. Publish the Testimonial once it is ready.

Add Teams

Go to WordPress Admin > Teams > Add New
  1. Provide the Teams name



  2. Enter the text contents about Teams



  3. Provide the featured image. The image should have minimum width of 118px and minimum height of 117px



  4. Provide the Team related information in Team Information meta box



  5. Publish the Team once it is ready.

Add Portfolio

Go to WordPress Admin > Portfolio > Add New
  1. Provide the Project name in post title field



  2. Provide the featured image. The image should have minimum width of 357px and minimum height of 217px



  3. Provide the Portfolio related information in Portfolio Information meta box



  4. Publish the Portfolio post once it is ready.

Add Hosting Service

Go to WordPress Admin > Hosting Services > Add Hosting Service
  1. Provide the service name in post name field



  2. Enter the text contents about Hosting Service



  3. Provide the featured image. The image should have minimum width of 456px and minimum height of 586px



  4. Publish the Hosting Service once it is ready.

Add FAQ

Go to WordPress Admin > FAQs > Add FAQ
  1. Provide the question name in post name field



  2. Enter the Answer in content



  3. Select the FAQ category



  4. Publish the FAQ once it is ready.

Add Pricing

Go to WordPress Admin > Pricing Table > Add Pricing
  1. Provide the Pricing Plan name



  2. Enter the text contents about Pricing Plan



  3. Select Pricing Plan Category



  4. Provide the Pricing Plan information in Pricing Table Information meta box



  5. Publish the Pricing Plan once it is ready.

Add Sliders

Go to WordPress Admin > Sliders> Add Slide
  1. Provide the Slide name



  2. Enter the text contents of Slider



  3. Provide the featured image. The image should have minimum width of 369px and minimum height of 370px



  4. Provide the Slider information in Slider Information meta box



  5. Publish the Slider once it is ready.

Add Page with Breadcrumb

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Select the Default Template from template drop down of Page Attribute Section as display screen shot below.



  3. Enter some text contents in content box if you want to.

  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add Page without Breadcrumb

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Select the Home Page from template drop down of Page Attribute Section as display screen shot below.



  3. Enter some text contents in content box if you want to.

  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add Landing Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Select the Landing Page from template drop down of Page Attribute Section as display screen shot below.



  3. Enter some text contents in content box if you want to.

  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Recent Post Widget

  1. Go to Appearance > Widgets and look for Hostingpress Recent Post widget.



  2. Use that widget in Blog Post sidebar. Provide the titles and Number of post to show.
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your Blog Post sidebar.



Post Categories Widget

  1. Go to Appearance > Widgets and look for Hostingpress Categories widget.



  2. Use that widget in Blog Post sidebar Widget. Provide the Title of widget
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your blog page sidebar.



Search Widget

  1. Go to Appearance > Widgets and look for Hostingpress Search widget.



  2. Use that widget in Blog post sidebar widget. Provide the Title of widget
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your blog page sidebar.



Post Tag Cloud Widget

  1. Go to Appearance > Widgets and look for Hostingpress Tags widget.



  2. Use that widget in Blog post sidebar widget. Provide the Title of widget
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your blog page sidebar.



Homepage theme option

  1. Go to Hostingpress Options -> Home
  2. Upload Logo for Header
  3. Upload Favicon for your web sites
  4. Enter Schedule Text to display on header




Contact page theme option

  1. Go to Hostingpress Options -> Contact Us
  2. Provide Address that you want to display on website
  3. Provide Email Address that you want to display on website
  4. Provide Phone No. that you want to display on website
  5. Provide Fax No. that you want to display on website




Configure the WHMCS panel details in WHMCS bridge setting.

  1. Go to Setting -> WHMCS Bridge -> Setting Tab
  2. Specify the WHMCS URL in "WHMCS URL" field
  3. Select the "Scope WHMCS Styles" field
  4. Select Wordpress from the "jQuery library" field
  5. Select Five from the "Template" field




Translating The Theme

This theme is translation ready but the support of RTL languages is not available for now.
  1. For translation to multiple languages you can use WPML Plugin

How to Modify Theme Options

This theme uses redux framework for theme options and related file reside in 'include > theme-option.php'

Now, you can consult redux framework documentation to learn about adding new sections and fields into theme options.

Hire Customization Services

If you need some additional features or want modification in existing theme features then you can contact us @ http://themedesigner.in/