Documentation


Overview

Thank you for purchasing Impulse Press!

Impulse Press is WordPress starter theme based on Twitter Bootstrap. Here you will find instructions for installation and customization of the theme.


Installation - Top

Creating a Child Theme

Creating a Theme with ImpulsePress is rather straightforward. We recommend that a child theme is created, so that Theme updates don't affect your website. Information about creating child themes with WordPress can be found here.
  • Make an installation of WordPress and set it up. Version 4.0 of WordPress is used in this tutorial
  • Create a directory under the themes directory of your WordPress installation and call it 'impulsepress-child'
  • Create a style.css file in the root directory of your child theme. Here's an example:
  • Go to to the administration page of your site and select Appearance->Themes. Activate your child theme.
/*
                 Theme Name:   Impulse Press Child
                 Theme URI:    http://www.twoimpulse.com/support/impulse-press
                 Description:  Impulse Press Child Theme
                 Author:       Two Impulse
                 Author URI:   http://www.twoimpulse.com
                 Template:     impulsepress
                 Version:      1.0.0
                 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
                 Text Domain:  impulsepress-child
                */

                @import url("../impulsepress/style.css");

                /* =Theme customization starts here
                -------------------------------------------------------------- */

Importing Sample Content

To have an overview on how the theme works and the page templates look like, we suggest that import the demo content. In the Impulse Press theme directory, you will find a directory called "demo-content"
  • Go to the administration part and select Tools->Import
  • Install and activate the WordPress Importer plugin

import content

  • Click on "Browse" and select the impulsepress1.4democontent.xml file from the "demo-content" directory. Click "Upload File and Import". On the next page select the user you would like to assign to your posts as an author and click submit. This will import some demo content.
  • Click on the "Pages" on the administration. You will see many pages that demonstrate the use of all the page templates and other features of Impulse Press.

sample pages

  • Now we are going to import some widget content. To do this, you need to install and activate the Widget Importer and Exporter Plugin
  • Go to Tools->Widget Importer & Exporter. Click "Choose File" and select the impulsepress-wordpress-widgets file from the demo content directory. Click "Import Widgets". Some sample content for the Theme's widgets will be imported.
  • Select Tools->Reading. Select "A static page", "Home Slider" as the front page and "Blog" as the post page. Click "Save Changes".

setting default pages

  • Got Appearance -> Menus. Click the "Manage Locations" on the top. Select "Menu" for the Top Menu and "Footer Menu" for the Footer Menu. Press "Save Changes".

menu select

  • Go to Appearance - Widgets. Open the "Hero Landing" widget on the right and remove all the widgets, except for the last one ("Text").

  • Now we are going to import the Revolution Slider content. To do this, you need to install and activate the Revolution Slider Plugin
  • Unzip slider-revolution-responsive-wordpress.zip from Impulse Press Package, go to Plugins->Add New. Click "Upload plugin", select revslider.zip and upload it.
  • Activate the plugin and go to plugin page, click on "Import Slider" and browse to the demo content directory and select slider-impulse-press.zip.

The Homepage Templates - Top

Impulse Press comes with a set of templates for basic pages and home pages. In this section we will show how to use them. The home page templates are built using WordPress widgets and have no "content". The real content is inside the widgets. We provide some examples, but you can customize and enter any type of content.

Home Slider

The "Home Slider" page template contains one widget on the top: the "Hero Slider". In the example content, we added the Revolution Slider widget. Below the top widget, there are three widgets in three columns "Main One", "Main Two" and "Main Three". home slider

Below the three main widgets, there are three "Featurette widgets". You can edit them on widgets "Featurette One", "Featurette Two" and "Featurette Three".

home-slider-featurettes

Home Jumbotron

The "Home Jumbotron" template contains a widget on the top: the "Hero Jumbotron" widget. We added a Bootstrap Jumbotron as a demonstration. Below that, the "Main 1", "Main 2" and "Main 3" widgets are place in three columns, like in the previous page template.

home jumbotron

Home Parallax

This page template allows you to add background images to the sections, and add a parallax effect to them. The template also contains a widget on the top: the "Home Parallax" widget. Below, the "Main 1", "Main 2" and "Main 3" widgets are placed.

home parallax

Below the three main widgets, there is the "Home Gallery" widget. As a demonstration, we added a Bootstrap carousel, but you could put any content there. Below the gallery, there are four widgets: "Sections" - taking the full width of the page - and three widgets in three columns: "Section 1", "Section 2" and "Section 3".

sections parallax

Adding background Pictures and Configuring the parallax effects

The home parallax template allows you to add a background picture to each one of the template's divs. You can also configure the parallax effect speed.

config parallax


The Portfolio Galleries- Top

Isotope Gallery

Impulse Press comes with a Project post type that allows you to showcase your Portfolio. Create a Page and select the page template "Portfolio Page", click save and then it will show the options to display the portolio. Select one of the options: One Column, Two Column or Three Column. Now you have created the page you have to create the portfolio entries, you need to go to your administration area and select "Projects" from you menu. In this page, you will se a list of post of the "Project" type. Each post will correspond to an entry in your portfolio.

projects

In the post edit screen, you can set the featured image and assign tags to your post.

home parallax

Your projects will appear organized by tag, each one showing the featured image.

home parallax


Masonry Gallery

Create a page and click "add media". Create Gallery and select or upload your photos, then click on bottom right "create a new gallery".

home parallax

In the right sidebar you the options to choose the link, number of columns and the random order.

home parallax

Save changes and it's done.


The Boostrap Shortcodes - Top

Impulse Press comes with support for shortcodes for Twitter Bootstrap layouts, components and javascript. Using the shortcodes for Bootstrap components is very simple. After activating the Impulse Press theme, you will see the icon in the WordPress post editor bar. If you click the arrow, you will see a list of the available shortcodes.

shortcodes

Impulse Press provides shortcodes for many Twitter Bootstrap features and components like the layout grid, alerts, buttons, glyphicons, etc. The Impulse Press DEMO website showcases most of them.


The Impulse Press Options - Top

Impulse Press has many options for customizing your theme and a powerful options panel that you can use to configure your theme. This framework is easily extendable so that you can easily add options to your theme.


General Options

In the general options tab, you can configure the logo of your login window, your favicon and to enable or disable breadcrumbs for your whole site.

Impulse Press Options Panel

Header Options

In the header options section, you can configure whether the navbar is fixed, your website logo, enable or disable the search bar and social icons on your top navigation bar.

ip-header-options

Footer Options

Similarly to the header options, you can enable or disable the displaying of the social icons on your footer. You can also add a custom Copyright and "Powered By" text.

ip-footer-options

Styling

Impulse Press allows you to customize the look and feel of your theme completely. You can include your own CSS theme in a directory (css-themes). Choose the Google font to use on your website.

ip-styling-options

Blog

In the blog options, you can choose to display the blog metadata or not. You can also customize the text of the "read more" button.

ip-blog-options

Social

In this section, you can configure the links to various social media accounts.

ip-social-options

Tracking

Here you can enter your custom tracking code for Google Analytics for example.

ip-tracking-options

Options Backup

This feature allows you to backup your options to a file.

ip-backup-options

Support - Top

You can get support from the Impulse Press support site


Thank you again for your purchase and feel free to contact us with questions regarding the theme.

Author - Two Impulse


Back To Top