Cyberchimps Wordpress themesCyberChimps

  • Features
  • Themes
    • iFeature Pro 5
      • Demo
      • iFeature 5 Free
    • Responsive Theme
      • How-to
      • Support
      • ThemeID
    • Eclipse Pro 2
      • Demo
      • Eclipse
    • CyberChimps Pro
      • Demo
      • CyberChimps Free
    • Business Pro 4
      • Demo
      • Business lite
    • iRibbon Pro
      • Help
      • Demo
      • iRibbon
    • Neuro Pro
      • Help
      • Demo
      • Neuro Free
  • Plus
  • Hosting
    • Hosting Login
  • Help
    • Pro Support
    • Free Support
    • Forum
    • FAQ
      • Basic WordPress How To’s
      • Element How To’s
      • Theme Options
      • General Terminology
    • Older Docs
    • Upgrading
    • Suggestions
  • Blog
  • My Account
  • TwitterFacebookGoogle

Docs

  • Docs
  • Response Framework Documentation

The Response documentation is currently a work in progress. Below you will find the documentation we have available now. For the Response Core Framework documentation, please click here.

Installing Response

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

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 response.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.

Permalink

Using the Menu in Response

For complete control over Response’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.

Permalink

How to Use Widgets in Response

Response offers several Widgetized areas using WordPress’s built-in Widget dashboard: Sidebar 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.

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).

Permalink

How to Use Drag & Drop Page Elements in Response

Response  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.

Permalink

Using the Response 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:

The Response feature slider allows for three images with three corresponding links. Simply use the image uploaders to upload your custom images and enter your links in the corresponding text boxes. The images should be 1020px by 340px.

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.

Permalink

How to use the Response Theme Options

To customize your install of Response, select “Response” 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”, 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.

Permalink

Response Design Theme Options

Overview:

The design options tab allows you to control the look and feel of Response through 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.

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.

Permalink

Response 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.

Permalink

Response 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

Response allows for three slide images and corresponding links to be used on the blog page. Simply use the image uploaders to upload your images and the URL text box to add your links.

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.

Permalink

Response 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.

 Permalink

Response Footer Theme Options

Footer Copyright Text

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

 

Did this documentation not suffice? Have more questions? Please post a support topic in the forum. http://cyberchimps.com/forum/

 

Permalink

Facebook

Twitter

  • Home
  • Store
  • Affiliates
  • CyberChimps Pros
  • Logo Design
  • Jobs
  • WordPress
  • About
  • Privacy
CyberChimps
© CyberChimps Inc 2010-2013

Register
0 Items $0 Checkout Store