Professional Responsive Premium WordPress Themes 

If this is your first WordPress theme, this section will walk you through the steps necessary to install iFeature 3.

First login to WordPress. Typically located at yourdomain.com/wp-admin

Once logged in press the "Appearance" tab in the left-hand menu of the WP-Admin Dashboard and press "Themes". Then press the "Install Themes" tab at the top of the page.

Next, press the "Upload" tab and press the "Choose File" button and browse to the location where you downloaded ifeature.zip (if you purchased a bundle you must first unzip that package). Once the file has been selected, press the "Install Now" button. Once the theme has been uploaded, and installed, simply "Activate" the theme and you are ready to begin using iFeature.

You can also press the "Search" tab and search for iFeature 3, which will allow you to install the theme without downloading a zip.

Permalink

You have two different options for setting up your home page in iFeature. Your home page can either be a list of your blog posts (which is the default setting), or a static page where you can add your own page content and Elements using our iFeature Page Options.

If you want to continue using your home page as your blog post index, you do not need to do anything. If you would like to have static content on your home page, you need to create a page in your WordPress install to use as your home page. If you would like to have a blog page as well, you need to also create a page for your blog.

Once you have created your page(s), visit the "Readings Settings" under the "Settings" tab in the WP-Admin menu. You will see that the "front page displays" option is set to "Your Latest Posts" by default. Change it to "A static page" and select the page you want to use for your home page and your posts page (if you want to have one). Save your changes and your new home page is ready to go.

Permalink

For complete control over iFeature's iMenu, we highly recommend using the WordPress menu system. By default, any page you make becomes a link in the menu. However, when you create a custom menu you need to manually update your menu for greater control. iFeature has two custom menu locations, header for the top navigation, and footer for the secondary footer menu.

To begin creating your own custom menu, visit Appearance > Menus while logged into your WP admin. Assign a name for your menu (navigation for example) and begin adding your menu items by using the options available to you in the left-hand menu. You can either make your own custom links by entering in the URL and the Label (the text that will actually show up in the menu), or by selecting and adding currently existing pages, posts or category and tag archives.

You may then drag and drop each item to re-order them, or to create your own custom dropdown menus by dragging pages under a parent page and nested them offset to the right. Once you are done creating your menu, select it from the Header Menu dropdown list and press Save Menu. Now your new custom menu will appear in your iMenu.

Permalink

WIDGETS

iFeature offers several Widgetized areas using WordPressʼs built-in Widget dashboard. iFeature offers Sidebar Widgets, and Footer Widgets.

To make changes to Widgets go to the Appearance tab in WP-Admin, and select “Widgets”.

Grab the widgets you wish to use into the designated area to the right within the Widgets dashboard.

Sidebar Widgets

Sidebar Widgets supports multiple Widgets, simply drag and drop them in the order you would like and they will display on sidebar section of your website (see image to the right).

Footer Widgets

The Footer also uses Widgets, and supports up to 4 widgets that are displayed horizontally left-to-right. Simply drag and drop them in the order you would like and they will display in Widgetized Footer area of your website.

Permalink

Here we will provide a step-by-step guide for using the iFeature Slider. The iFeature Slider is used to display featured site content at the top of your homepage and is controlled using posts. To begin using the iFeature Slider you can either create a new post or edit an existing post that you would like to be a slide.

Once you have your post content ready, the first step is to make sure that your post is published under the proper category. By default the iFeature Slider pulls from all categories, so if you want to use it in this way you are ready to move on to the next step. If you have assigned a specific category in the iFeature Slider Settings (for example: featured), then you must place the post in this category. If you need to create this category, press the “add new category” button under the “Categories” menu on the right-hand side of the post edit page, type the name you have specified, and press enter.

Next you must tell the iFeature Slider where to pull the image to be displayed. To do this you will use the iFeature Slider Options box which can be found below the post window.

To add an image to your featured slide, use the image uploader to browse and select your image. Then simply update (or publish if it is a new post) and you will see a thumbnail of the image you uploaded. If you wish to change the image, simply delete and upload a new one (the default image size is 640px by 330px).

The iFeature Slider also allows for custom text to be displayed below the post title. To use this, enter your custom text into the text input field and update or publish your post. This section is optional, so if you do not wish to use custom text simply leave this text field blank.

Slides are ordered chronologically by the post date of the posts. The newest post will display first. Below is an image representing what a post page should look like to utilize all the slider options available. The post title becomes the title of the slide, the uploaded image will display in the slide itself, and the custom text will display below the title if used. If you are using a specific category for your slider, do not forget to place your post under that category.

Permalink

Overview:

iFeature uses powerful page options giving you control over the look and feel of your page, which are laid out in easy to follow tabs. The first tab includes our new Drag and Drop Page Elements, which allows you control what page elements appear on your page and the order that they are seen in. Below you will find a detailed outline of each of the options available to you in the iFeature 3 Page Options. For more detailed instructions on using the Drag and Drop Page Elements, visit the following documentation page.

Twitterbar Section Options:

The Twitterbar Options Tab is where you enter the Twitter handle you would like to use with the Twitterbar Section (if enabled on the page).

Twitter Handle: Enter the Twitter handle you would like

 SEO Options

The SEO Options tab gives you the ability to add META descriptions for title, description, and keywords to each individual page. This allows search engines to more accurately index your content, which helps improve your search rankings. Below are the explanations for each option in the SEO Options tab.

Title - Use this text input field to enter your META title. Keep it short and relative to your content.

Description - Use this text box to enter your META description here. The description can be longer than the title, but it is still recommended to keep it short and relative to your content.

Keywords - Use this text input field to enter your META keywords, separated by commas. You may enter as many as you like, but it is important that they are relevant to your content.

Permalink

Overview:

With iFeature we have introduced a powerful new tool called Drag and Drop Page Elements which allows you to drag, drop and re-order the Elements you wish to use on your page. These options are set on a per-page basis, giving you complete control over the look and feel of every page on your website.

To use this tool, simply click on the element, hold your mouse or trackpad button, and drag the element over from the inactive elements column to the active elements column, and vice versa (you can also click the minus button to remove an active element). Once you have the elements you wish to use in the Active Elements column, click and hold down again and drag the elements above or below each other until you achieve the desired order.

Once you enable the Elements you want to use on your page, the various options tabs will allow you to set specific settings to each of those elements. For more information about using the Page Element options, visit our Page Options documentation page here.

A video tutorial for using the Drag and Drop Page Elements is coming soon!

Permalink

To customize your install of iFeature, select “iFeature Options” under the Appearance tab in the left-hand menu of WP-Admin. Here you will find four different option tabs:  Design, Header, Blog, Footer, and Import/Export. Simply select the settings tab you wish to edit.

Within each option tab are sub-sections that contain specific groups of options. For example, "Design" includes "Typography", "Background", "Custom Colors", and "Custom CSS". Some tabs also include options that don't fall under a sub-section, such as the "Color Scheme" option in the "Design" tab.

When you are done making your changes, press the "Save Options" button in the top-right corner of the options panel. If at any time you wish to revert to the default settings, press the "Restore Defaults" button in the bottom-left corner of the options panel.

At the top of the options panel you will find helpful links to our documentation, support forum, and social media profiles. Please visit these links for more information and to stay up to date on the latest CyberChimps news.

Permalink

Overview:

The design options tab allows you to control the look and feel of iFeature 3, including fonts and background colors. These powerful options allow you to make a wide variety of design choices, so continue reading below to learn more.

Responsive Design

Use this option to enable or disable the use of iFeature's Responsive Design. It is on by default.

Select a Color Scheme

iFeature 3 includes two different color scheme options which change the color of the iMenu and the link color throughout the theme. These colors are:Grey (default), and Green.

Typography:

Choose A Font

Select the font you would like to use from the drop down menu. The default font is Arial, and you have a choice between a number of standard web fonts and Google fonts.

Background:

Select a Background

iFeature offers three unique background choices. Simply select the image that represents the background you wish to use, and it will be applied when you save your settings.

Custom Background

If you wish to use your own custom background image or a standard color, turn the "Custom Background" option to "On". The following background options will appear when this option is enabled.

Background Image

Use this image uploader to upload your own custom background image.

Select the Image Position

Select from either "Left", "Center", or "Right" to choose the position of your custom background image.

Select the Image Repeat

Use these options to control how the image is repeated. You can select Tile Horizontally, Tile Vertically, Tile (which repeats both Horizontally and Vertically) or No Tile which will not repeat the image.

Select the Image Attachment

Choose between "Scroll" and "Fixed". A fixed background means that the background image will never move as you scroll down the page, whereas a scroll background will move as you scroll down the page.

Select a Background Color

If you would rather use a standard color as your website background, use the color picker to select the color you want to use.

Custom Colors:

Site Title Color

Use the color picker to change the name of the site color in the header.

Site Description Color

If you have the site description (tagline) enabled and wish to change the color, use this color picker to do so.

Permalink

Overview:

This options tab controls all aspects related to the header.  Continue reading below to learn more.

Drag and Drop Elements

iFeature offers complete control over the look and feel of your header. Simply hold down on your mouse or trackpad button and drop and drop the elements you want to use into the Active column. You can also re-order the elements within the active column to change the order in which they appear.

Header Options:

Custom Logo

Use the image uploader to upload a custom logo for the header. You can also enter the link to your custom logo if you've already uploaded it to the Media section of WP-Admin.

Header Contact Area

Use the toggle switch to enable or disable the Header Contact Area. When enabled, a text area will appear where you can enter a custom contact message (such as a phone number) which will be displayed in the top right hand corner of your websiteʼs header. HTML can be used here.

Site Description

Toggle this option if you wish to enable the site description (tagline) in your header.

Social Icon Margin Top

Use this option to change the position that the social icons appear on the screen. For example, if you upload a full-width logo banner image and would like to push the icons below the image, enter a greater value in the text box until it is positioned to your liking.

Custom Favicon

Use the image uploader to upload a custom favicon for the header. You can also enter the link to your custom favicon if you've already uploaded it to the Media section of WP-Admin. A favicon is a 16 pixel by 16 pixel image which appears next the URL in most web browsers. If you need help generating a favicon, we recommend a website like http://favicon-generator.org/.

Breadcrumbs

Toggle this on or off to show or hide the breadcrumb navigation links that appear on single post pages, pages, archives, etc. These links are on by default.

iMenu Options:

Choose a Menu Font

This option allows you to select a font to use in your iMenu. The default font is Arial, but you also have a choice between a variety of standard and Google Web fonts.

Home Icon

If you wish to disable the Home Icon in your iMenu, toggle this option to "Off".

Search Bar

If you wish to disable the Search Bar in your iMenu, toggle this option to "Off".

Social Options

Icon Set

Use this option to select from three different styles of social icons. Simply select the image that represents the icon set you want to use and it will be applied when you save your settings.

Twitter Icon URL

Toggle the On/Off switch to enable or disable the Twitter social icon. Use the text field to enter the link to your Twitter profile.

Facebook Icon URL

Toggle the On/Off switch to enable or disable the Facebook social icon. Use the text field to enter the link to your Facebook profile.

Google + Icon URL

Toggle the On/Off switch to enable or disable the Google + social icon. Use the text field to enter the link to your Google + profile.

Flickr Icon URL

Toggle the On/Off switch to enable or disable the Flickr social icon. Use the text field to enter the link to your Flickr profile.

LinkedIn Icon URL

Toggle the On/Off switch to enable or disable the LinkedIn social icon. Use the text field to enter the link to your LinkedIn profile.

YouTube Icon URL

Toggle the On/Off switch to enable or disable the YouTube social icon. Use the text field to enter the link to your YouTube profile.

Google Maps Icon URL

Toggle the On/Off switch to enable or disable the Google Maps social icon. Use the text field to enter the link to a Google Maps location.

Email Address

Toggle the On/Off switch to enable or disable the Email Address icon. Use the text field to enter your Email address.

RSS Icon URL

Toggle the On/Off switch to enable or disable the RSSl icon. Use the text field to enter a link to a custom RSS solution like Feedburner.

 Tracking

Google Analytics Code:

Use this entry field to enter your Google Analytics Code, which will automatically be inserted into the footer. For more information about Google Analytics, please visit http:// www.google.com/analytics/.

Permalink

Overview:

This options tab is where you can configure all of your blog settings, such as the use of featured images, slider options, and SEO settings. Please read below to learn more.

Drag and Drop Elements

iFeature gives you complete control over the look and feel of your blog page. Simply hold down your mouse or trackpad button on an element and drop and drop it into the active column. You can then re-order the elements within the active column to dictate the order in which they appear (minus the iFeature Slider which always stays within the page content if active).

Blog Options

Post Format Icons

Toggle to enable or disable the post format icons. These are on by default.

Post Excerpts

Toggle to enable or disable the the use of post excerpts. When enabled, two options will appear below which allow you to customize the link text and the length of the excerpt before the link appears.

Featured Images

Toggle to enable or disable the use of post featured images. When this option is enabled, three options will appear below which allow you to control the image alignment as well as the height and width.

Post Byline Elements

These options allow you to enable or disable the following Post Byline Elements from appearing in your posts: Author, Categories, Date, Tags, Comments, and Share. They are all enabled by default.

Show Facebook Like Button

Check the box to show the Facebook Like Button on all blog posts.

Show Google +1 button

Check this box to show the Google +1 Button on all blog posts.

SLIDER OPTIONS

Show Posts From Blog Category

This is where you can assign a specific post category to be used with the feature slider. By default the feature slider pulls from all categories, so if you have a specific category simply select the category you would like to use.

Number of Featured Blog Posts

Enter the number of featured posts that you want the feature slider to cycle through. The default is 5.

Slider Delay Time (in milliseconds)

Enter the time that you want each slide to appear before it changes to the next one. The time is entered in milliseconds, so if you want a 7 second delay, enter 7000. The default is 3500, which is 3.5 seconds.

Slider Navigation

Toggle this option to enable or disable the use of the slider navigation arrows.

SEO OPTIONS

SEO Home Description

Enter the META description of your homepage here. This helps SEO.

SEO Home Keywords

Enter the META keywords of your homepage here (separated by commas).

Optional SEO Home Title

Enter an alternative title of your homepage here (default is the site tagline).

Permalink

Overview:

This options tab gives you control over the Single Post, Archive, Search, and 404 WordPress templates. You can change the sidebar layout, hide or enable post meta elements, and more. Read below for more info.

Single Post:

Post Format Icons

Toggle the use of post format icons for this template.

Post Byline Elements

Toggle the byline elements you want to use for this template.

Facebook Like Button

Displays a Facebook Like button on this template.

Google Plus One Button

Displays a Google Plus One button on this template.

Post Pagination Links

Displays Previous and Next post links at the bottom of this template.

Archive:

Post Excerpts

Enables post excerpts to be used instead of the full post.

Post Byline Elements

Toggle the byline elements you want to use for this template.

Facebook Like Button

Displays a Facebook Like button on this template.

Google Plus One Button

Displays a Google Plus One button on this template.

Post Pagination Links

Displays Previous and Next post links at the bottom of this template.

Overview

These options are related to the footer section of iFeature 3. To learn more continue reading below.

Footer Copyright Text

Here you can enter your custom footer copyright text. By default it displays your site title.

Permalink