How to build a One Page WordPress Site with Integral

Tutorial: How to build a One Page WordPress Site with Integral

We’ve written up a tutorial to show you how to build an elegant and professional one-page website in less than 1 hour with our popular Integral theme.

This tutorial is based off a video we created a little while back which you can view here or at the bottom of this tutorial.

If you don’t have a copy of Integral, you can download it here

If you’ve downloaded the theme and you’re ready, lets get started.

Step 1: Install WordPress

If you have not already installed WordPress on your hosting account, log into cPanel on your account, enter the necessary credentials and install WordPress.

You will be redirected to a confirmation page containing your new credentials and a link to the new add-on.

Step 2: Log into WordPress 

Log into your new WordPress account admin panel using the previously entered credentials on installation.

Step 3: Change Theme to Integral

From the dashboard, click “change your theme completely” or choose “Appearance” then “Themes” from the side bar menu.

This page displays the themes you have currently installed in your application. To add another theme, Integral, simply click the “Add New” button.

Step 4: Upload and Activate Integral Theme

  1. Upload and Installation: After choosing “Add New,” select the “Upload” button in the same location to upload the new theme.  Upload the zip file of the Integral theme and click “Install Now.”  This will then direct to a confirmation page where the option to Activate the theme becomes available.
  2. Activation: Click “Activate” and you will be redirected to the theme page where Integral is now activated on the dashboard.

Step 5: Install and Activate the Recommended Plugins

After theme Activation, WordPress will redirect to the Integral theme dashboard.  You will find recommended plugins for the theme under “Step 1 – Install Plugins”.

Install all plugins by choosing “Install Plugins Here” link that will redirect to the list of recommended plugins.  Select all by clicking the empty checkbox in the header, under “Install”, and click “Apply.”  The plugins will then be installed and activated, and you will be redirected to to a confirmation page.

Step 6: Configure the Homepage “One-Page Layout”

Return to the Integral theme dashboard by choosing “Appearance” on the sidebar menu, and clicking “Getting Started with Integral Theme.”  Refer to the instructions under “Step 2 – Configure Homepage” Layout.”

  1. Start by creating (or editing) a page under “Pages” then click “Add New”
  2. Give it a title and assign it the One-page Template under the Page Attributes section on the right-hand menu below Publish options.
  3. Go to “Settings” then “Reading” on the main side bar menu on the left.
  4. Set Front page displays to “A static page”. Then from the drop-down, select the page you just assigned the One-page Template as “Front page” and then choose another page as “Posts page” to serve your blog posts.

Step 7:  Configure the Top Menu

On the main menu, choose “Appearance” then “Menus” to configure the top menu.  Arrange and name menu items as preferred.  You can add or remove topics.

Right click on the website name on the top left corner to open a new tab and view the front-end of the website. This is useful so when you make changes in the back-end you can re-fresh the page to see them in real time.

Step 8:  Configure and Customize Theme Settings

Go to the Integral Options panel on the side menu. This is where you can configure theme settings and customize certain content.

Step 9:  Import Content to the Live Demo

Manually importing demo content from the live demo site: helps you see how to add your own content.  Start by configuring the top menu for each homepage section by choosing “Menus” under “Appearance” on the side bar.  Find Custom Links, and duplicate the demo headers by entering “#” plus their title in the “URL” section, and the title in “Link Text” then click “Add to Menu.”  You can preview your changes any time.

Step 10: Create Widgets for Features Section

Under the same “Appearance” section, choose “Widgets” and find the “Homepage Features Section.”  Drag the “Integral – Feature Widget” to that section and it will open up a menu.  Enter the required information as seen on the demo site.  Inspect the icon element to find the class description.  Upload the image and description and save.  Repeat steps to add more Feature Widgets.

Repeat this step to add the corresponding widgets to each section.  Add as many or as few widgets as needed.  You can preview your changes any time.

Step 11: Add Content

Now that you understand how to add the features and content to this theme, add original content to your sections.  Find “Pages” on the left hand menu, and choose “Add New.”  Fill in a title and body.  Depending on where you want the content, visit “Integral Options” then choose a section, like “Work Section” to place your content in that section, under the “Content” drop-down.  You also have the option to disable sections as needed.


Introducing Automatic Dashboard Updates For All Pro Themes

Today, we are very excited to announce a new feature that has been heavily requested by our clients for some time. All of our Pro themes now support seamless, automatic updates from within the WordPress Dashboard. From now on, you can update our themes just like you would any other theme that you have downloaded from the repository. Just click “update” and you’re done! No longer will you need to re-download and re-install our themes when a new version is released.

We understand the importance of keeping things up-to-date. To ensure security and compatibility, you should always be using the latest versions of your themes. For this reason, it is important for us to make the process of updating our themes as easy as possible. For developers especially, who manage many installations for their clients, keeping your customers updated will now be a breeze.

The two themes which currently support automatic updates are;

If you don’t have the latest versions; you will first need to update manually in order to begin benefiting from automatic updates. Follow these instructions to manually update your theme

Before you can enable automatic updates, you must first activate your license key. License key’s will be provided in all purchase receipts starting October 14th, 2016. We have also issues licenses for purchases made before October 14th, 2016. You can log into your Customer Dashboard to get your license key.


Once you log into your WordPress Dashboard you will notice a new menu has been added under APPEARANCE, entitled “Theme License”. Here you will need to input your License Key. Once filled in, click the “Save Changes” button. You can now update your theme when a new version has been released via the Dashboard > Updates page, or via the Appearances > Themes page.


If you haven’t upgraded yet, use coupon code THEMELY10 to save 10% when purchasing any of our Pro themes.



Novapress v1.0.3 Released

Today we released an update for Novapress – our viral news blog theme.

Novapress is a viral news blog/site theme inspired by Viral Nova and features a responsive grid layout, infinite scroll, Mailchimp forms support, Facebook comments support, social sharing buttons, social icons and 3 custom ad spots to monetize your site.

Version 1.0.3 fixes several issues.

See the list of changes below;

  • Re-enabled core customizer settings
  • Removed unneccessary comment-form.php file
  • Fixed incorrect use of wp_reset_query() in sticky.php
  • Added license info for stock images used in screenshot in readme.txt
  • Added license info for FontAwesome in readme.txt
  • Changed backward compatibility to 4.3 in readme.txt
  • Removed empty function in customizer.php
  • Updated header.php
  • Fixed function for including a custom sidebar in header.php and footer.php
  • Fixed unnamed function in template-tags.php
  • Fixed overflow issues in sidebar
  • Updated style.css
  • Updated /inc/customizer.php

To update your theme; log into your Customer Dashboard and download the theme.

Then follow these instructions,

Or, purchase Novapress today and save 10% with coupon code THEMELY10.


Integral Pro v1.2.6 Released

We have released an update to Integral Pro – our popular one-page business theme.

Version 1.2.6 fixes several bugs and includes some design adjustments.

See the list of changes below;

  • Fixed issue with homepage post thumbnails in /sections/blog.php
  • Updated the admin notice on theme installation
  • Updated button classes and styles
  • Updated style.css

To update your theme; log into your Customer Dashboard and download the theme.

Then follow these instructions,

If you are using the free version – Integral Lite – upgrade today and save 10% with coupon code THEMELY10.


Integral Pro v1.2.5 Released

Today we released an update to our popular one-page theme – Integral Pro.

Version 1.2.5 fixes a couple issues and includes several new features.

See the list of changes below;


# v1.2.5 – 09/12/2016

  • Added default header for homepage when One-page Layout is not configured
  • Added ability to toggle buttons on the default homepage header
  • Added customizer.php for settings for the default homepage header
  • Added seperate files for functions in /inc/
  • Added setting to toggle header and footer
  • Added img-responsive class to logo image
  • Added styles to limit width of logo on mobile devices
  • Added Youtube icon to contact section
  • Updated hero.php
  • Updated styles.css
  • Updated functions.php
  • Updated footer.php
  • Updated archive.php
  • Updated single projects widget to not display grey description section when no data is entered
  • Updated the contact section file and added custom class for margin
  • Fixed big and small title size on mobile devices
  • Fixed spelling errors in theme description and theme welcome
  • Fixed smooth scroll effect
  • Fixed issue with text alignment in master slider content section
  • Fixed issue with content appearing in contact section when none was selected

If you have already purchased Integral Pro; log into your Customer Dashboard to download the theme.

To update your theme; follow these instructions.

If you are using the free version – Integral Lite – upgrade today and save 10% with coupon code THEMELY10.


Novapress Pro v1.0.1 Released

Today we are releasing an update to our viral news blog theme – Novapress Pro.

Version 1.0.1 fixes a handful of bugs and includes one new feature.

See the list of changes below;


### 1.0.1 – 09/01/2016

  • Change name of theme from NovaPress to Novapress
  • Fixed missing prefixes from image names
  • Removed custom-header.php file
  • Removed unneccessary language files
  • Updated theme-welcome.php
  • Added customizer setting to change top header BG color

If you have already purchased Novapress Pro; log into your Customer Dashboard to download the theme.

To update your theme; follow these instructions


Integral Released on Official Themes Directory

We are happy to announce that our popular one-page Integral theme has been released on the official themes directory on

Since it’s release on August 9th it has racked up 1400+ downloads with a little over 27% in active installs; which is really quite impressive.

Integral is a simple yet elegant one-page business theme for professionals, agencies and medium to small sized businesses. It’s super easy to customize and allows you to create a stunning website in minutes.


Theme Options Panel
Easy-to-use theme options panel allows you to easily configure and customize your site.

Browser Compatibility
We made sure our themes are tested in all modern browsers.

Translation Ready
Translate the theme into the language of your choice.

Smooth Parallax Effect
Create memorable pages with smooth parallax effect that everyone loves.

Fully Responsive
Fluid, responsive layout, so your website will display perfectly across all devices.

Easy Customization
Change colors and fonts straight from the Theme Options. No more hassle editing code!

Newsletter Forms Supported
Easily integrates with services such as MailChimp and ConstantContact.

Contact Form 7 Supported
Comes packaged with and easily supports Contact Form 7 forms.

Woocommerce Compatible
Sell products with the highly popular Woocommerce plugin.

WordPress 4.0+ Ready
Tested with the latest stable version of WordPress.

Compare Lite vs Pro versions


We provide top-quality support for all our themes and average 3 hour response time. You can check out our dedicated support site for;

We’ve got our amazing support staff ready to help you!


We’ve received some really great feedback on Integral; a few you can read below.

I am loving this new Integral Pro theme. It is elegant and very easy to use. I spent over 2 hours trying to customize another theme and had to scrap it. I spent less than 30 minutes on this theme and it was fun. And the customer service has been fantastic!

Thank you for making it painless, pleasant and most of all hassle free! The theme is super easy to use and I was able to setup a professional looking website in less than 30 minutes.


Download the free version of Integral (Lite),

Or, upgrade to the Pro version for only $67,


Integral Pro v1.2.2 Released

Today we have released an update to the Pro version of Integral; our popular one-page business theme.

Integral is a powerful one page business theme for professionals, agencies and businesses. It’s strength lies in displaying content on a single page in a simple and elegant manner. It’s super easy to customize and allows you to create a stunning website in minutes.

Today’s release covers version 1.2.1 to 1.2.2 and includes several bug fixes & design and code improvements.


### 1.2.2 08/01/2016


  • Fixed issue with Single Projects widget add/edit gallery upload
  • Fixed the comment reply enqueue script for the comment function in functions.php
  • Removed unneccessary jQuery script
  • Updated the smooth scroll script
  • Updated theme description and tags
  • Changed px for % for section padding control in welcome section
  • Edited the /js/admin.js file to fix issue with image upload in several widgets

### 1.2.1 07/01/2016


  • Added support for 3 levels of sub-menu’s in style.css and header.php
  • Moved TGM Plugin Activation and Bootstrap Nav Walker files to /inc directory
  • Removed title tag code from header.php
  • Removed duplicate functions in functions.php
  • Moved several theme_support declarations into the theme_setup function in functions.php
  • Removed unused functions in functions.php
  • Removed comment reply script enqueue from header.php
  • Added support for Custom Logo function in header.php
  • Added support for the site tagline (description) in header.php
  • Removed logo.png file from /images directory
  • Fixed issue with the Create Gallery btn in single project widget file
  • Added styles to style.css
  • Updated the screenshot
  • Added default values for color fields in options.php
  • Added default value for contact text field (select page)
  • Added Linkedin field (link and icon) for team members
  • Added Instagram field (link and icon) for team members
  • Added Instagram field (link and icon) in contact section
  • Fixed notices in widget files (notice undefined index and notice undefined variable)
  • Fixed issue with inability to change btn text in Call-to-Action 2 section
  • Added the comment reply enqueue script for the comment function in functions.php

Video: How to create a Viral News site with Novapress Pro

We’ve created a video to show you how to create a viral news site/blog in less than 30 minutes with our Novapress Pro WordPress theme.

We start by showing you how to install WordPress, uploading the theme, configuring plugins and importing your content.

Novapress Pro is inspired by Viral Nova, the popular viral news site.


  • Responsive grid layout
  • infinite scroll
  • mailchimp forms
  • facebook comments
  • social sharing buttons
  • social icons
  • 3 custom ad spots to monetize your site


Introducing Novapress Pro – A Viral Nova Inspired WordPress Theme

Today we are proud to announce the release of our second WordPress theme.

NovaPress Pro is a powerful theme with a simple design inspired by Viral Nova, the popular viral news site.

It’s primary purpose is to provide a simple, elegant design with powerful features; for people looking to start their own viral news sites or blogs.

NovaPress includes the following features,

  • Responsive grid layout
  • Infinite scroll
  • Facebook comments
  • Social sharing buttons
  • Social network icons
  • 3 custom ad spots to monetize your blog
  • Mailchimp newsletter form integration
  • Menu icons
  • Simple and easy customization of colors using the Native WordPress Customizer

Installation is quick and easy and we provide the demo content.

Purchase and download NovaPress Pro for only $37 and start earning revenue.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match