The Response Pro documentation is currently a work in progress. Below you will find the documentation we have available now, with separate docs for the Response Core Framework to follow.
Installing Response Pro
If this is your first WordPress theme, this section will walk you through the steps necessary to install Response Pro.
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 responsepro.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 Response Pro.
Updating Response Pro
IMPORTANT: Whenever and however updating a theme we strongly recommend and caution you to backup all files and settings.
AUTOMATICALLY UPDATING
Response Pro utilizes the CyberChimps Update API, which allows you to update your theme from the “Updates” menu in the WP-Admin Dashboard. When an update is available, you will be notified next to the “Updates” menu item under the Dashboard settings. You can also manually check for updates by pressing the “check again” button at the top of the updates page.
The new version will appear under the Themes section of the page, simply select “update” and the API will take care of the rest.
MANUALLY UPGRADING
- First, in your theme settings export/backup/save your settings
- Now, via FTP (please contact your host if you’re unsure of how to FTP) navigate to wp-content/themes/ifeaturepro and back that entire folder up (don’t delete it, rename it, move it or change it in anyway – we want it to stay active with WordPress)
- Now download the latest theme version: http://cyberchimps.com/my-account/
- Unzip it and upload the responsepro folder directly over the other one overwriting it
- Now, you may have to reapply your backed up settings and make other adjustments
- In case you have any issue at any point that’s why you have the old theme folder backed up for safekeeping (you can reupload the original should you need to)
Using the Menu in Response Pro
For complete control over Response Pro’s Menu, 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. Response Pro allows for two custom menus, one in the main navigation and one for the Sub-Menu Header Element.
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 Menu.
How to Use Widgets in Response Pro
Response Pro offers several Widgetized areas using WordPress’s built-in Widget dashboard. Response Pro offers Sidebar Widgets, Widget boxes, 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.
Widget Boxes
To put a Widget in the left box place the Widget in Box Left of the Widget dashboard area, to place a Widget in the middle place a widget in Box Middle of the Widget dashboard area, to place a Widget in the right box place the Widget in Box Right of the Widget dashboard area.
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 (see image above).
How to Use Drag & Drop Page Elements in Response Pro
Overview:
Response Pro features 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.
Using the Response Pro Page Options
Overview:
Response Pro uses powerful page options giving you complete 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 Response Pro Page Options.
Page Options:
The first options tab is the Page Options tab, which is used to assign your sidebar style and enable any sections you want to appear on that page. Below you will find an itemized list of each option and what it does.
Select Page Layout - This option allows you to select from four different sidebar configurations: Sidebar Right (default), Two Right Sidebars, Sidebar Left and Right, and No Sidebar (full-width).
Page Title - Toggle the switch to turn the page title on or off (on by default).
Page Elements - This is the Drag and Drop Page Elements tool where you can add or remove elements that you want to appear on your page. You can also drag and re-order the elements in the Active Elements column to arrange the order that they appear on the page. For more information please visit our Drag and Drop Page Elements documentation page.
Breadcrumbs:
Enables the use of breadcrumb links on the page. They are full-width and self contained and can be placed in any order on your page.
Page:
This is the standard page content and comes with various sidebar options and the ability to turn off the page title.
Feature Slider Options:
This options tab is for configuring the Feature Slider if you have enabled it on your page using the Drag and Drop Elements. These settings offer full control over the look and configuration of the Feature Slider, whether or not it generates slides from blog posts or custom slides, animation type, and much more. Below you will find a detailed explanation of each option.
Select Slider Type - This option is for selecting the source of your feature slides: blog posts or custom slides. For more information about these two kinds of slider configurations, please refer to the “Using the iFeature Slider” documentation page.
Blog Post Category - If you are using “Blog Posts” as your Slider Type, use this drop down menu to select the category you wish the slides to be called from. You can select any of your custom categories, or simply select “All” to call from your latest posts.
Custom Slide Category - If you have selected “Custom Slides” as your Slider Type, you can select the category you want the slides to be called from. “Default” is the default category, which is the category every custom slide is placed under if a custom category is not specified.
Number of Featured Blog Posts - This option only pertains to slides generated from blog posts. Enter the number of slides you want to appear into this text input box and update the page. The default number for blog posts is five.
Slider Height - If you wish to customize your iFeature Slider’s height, you may do so with this option. The default height is 330 pixels.
Slider Delay Time - This option controls the time each slide appears before it transitions. It is measured in milliseconds (1000 milliseconds equals 1 second), and the default speed is 3500 ms.
Select Slider Animation Type - This option is for selecting the animation style you want to use for that page. There are currently 4 choices: Horizontal Push, Fade, Horizontal Slide and Vertical Slide.
Select Slider Navigation Type - This option is for selecting the navigation type you want to use with the slider. There are three choices: dots (default), thumbnails and none.
Select Slider Caption Style - Use this option to configure the slider caption (title and text) style you wish to use. You have four choices: bottom (default), left, right, and none (disables the caption bar on all slides).
Navigation Arrows - This option will hide the navigation (left and right) arrows from appearing on the slides.
WordThumb Image Resizing - Toggle this option to enable or disable the use of WordThumb Image Resizing.
Callout Options:
The Callout options tab is for customizing the Callout Section if enabled on the page. Here you have complete control over the title, text, and a number of color pickers to select your own title, text, and button color. You can also upload a custom image to use as the button if you do desire. Continue reading below for a description of each option.
Callout Text - Use this text area to enter the text you wish to appear in your callout section.
Custom Callout Options - This enables extra options for the callout section (see below):
Callout Text Color - This option allows you to select a custom color (or enter your own hex value) for the Callout Section text.
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
Carousel Section Options:
The Carousel Options Tab is where you select the category you would like to use with the Carousel Element (if enabled on the page). More detailed information on using the Carousel, visit our Carousel documentation page.
Carousel Category: Enter the category you would like to use.
Carousel Speed Enter the speed that you want the images to move through the carousel.
How to Use the Feature Slider in Response Pro
Here we will provide a step-by-step guide for using the Feature Slider. The Feature Slider is used to display featured site content on your page and is controlled using posts. You have the option to feature blog posts in your iFeature Slider, or to create your own custom slides that you can link to a page on your site or an outside link.
Below we will outline in detail the steps necessary to use featured posts, or to create your own custom slides.
Featured Posts:

To use the Feature Slider to feature blog posts, you can either edit an existing post or create a brand new one. 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 Feature Slider pulls from every category, 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 Feature 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 Feature Slider where to pull the image to be displayed. To do this you will use the iFeature Slider Content box which can be found below the post window (see image below).
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.
The Feature Slider also allows for some 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 use this text field blank.
You may also hide the title bar (the black bar that appears at the bottom of the slider) on individual posts by setting the title bar option to OFF.
If you are using thumbnails with your slider, you have the option of uploading a custom thumbnail for your slide (thumbnails are generated from the slider image by default).
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.
Custom Slides:

You also have the option to create your own custom slides, which is useful if you do not want to feature blog post content and would like to link to other pages. The process is very similar to using a post category, and uses a custom post type which will only display in the Feature Slider. In order to enable custom slides, select “Custom Slides” from the dropdown menu of the “Select the Slider Type” option in the Feature Slider options settings.
Next, navigate to the “Custom Slides” panel in your WP-Admin sidebar, which can be found directly above the Response Pro options panel. To make a new custom slide, click the “Add New” link which will take you to the custom slide post page.
Enter your slide title into the post title input field, and use the post content field to enter any custom text you would like to display before the title. Next, enter the link you would like the slide to point to in the “Custom Slide Link” input field.
Use the image uploader to upload your feature slide image. Images should be sized to 1020 by 340, unless you are using a custom height for your slider.
If you are using thumbnails with your slider, you have the option of uploading a custom thumbnail for your slide (thumbnails are generated from the slider image by default).
When you are done, press “Publish” and your custom slide is ready. Repeat the same process for as many slides as you would like to use. You may also hide the title bar by checking off the hide title bar checkbox.
Custom Slide Categories:
Response Pro has the ability to create and manage categories for your custom slides, which is useful for calling different sets of slides on a per-page basis using the Response Pro Page Options. If you do not assign your custom slide to a category, it will automatically be assigned to a category called “default”.
Creating and assigning categories for custom slides is exactly the same as with traditional blog posts. To the right of the post edit window you will find the “Slide Categories” panel where you can both assign and create new categories.
To add a new category, simply press the + Add New Category link, enter the name you wish to use, and press “Add New Category”. To assign a slide to a category, check off that category name and save/update the post.
You can also manage your categories by clicking on the “Slide Categories” link under the Custom Slides menu option. This uses the same interface as the blog post category manager, and here you can add new or edit existing categories.
Using the Carousel in Response Pro
Overview
Response Pro offers a Featured Posts Carousel that can be used on your post index page, or on a per-page basis. This section displays six posts at a time, but has the ability to navigate left or right through as many posts as you would like to use.
Creating Featured Posts
To create the content for your Carousel, click on the Carousel link in the sidebar when logged into WP-Admin. This section utilizes custom post types, so click “add new” to begin creating your Featured Posts content.
You will use the meta options field shown above to create your Carousel content. Give your Featured Post a title, upload an image (145 is the default image width), and enter the link to the blog post you are featuring. You can also assign a custom category to your Carousel entries, which is useful for calling specific content on individual pages.
If you click the “Carousel” link in the sidebar, you will see a list of all the Carousel content you have created.
If you would like to re-order this content, we recommend using the Post Types Order plugin.
How to use the Response Pro Theme Options
To customize your install of Response Pro, select “Response Pro” under the Appearance tab in the left-hand menu of WP-Admin. Here you will find six different option tabs: Design, Header, Blog, Templates, 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”, “Custom Colors”, and “Custom CSS”.
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.
Response Pro Design Theme Options
Overview:
The design options tab allows you to control the look and feel of Response Pro, including fonts, colors, and even Custom CSS. These powerful options allow you to make a wide variety of design choices, so continue reading below to learn more.
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. Additionally, if you select “Custom” from the drop down, a custom font option will appear below the drop-down menu where you can enter a custom font not found in the list. You have the choice of using standard Web fonts and any of the Google Web Fonts. If entering a Google font with more than one word, please use a + symbol in between the words instead of a space. For example, “Maven+Pro”.
TypeKit Code
If you wish to use TypeKit fonts with iFeature Pro 3, please enter your custom TypeKit code into the text box.
Layout:
If you want to adjust the maximum width of your site, you can enter the width into the Row Max Width option. The default is 1020px.
Custom Colors:
Menu Link Color
Use the color picker to change the color of the links in the iMenu. The default color is white.
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.
Link Color
Use the color picker if you would like to change the color of the links throughout iFeature Pro 3.
Post Title Color
Use the color picker to select a custom post title color if you wish.
Site Title Color
Use the color picker to select the site title color.
Site Description Color
Use the color picker to select the site description (tagline) color.
Link Color
Use the color picker to select the site link color.
Post Title Color
Use the color picker to select the post title color.
Custom CSS:
Override the default CSS. Please see Using Custom CSS for a further explanation. You may also want to consider using a Child Theme instead.
Response Pro Header Theme Options
Overview:
This options tab controls all aspects related to the header, including the header Drag & Drop Elements. Continue reading below to learn more.
Drag & Drop Elements
This section allows you to have complete control over your Response Pro header. To customize your header, simply move elements from the inactive column to the active column by holding down your mouse or trackpad button over them and dragging them over to the active column (or vice versa to remove). You can also re-order them in the active column to change the order that they appear in. For example, dragging Menu above Logo and Icons will make the menu appear at the top of the header and the Logo and Icons below them.
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. To use the site title instead of a logo, switch this option OFF.
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/.
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/.
Custom:
Enter any additional scripts you’d like to use here.
Response Pro Blog Theme Options
Overview:
This options tab is where you can configure all of your blog settings, including the Drag & Drop Blog Elements. Please read below to learn more.
Drag and Drop Blog Elements
The Drag and Drop Blog Elements give you complete control over the look and feel of your blog page. Too add or remove elements, simply hold down your mouse or trackpad button over the element and drag it over to the active/inactive column. You can also re-arrange the elements within the active column to change the order they appear.
Blog Options
Select the Sidebar Type
Select the image that represents the sidebar configuration you would like to use. The options are: Sidebar Right, No Sidebar, Sidebar Left and Right, and Two Sidebar Right.
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.
Featured Post Carousel
Toggle this option to enable or disable the use of the Featured Post Carousel. If enabled, a category select option will appear allowing you to select from the Featured Post Carousel category you would like to use. For more information about the carousel visit our documentation page here.
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.
Blog Slider
Select the Slider Type
This option allows you to select between blog posts or custom slides. Custom slides enable you to create slides that are not associated with posts or pages. Please see Using the iFeature Slider for more information.
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.
Show Posts From Custom Slide Category
This drop down menu will only function if you are using custom slides, and custom categories. If you are using custom slides, this option allows you to pick what custom slide category you want on your blog page. For all other pages use the Page Meta Options.
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 Height
The default slider height is 330-pixels. If you want to make the slider tall or smaller simply enter the pixel height.
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.
Choose the Caption Style
This allows you to move the location of the caption text displayed on the slider. The default is Bottom, but you can also select from Left, Right, and None.
Choose the Slider Animation
Select from a wide variety of slider animation types. The default is random.
Choose the Slider Navigation
This controls the icons or dots below the slider. The default is dots, but you can also select Thumbnails, or None to hide them.
Slider Navigation
Toggle this option to enable or disable the use of the slider navigation arrows.
WordThumb Image Resizing
Toggle this option to enable or disable the use of WordThumb Image Resizing on the blog iFeature Slider. It is off by default, and if you experience issues with your images not showing up you should keep this option disabled.
Callout:
Callout Text
Enter the text you wish to use in your Callout Section (supports HTML).
Custom Callout Options
Enables the use of extra options for the Callout Section.
Twitterbar
Twitter Handle
Enter the Twitter handle you want to use with the Twitterbar. Note: requires the Twitter for WordPress plugin.
Carousel
Carousel Category
Enter the category you want to use with your featured post carousel.
Response Pro Templates Theme Options
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:
Select the Sidebar Type
Select the image that represents the sidebar layout you wish to use for this template.
Breadcrumbs
Enables Breadcrumb links on this template.
Post Byline Elements
Toggle the byline elements you want to use for this template.
Post Pagination Links
Displays Previous and Next post links at the bottom of this template.
Archive:
Select the Sidebar Type
Select the image that represents the sidebar layout you wish to use for this template.
Breadcrumbs
Enables Breadcrumb links on this template.
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.
Post Pagination Links
Displays Previous and Next post links at the bottom of this template.
Search:
Select the Sidebar Type
Select the image that represents the sidebar layout you wish to use for this template.
Post Excerpts
Enables post excerpts to be used instead of the full post.
404:
Select the Sidebar Type
Select the image that represents the sidebar layout you wish to use for this template.
Custom 404 Content
Enter a custom 404 message.
Response Pro Footer Theme Options
Overview
These options are related to the footer section of Response Pro. To learn more continue reading below.
Footer
Enables the theme footer.
Footer Copyright Text
Here you can enter your custom footer copyright text. By default it displays your site title.
Credit Link
Enables the CyberChimps Credit Link.
Afterfooter
Enables the theme after footer.
Response Pro Import/Export Theme Options
Overview
If you would like to copy your current Response Pro settings to another install (or back up your existing settings, which could be useful if you accidentally reset your options), copy the export code from the “Export iFeature Settings” text window and paste them to a text/office document and save.
To import you settings, copy your saved export code and enter it into the “Import Settings” text window and then save your theme options.
WARNING: If you do not paste correct export code into the “Import Settings” text window, the theme will restore to the default settings as a failsafe. Be sure to select the code in its entirety before you Copy and Paste.
Child Themes Support
A child theme is your best option if you are looking to do some serious customizations to Response Pro. A child theme is a companion theme where customizations to the main theme can be made that will not be overwritten when the main theme is updated. This is useful if you are making a substantial amount of changes to the theme’s CSS, or if you want to make customizations to the core template files.
Creating and activating a child theme is quite simple, and below you will find several examples along with a download link to an already prepared empty child theme.
Download the Response Pro starter child theme.
Creating your own:
All you need is a basic text editor, and you are ready to create your own child theme for Response Pro. The first step is to create a folder to house the contents of your child theme. Using your computer, create a folder (on your Desktop for example) and give it a name relevant to your child theme. For our example, we have created a folder called “responsepro-childtheme”
Once you have created your folder, you need to create a stylesheet for your child theme. Open up your text editor and enter the following text:
/*
Theme Name: Response Pro Child Theme
Theme URI: http://cyberchimps.com/
Description: Child Theme for Response Pro
Author: CyberChimps
Author URI: http://cyberchimps.com
Template: responsepro
Version: 0.1
*/
@import url("../responsepro/style.css");
The commented portion of the code defines all the various elements of your child theme. Here is a detailed explanation of each element:
Theme Name: This is the name of your child theme. It can be whatever you like, so be creative!
Theme URI: This is the link associated with your child theme. For your purposes, using your domain is probably sufficient but it can be any link you like.
Description: This is your child theme’s description, which provides a unique identifying text which is displayed in the WordPress theme manager.
Author: This one’s pretty simple, it’s you!
Author URI: This is the link associated with the author, again it’s probably best to use your domain but again it can be anything you like (a link to a different personal blog for example).
Template: This one is important. This defines which base theme the child theme is associated with, in our case, iFeaturePro. Please copy this section exactly as you see in the example.
Version: Finally, this is the version number of your child theme. When updating your child theme it is best to increase the version number. It is also helpful to keep a change log inside of your child theme to keep track of the changes you have added or removed.
With the above code, you now have a blank child theme that you can begin customizing. For example, adding the following code will change your site’s background color to blue:
body {background: blue;}
Any custom styles you add AFTER the @import code will be called ahead of the default Response Pro stylesheet, meaning that your custom code will be dominant.
Customizing Core Template Files:
Another powerful element of child themes is the ability to customize core template files, such as the header.php or index.php file. To customize a core template file, simply copy and paste the contents of that file into a new document, make your customizations, and save it with the same name and extension as the original.
This is the proper way to customize theme template files, because your child theme files will not be overwritten when the base theme is updated.
Installing and Activating:
Child themes are installed and activated like any other WordPress theme. You can either upload the folder to your wp-content/themes folder via FTP, or you can install it as a zip using the WordPress theme manager. In order to make your theme a zip, simply right click (option click on a Mac) and compress the folder to a zip archive.
Once you have your theme installed, simply activate it INSTEAD of Response Pro. This step is very important, otherwise your customizations will not take effect on your site.
Final Thoughts:
There are a few things one should keep in mind regarding child themes. It is important to stay up to date with the base theme’s releases, to ensure that your child theme stays up to date. For example, if you create a custom index.php file and the base theme receives a major update to the index.php file, your theme will not receive that update unless you add the new code to your child theme template file. Core template files in the base theme are rarely changed, but if they are those changes are documented in the change log.
This tutorial was designed to get you started with your own child theme, but if you have questions or need help with your own please stop by the Response Pro customization forum (requires Pro forum access) and we would be happy to help you with your child theme.
Tutorial video coming soon.
CyberChimps























0 Items $0