Preloader

This section gives you the ability to control the preloader. The preloader will display a preload effect while the page is being loaded. Often this is used to help make the loading transition smoother.

General

Show
Set this option to “On” if you want to show the preloader.
Type
Set this option if you want an effect to happen before the preloader and then after the preloader. This adds a transition effect as the content appears on the page.
Background Color
Set the background color of the page for the preloader
Image
Select an image that you want to show on the page as it is preloading.
HTML
Optional. Add custom HTML including necessary CSS and JS. This will be placed below the image if added.
This can be used to display a spinning icon or any HTML of your choice.

Back to Top

This section gives you the ability to control all aspects of the Back to Top button. This button will allow the user to click and return to the top of the page.

General

Show
Set this option to “On” if you want to show the Back To Top button.
Show on Mobile
Set this option to “On” if you want to show the Back To Top button on mobile devices .
Background Color
Set a background color for the button.
Icon Color
Set the icon color for the button.
Icon
Set the icon to be used for the Back to Top button.
Select an Icon Source, then the Icon Type will be populated.
Border Radius
Set a value for the border radius of the button (50% will make the button a circle).
%, em, px – examples: 25% or 10em or 20px
Show Animation
Set the animation that happens when the button is shown.
Hide Animation
Set the animation that happens when the button is hidden.
Scroll Height
Set the amount of pixels srolled before the button is shown.

Position

Top
Set the number of pixels from the top that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Bottom
Set the number of pixels from the bottom that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Left
Set the number of pixels from the left that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Right
Set the number of pixels from the right that you want to place the button.
%, em, px – examples: 25% or 10em or 20px

Import / Export

This section gives you the ability to Import and Export your settings.

Import

Input your settings below and hit Import to restore your options from a backup. WARNING! This will overwrite all existing option values, please proceed with caution!
Data to Import
Select the exported data that you want to now import. The exported data needs to be placed in the theme’s “data” folder in order for it to be shown in the dropdown.
Options/Posts to Import from above export file
Select all options that you want to import.

Export

Here you can copy your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).
Export Options/Posts
Select all options that you want to export.

Translations

Translating Intensity works like most plugins and themes. Within the theme zip file, you will find a folder called languages. This folder contains a file (intensity.po) that contains all the words and phrases used by Intensity. It will also contain existing translations. If your language isn’t already included, it will need to be translated.

To begin translating, make a copy of the intensity.po file but with the following name format: intensity-language_country.po. For example, if translating Intensity into Italian, the filename would be intensity-it_IT.po. The languages folder would look something like this:

languages
|-intensity.po
|-intensity.mo
|-intensity-it_IT.po
|-intensity-it_IT.mo

The .mo files are compiled versions of the .po files. They will automatically be created during the translation process. Once you have the language specific file created, you can begin translating. There are several programs that can be used to translate. We recommend using Poedit. Poedit is available for Windows, Macintosh, and Linux and is FREE!

To use Poedit, open the language file you are going to translate. Go through the individual source text items translating each one. If you want to only translate certain portions, you can still use an incomplete translation. We recommend translating at least the portions that will be visible to the users of your site. Make sure to save when you are done.

Once done translating, consider submitting your translation to info@intensevisions.com so that it can be included within future releases. If you wish, we will also give you credit for translating. If you don’t want to submit your translation, make sure to back it up when updating the theme so that it doesn’t get removed by the update.

Each update to the theme may include changes to the translation text and may need additional translation.

Also, make sure to enable your language in WordPress. This is done in the wp-config.php. See http://codex.wordpress.org/Installing_WordPress_in_Your_Language.

Widgets

Widgets allow you to add customizable content to different sections of your website. Widgets can be added to sidebars. Typically, sidebars can be found on the right or left of your website. Intensity also defines a few other “sidebar” areas you can use to add widgets to your site. Some of these areas include the footer, header, and before or after the content of your page. Intensity lets you add an unlimited number of sidebars that can be customized on a per page basis as needed.

Widgets vs Sidebars

It is important to understand the difference between the widgets and sidebars.

Widgets are small blocks of content that can be added to the sidebars. WordPress comes with several built-in widgets such as: text block, archives, calendar, categories, meta, recent posts, etc. The widgets can be added to your sidebars on the Appearance Widgets page. The Intense plugin also comes bundled with several widgets such as: Ads, Facebook Page, Gallery, Snippet, Social Icons, Template, and Twitter. To use these widgets, they first need to be enabled in the Settings Intense Widgets settings tab.

Sidebars are areas on the website that hold widgets. Often sidebars are referred to as widget sections because they have been extended to appear in more areas than just the sidebars. Intensity includes several pre-defined widget sidebars. Generally you will add the widgets to these sidebars and they will appear throughout your site. You can also customize these on a per page basis by creating your own sidebar and using the meta options to set which sidebar will show instead of the default.

Sidebar Areas

Sidebar Description
Right The right most sidebar. It can be configured to appear on the right or the left of the screen but will always appear to the right of the left sidebar.
Left The left most sidebar. It can be configured to appear on the right or the left of the screen but will always appear to the left of the right sidebar.
Before Content This sidebar will show before the content of the page or post. It can be used for displaying ads, notices, or even creating entire pages.
After Content This sidebar will show after the content of the page or post. It can be used for displaying ads, notices, or even creating entire pages.
Header – 1 Some of the header templates allow for showing widgets. This sidebar will be the first within this type of header template.
Header – 2 Some of the header templates allow for showing widgets. This sidebar will be the second within this type of header template.
Header – 3 Some of the header templates allow for showing widgets. This sidebar will be the third within this type of header template.
Header – 4 Some of the header templates allow for showing widgets. This sidebar will be the fourth within this type of header template.
Footer – 1 Some of the footer templates allow for showing widgets. This sidebar will be the first within this type of footer template.
Footer – 2 Some of the footer templates allow for showing widgets. This sidebar will be the second within this type of footer template.
Footer – 3 Some of the footer templates allow for showing widgets. This sidebar will be the third within this type of footer template.
Footer – 4 Some of the footer templates allow for showing widgets. This sidebar will be the fourth within this type of footer template.
Error 404 – 1 The 404 error page allows for showing widgets. This can often be useful for making better use of your error page to capture the attention of your users. This is the first sidebar that will show on the error page.
Error 404 – 2 The 404 error page allows for showing widgets. This can often be useful for making better use of your error page to capture the attention of your users. This is the second sidebar that will show on the error page.
Error 404 – 3 The 404 error page allows for showing widgets. This can often be useful for making better use of your error page to capture the attention of your users. This is the third sidebar that will show on the error page.
Error 404 – 4 The 404 error page allows for showing widgets. This can often be useful for making better use of your error page to capture the attention of your users. This is the fourth sidebar that will show on the error page.

Creating Sidebars

If you want to create a different sidebar on a specific page or post, you can easily do so using the SMK Sidebar Generator plugin that is included with Intensity. Sidebars are created on the Appearance Sidebar Generator page. After they are created and you have added widgets to them, you can set the new sidebars to show within the Sidebar Options Tab or within the page/post meta options.

Templates

What Are Intense Templates?

Intense templates allow you to override the layout of a shortcode. If you don’t like the way the shortcode looks, you can change the html markup to suit your needs. Not all shortcodes are templated but most of the shortcodes with a lot of html are. If you are happy with the default look, there is no need to change the templates.

Where Are They?

Intense templates can exist in three different locations:

  • The Intense plugin – in the templates folder within the plugin’s main folder. THESE SHOULD NEVER BE CHANGED
  • The theme – in the intense_templates folder within the theme’s main folder.
  • The child theme – in the intense_templates folder within the child theme’s main folder.

The plugin will look for templates in the following order: the child theme, the theme, the plugin.

The download for this plugin includes a folder intense_templates which is a copy of the default templates found in the plugin folder.

How Do I Change Them?

To change the templates, copy the folder from the download to your child theme’s or theme’s main folder. At that point, you can edit the files and the plugin will use your edited version instead of the default version.

Can I Add My Own?

One way to add templates is through the templates admin page. You can add templates like you would any regular post or page. To do this, you will need to use the Post Fields shortcode. This shortcode allows you to add the fields to be displayed in the template. When the template is run, the shortcodes will know to find the appropriate fields for each post.
*Click the above image to view an example template setup to be used for the Book Custom Post Type.
You can add your own template file within the template folders. The file should include a header in the following format:
<?php
/*
Intense Template Name: [YOUR TEMPLATE NAME HERE]
*/

Templates Custom Post Type

If you are looking for information on the Templates Custom Post Type, please look in the Custom Post Types or click here.

What If I Need to Upgrade My Theme?

When you upgrade the Intensity theme, it is best to backup the template folder to a safe location. After upgrading, put your template files back into the theme from your backup. We strongly suggest using a child theme so that you do not have to worry about the templates folder being overwritten and your changes being lost.

Which Templates Are Available By Default?

Nearly all of the Custom Post Types that are included in Intense have templates available by default. You can also template metadata (author, date, and comments shown for posts in intense post shortcodes), pricing tables, recent posts, and testimonies to name a few.

Intensity includes a bunch of additional templates for the above mentioned Custom Post Types as well as a number of additional template-able items. These additional items include the header, footer, title bar, search, secondary header, and secondary footer. Intensity includes a number of templates for these items already, but we make it easy for you to add your own, or modify one of our existing ones.

Some Additional Information About Templates

[intense_custom_post] (including [intense_blog] & [intense_portfolio])

The templates for this shortcode are found under the custom-post directory. Standard post templates are under the post directory within the custom-post directory. Portfolio templates are found under the intense_portfolio directory. If you want to add your own templates for custom post types, create a directory under the custom-post directory with a name that matches the custom post type name. If there aren’t templates for a given custom post type, the default post templates will be used. The list below shows only some of the included templates that are available with the Intensity theme and the Intense plugin.

NOTE: Timeline templates must have timeline in their file name.

templates
|-custom-post
|–intense_portfolio
|—–four_text.php
|—–one.php
|—–one_text_left.php
|—–one_text_right.php
|—–three_text.php
|—–timeline.php
|—–timeline_text_left.php
|—–timeline_text_only.php
|—–timeline_text_right.php
|—–two_text.php
|–post
|—–four.php
|—–four_text.php
|—–one.php
|—–one_text_left.php
|—–one_text_right.php
|—–three.php
|—–three_text.php
|—–timeline.php
|—–timeline_text_left.php
|—–timeline_text_only.php
|—–timeline_text_right.php
|—–two.php
|—–two_text.php
|–some_other_custom_post_type
|—–your_own_template.php

The following data is available to the custom post templates:

global $post, $intense_custom_post;
———
$intense_custom_post
(
    [plugin_layout_style] => the padding and margin styles defined in the plugin options
    [cancel_plugin_layout_style] => 0 margin and padding used to cancel out plugin layout style
    [template] => template name
    [categories] => comma separated list of categories
    [post_type] => the post type to show
    [taxonomy] => the taxonomy of the posts
    [posts_per_page] => number of posts to show on a single page
    [image_shadow] => shadow to show on the post featured image
    [hover_effect] => hover effect of the featured image
    [show_all] => show all posts
    [show_filter] => show filter at top of post list
    [show_images] => show featured images
    [show_missing_image] => show missing image if no featured image has been set
    [timeline_mode] => timeline mode: center, left, right, dual
    [timeline_order] => order to the timeline events: asc, desc
    [timeline_showyear] => show the year separator
    [timeline_readmore] => text for read more link
    [timeline_color] => color of the timeline event
    [filter_easing] => easing when items filtered
    [filter_effects] => easing effect for filtered items
    [hover_effect_color] => color for image hover
    [hover_effect_opacity] => opacity for image hover
    [sticky_mode] => how to show sticky posts: top, inline, ignore
    [post_image_shadow] => defined in meta box
    [hovereffect] => defined in meta box
    [hovereffectcolor] => defined in meta box
    [hovereffectopacity] => defined in meta box
    [index] => index number of post in loop
    [edit_link] =>  html markup for post edit link
    [post_classes] => extra classes used for filtering and item setup
    [rtl] => rtl mode setting
)

Icons

There are thousands of default icons to choose from. Intense includes over 4,500 icons that are all in zip files. Some of our demos include their own additional icon zip files. The current list of available icons can be seen by looking at the Intense plugin site, on the Icon shortcode page.

Adding Your Own Icons

You can add your own icons by creating an intense_icons folder within Intensity or a child theme. Inside of that folder, create another folder and place your icons inside of it. Here is an example of what the folder structure should look like.

theme/
  intense_icons/
    my-icons/
      myicon.svg
      anothericon.svg

If the icons are designed to be one color, you may need to manually remove the fill color from the individual SVG files. This will let you set the color using the shortcode. For multicolored icons, this isn’t necessary since you will want the fill color of the icon.

There is also a pack.json file that you can put in the folder with the icons to add more details about the icons. This isn’t necessary but, if you are curious, look at the example pack.json code below. This pack.json file is from the Font Awesome icon folder.

{
    “title”: “Font Awesome”,
    “name”: “font-awesome”,
    “author”: “Dave Gandy”,
    “license”: {
        “type”: “SIL OFL 1.1”,
        “url”: “http:\/\/scripts.sil.org\/OFL”
    },
    “website”: “http:\/\/fortawesome.github.io\/Font-Awesome\/”,
    “source”: “http:\/\/fortawesome.github.io\/Font-Awesome\/”
}

Pages

Hover over Pages in the admin sidebar and click the Add New option or navigate to Pages in your admin sidebar and click the Add New option.
Input a new name for your page, then find the Page Attributes box on right side.
Set your Parent page. It’s usually set to No Parent.
Set your page template from the Template dropdown list. See list of page templates below.
Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them.

Page Sections

Shortcodes – Access the Shortcodes dialog to insert shortcodes.
Snippets – Access the Snippets dialog to insert snippets.
Page Attributes – Set your Parent page and Template. The Parent is usually set to “(no parent)” and the template is normally set to “Default Template”.
Post Options – This section allows you to control much of the layout of your page. Set portions of your page pertaining to layout, header, footer, title bar, sidebars, background, and post/page specific code.
Featured Media – Add a gallery to your page and set the options or add audio or video for the featured item as well. These settings are typically used on Posts, but can also be used on Pages.

Post Options Metabox

The Post Options metabox controls a number of aspects on your page/post. You can control the layout, header, title, footer, sidebars, background, and any post/page specific code.

Header

Header Display Mode
Static - stays at the top of the page and not the viewport. When scrolled, the header may be scrolled out of view.
Fixed - keeps the header fixed to the top of the screen. When scrolled, the header will not move but will remain visible.
Show/Hide - hides the header when scrolling down. Show the header when the user scrolls up.
Shrink - shrinks the header and keeps it visible on the screen as the user scrolls.
Custom - like the show/hide option but you set your own custom CSS classes to apply instead of hiding and showing.
Header Template
Select the template that you want this page to use for the header. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options.
Secondary Header Template
Select the template that you want this page to use for the secondary header. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options.
Header Menu
Select the menu that you want this page to use. If you chose "Use Default", the default menu will be used. This "Default" menu can be set in the Intensity theme options.
Secondary Header Menu
Select the secondary header menu that you want this page to use. If you chose "Use Default", the default menu will be used. This "Default" menu can be set in the Intensity theme options.
Header Sidebar 1
Set the Sidebar to be used.
Header Sidebar 2
Set the Sidebar to be used.
Header Sidebar 3
Set the Sidebar to be used.
Header Sidebar 4
Set the Sidebar to be used.
Secondary Header Sidebar 1
Set the Sidebar to be used.
Secondary Header Sidebar 2
Set the Sidebar to be used.
Secondary Header Sidebar 3
Set the Sidebar to be used.
Secondary Header Sidebar 4
Set the Sidebar to be used.

Title

Show Main Title
Select whether you want the main title to show or not. This is the "Title" section, found just below the menu. If you chose "Use Default", this option is set in the Intensity theme options.
Title Template
Select the template that you want this page to use for the title. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options. The "title" will only be shown if the "Show Main Title" option on the Layout tab is set to "Show" or the default is to show the title.
Title Text
Set the text to be shown in the Title, the default will be to show the page/post title.
Title Sidebar 1
Set the Sidebar to be used.
Title Sidebar 2
Set the Sidebar to be used.
Title Sidebar 3
Set the Sidebar to be used.
Title Sidebar 4
Set the Sidebar to be used.

Body

Content Position
Select whether you want the content of your page to be behind the menu or below the menu. Your options are "Top, behind menu" or "Below menu".
Padding Top
Set this option to add a top padding (measured in pixels) to the main content area.
Padding Bottom
Set this option to add a bottom padding (measured in pixels) to the main content area.

Footer

Footer Template
Select the template that you want this page to use for the footer. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options.
Show Primary Footer
Select whether you want the primary footer to be shown on the page or not. Your options are "Use Default", "Show", or "Hide".
Show Secondary Footer
Select whether you want the secondary footer to be shown on the page or not. Your options are "Use Default", "Show", or "Hide".
Footer Menu
Select the footer menu that you want this page to use. If you chose "Use Default", the default menu will be used. This "Default" menu can be set in the Intensity theme options.
Footer Sidebar 1
Set the Sidebar to be used.
Footer Sidebar 2
Set the Sidebar to be used.
Footer Sidebar 3
Set the Sidebar to be used.
Footer Sidebar 4
Set the Sidebar to be used.
Secondary Footer Sidebar 1
Set the Sidebar to be used.
Secondary Footer Sidebar 2
Set the Sidebar to be used.
Secondary Footer Sidebar 3
Set the Sidebar to be used.
Secondary Footer Sidebar 4
Set the Sidebar to be used.

Sidebars

Layout
Select the layout for the sidebars that you want the page to use. Your options are "Use Default", "1 Column", "2 Column Left", "2 Column Right", "3 Column Middle", "3 Column Left", "3 Column Right".
Left
Set the sidebar that you want on the left.
Right
Set the sidebar that you want on the right.
Before Content
Set the sidebar that you want to show before the content.
After Content
Set the sidebar that you want to show after the content.

Background

Color
Select the color that you want to be used for the background of the page.
Image
If you want an image as the background of the page, select the image.
Image Mode
If you selected an image as the background, set the image mode for that image here. Your choices are "Full Screen", "Repeat", "Repeat Horizontally", "Repeat Vertically", or "No Repeat".

Comments

Show Comments
Select whether you want the page/post comments to show or not.
Template
Select the template that you want this page to use for the comments.

Extras

Show Preloader
Select whether you want the preloader to show or not during page load. If you chose "Use Default", this option is set in the Intensity theme options.
CSS Code
If you have page specific CSS, it can be placed here. You do not need to include style tags.
Closing </head> Code
Custom code to add before the closing </head> tag. It will be added as-is and should include any necessary script or html tags.
Closing </body> Code
Custom code to add before the closing </body> tag. It will be added as-is and should include any necessary script or html tags.

Featured Media Metabox

The Featured Media metabox allows you to set the featured media to be shown on the page and also how the media is shown.

Gallery

Featured Gallery
Click the "Add to gallery" button to view the media popup. Select the images that you want to be shown in the gallery. Hit the "Select" button once you have the image(s) selected. If you want to remove an image, hover over the image and click the "X".

Gallery Image Options

Image Type
Select the template that you want this page to use for the header. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options.
Shadow
Select the template that you want this page to use for the title. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options. The "title" will only be shown if the "Show Main Title" option on the Layout tab is set to "Show" or the default is to show the title.
Hover Effect Type
Select the template that you want this page to use for the footer. If you chose "Use Default", the default template will be used. This "Default Template" can be set in the Intensity theme options.
Subtle Hover Effect
Select whether you want the primary footer to be shown on the page or not. Your options are "Use Default", "Show", or "Hide".
Effeckt Hover Effect
Select whether you want the primary footer to be shown on the page or not. Your options are "Use Default", "Show", or "Hide".
Caman Effect

*Only visible for Image Type of "Caman".

Start Effect

*Only visible for Image Type of "Adipoli".

Hover Effect

*Only visible for Image Type of "Adipoli".

Splits

*Only visible for Image Type of "Picstrip".

Horizontal Gutter

*Only visible for Image Type of "Picstrip".

Vertical Gutter

*Only visible for Image Type of "Picstrip".

Audio

Audio URL
Enter the URL to the audio file.

Video

Type
Select the type of video. Your options are "WordPress", "Blip.tv", "College Humor", "Flickr", "FunnyOrDie.com", "Hulu", "Qik", "Revision3", "Screenr", "Ted", "Viddler", "Vimeo", "WordPress.tv", or "Youtube".
Video Size
Set the size of the video. Your options are "Auto", "Wide (16:9)", "Standard (4:3)", or "Square (1:1)".
Poster Image
Select an image to be used as the Poster Image. This image will displayed prior to the video starting.
MP4 Video
Select an MP4 video from your media library.
*Only visible for Type of "WordPress".
OGV Video
Select an OGV video from your media library.
*Only visible for Type of "WordPress".
WebM Video
Select an WebM video from your media library.
*Only visible for Type of "WordPress".
Video URL
Set the URL to the video.
*Visible for all Types aside from "WordPress".

Color

Color
Set the color that you want to be used in place of media.

Installing WordPress

Intensity requires a working version of WordPress – which can be installed in multiple ways. Check with your hosting provider to make sure you meet the minimum requirements. Often hosting providers will have tools that make installing WordPress a matter of just a few clicks. Check with your hosting company to see if this is an option available to you. If you are looking for hosting, check out our list of recommended hosting companies.

If you need help installing WordPress, there are step-by-step instructions found within the WordPress Codex.

The following video created by Woo Themes walks through the installation process.

Requirements

The Intensity theme is made to work with WordPress 3.5 or newer, PHP 5.6 or newer, and MySQL 5 or newer. However, we recommend you follow the requirements listed for WordPress.

PHP Configuration

Many issues can be caused by PHP configuration settings that are too low. Issues such as: having problems uploading or installing files, experiencing a white screen when trying to access your site, mysteriously losing menu items when editing large menus, etc. can all be related to PHP configuration settings.

Recommended Settings
max_execution_time180
memory_limit128M
post_max_size32M
upload_max_filesize32M

If you are unsure how to change these settings yourself, your hosting company can help. You can see what your current settings are by using the following plugin:

https://wordpress.org/plugins/wordpress-php-info/