InnovationScience2 WP UserGuide

USER
GUIDE
Innovation+Science 2
a clean WordPress Theme with wide application
in personal and business use
USER
GUIDE
Documentation File Version 1.01
Table of contents
1. Installation and Introduction
1.1. How to install WordPress (version 3.1)
1.2. How WordPress CMS works - introduction
10
2. How to work with I+S2 theme
12
2.1. How to start working with I+S2 theme after installation - basic and important tips 12
2.1.1. Basic setup (important)
12
2.1.2. Menu (main navigation and other header menus)
12
2.1.3. Slider setup
13
2.1.4. Homepage setup
13
2.1.5. Sidebars / Widgets
13
2.1.6. Footer
13
2.1.7. Widgetized Footer
13
2.1.8. Lightbulb how to use shortcodes
14
2.1.9. Insert Image the easy way to position images in content
14
2.1.10. ID numbers for Posts, Custom Posts, Pages, Categories
14
2.1.11. How to install and make use of NextGEN Gallery and wordTube plugins
14
2.1.12. Custom Posts
15
2.1.13. HTML Editor additional buttons
15
2.2. Features and options overview
15
2.2.1. Innovation > General
15
2.2.2. Innovation > Menu and Innovation > Page Menu
17
2.2.3. Innovation > Quick News
17
2.2.4. Innovation > Floating Objects
17
2.2.5. Innovation > Home
17
2.2.6. Innovation > Homepage Sliders (5 different sections)
19
2.2.7. How to create pages (and how to use page templates)
21
2.2.8. Page templates in Innovation+Science 2 theme 21

2.2.9. How to create posts (Custom Posts Settings)
23
2.2.10. I+S2 DCWP Widgets 24
2.3 Restrictions and recommendations
25
Digital Cavalry, www.digitalcavalry.com
Advanced WordPress Theme
3. FAQ - quick help for most commonly asked questions

3.1. HEADER
26
26
3.1.1. How to change the site logo on header
26
3.1.2. How to add header community icons (theme icon example)
26
3.1.3. How to create submenu and link it to other menu item
26
3.2. BLOG - VIDEO FROM YouTube OR Vimeo
27
3.2.1. How to create a blog post with Vimeo or You Tube video
27
3.2.2. Main menu is covered by videos from You Tube or Vimeo...
27
3.3. SIDEBAR AND WIDGETS

3.3.1. How to create a sidebar and use sidebar widgets
3.4. CONTACT
3.4.1. How to change email address for contact form
3.5. PROBLEMS AND SOLUTIONS
27
27
27
27
28
3.5.1. Thumbnails are not generated for Progress Slider on Homepage
28
3.5.2. Thumbnails problem (timthumb)...
28
3.5.3. Error in the dashbord "Warning... cp_controlpanel.php on line 38"
28
Appendix
30
A: HTML Special Characters
30
B: Page 404 Additional Information
31
Short introduction
Hello!
Thank you for purchasing our product:
Innovation+Science 2 WordPress Theme!
Innovation+Science 2 Advanced WordPress Theme is a clean, beautifully
complex and customizable theme, with many applications in personal and
business use. It is perfect for online magazines, personal or company
portfolios, blogs and corporate sites. This theme comes with an unique,
massive and functional CMS, that gives you big control over the content and
the look of your site.
Eeach page template has individual group of options that allows to setup the page and decide
about special page functionality. For I+S2 WordPress version we created some powerful and
unique tools, like for example Floating Objects, Lightbulb Tool with Shortcodes, Homepage
Tabs, or Photo News feature.
While creating I+S2 theme, we focused on two main things first we wanted to create a big
theme with unique design, powerfull CMS, and easy in use, well organized options. And second
goal was to achieve the extreme level of flexibility, so it will be a great theme for big sites, but
also for small portfolios and corporate sites. We just wanted to make sure that users will have
a great fun working with this theme, no matter if you are a WordPress novice, or advanced
user.
Using I+S2 you can focus only on adding your content to our template and dont make too much
individual changes, but thanks to this complex CMS and advanced options like Floating Object
feature, you can use your creativity and squeeze even something more from Innovation+Science
theme with just few clicks.
This USER GUIDE contains simple help instructions for all sections that need an additional
explanation. Please read the topics carefully before you will ask us some questions
about the setup. Some very simple in use options and default WordPress options are not
described here. If this documentation wont help you and you would like to ask about
something, feel free to contact us and write some questions. We will try to help you as
soon as possible, and as good as we can. For email support, please contact us only via
Theme Forest contact form in our profile page: http://themeforest.net/user/DigitalCavalry.
Innovation+Science 2 theme was heavily tested, so there shouldnt be any problem with using
it. But, if any bug will occur, you can also send us a note about this on email, so we can check
if this is really an issue of our product.
We wish you good luck in your work with Innovation+Science 2, and of course we would love
to see your sites and how you use this theme. All the best!
1. Installation and Introduction

A quick information about how to install WordPress and Innovation+Science 2 theme. Plus
a short instroduction to I+S2 CMS. This part might be useful especially if you are installing
WordPress for the first time, or its your first theme bought on marketplace.
1.1. How to install WordPress (based on version 3.1)

A short walkthrough of WordPress installation. This part will be useful especially if you install
WordPress for the first time. You can go to next point if you already know how to install
WordPress theme on your server, but please read at least the notes in blue color.
Before you start, you must have a server that supports PHP (version 5.0 or higher) and
provide access to a MySQL database. First step is to install WordPress on your server. You must
download WordPress ZIP file from http://wordpress.org/download/, extract the files and
youll get a folder named wordpress. Now you must upload all files from this folder to your
server via FTP client. Content from this folder must be located in the root of the website, so that
this location will be the URL of your website.
If you will access your site URL now, you should see only a note: "There doesnt seem to be a
wp-config.php file...".
In next step you must manually create a configuration file. Open the wordpress folder and
make a copy of file named wp-config-sample.php. Change name of this copy to wp-config.
php and open this file in an editor, it can be a simple editor like Notepad. Now you must
modify this file and add information about your database. You need to have four data pieces
to do this:
Address of database server for example,
mysql.yourdomain.com
Server username for example,
yourusername
Server password for example,
123456789
Database name for example,
wpdbname
Fill these four data pieces into your wp-config.php file. This is how it would look like for our
example data:

/** The name of the database for WordPress */
define(DB_NAME, wpdbname);
/** MySQL database username */
define(DB_USER, username);
/** MySQL database password */
define(DB_PASSWORD, 123456789);
/** MySQL hostname */
define(DB_HOST, mysql.yourdomain.com);
For better optimization of your site you can also turn off or decrease the revisions number. By
default the number of revisions is very high and can slow down your site. To change this open
your wp-config.php file for I+S2 WordPress installation and right under this line "define(DB_
COLLATE, );" write another line of code: define(WP_POST_REVISIONS, false); this will turn
off revisions. If you want to just decrease revisions to for example number 2, then instead of
false write "2" in this line, so it will look like this: define(WP_POST_REVISIONS, 2);.
After creating correct wp-config.php file, go back to browser and reload your site that is pointing to
your WP installation. If all the data from config file is correct you will see this installation page:
Just fill in the name of your Site, Username, Password and your email address. Then click on
Install WordPress button. All this data can be also changed later. For example you can change
Username and Password when you
are logged into admin panel just
click on Username (admin) in the
top right corner of admin panel.
And thats it. After clicking on Install
WordPress button, you will see a
Success! confirmation with your
Username and hidden Password
(see screenshot on the right). You
can now log in to your WordPress
installation.
Now you can install I+S2 WordPress theme to your WordPress installation on server. To install
theme you must unpack the ZIP file downloaded from Theme Forest marketplace and upload folder
named as "InnovationScience2" (located in "theme" folder in the ZIP file) into your WordPress
installation to wp-content/themes/. If you have problems with uploading the files in one upload,
you can try to do this in parts - folder by folder.
Appearance
section
here you
can activate
I+S2 theme
if the files
are installed
correctly.
After this log in to admin panel (or refresh this panel if you are still logged), go to Appearance >
Themes (section on the left WordPress menu) and activate Innovation+Science 2 theme.
After you will install WordPress and I+S2 theme, you must set a few important options. First go
to Settings > Permalinks section and select "Day and Name" option, and click on Save Changes
button. Then, create a page with "Homepage" template in Pages section, go to Settings >
Reading and select your homepage for "A static page: Front page" option.
1.2. How WordPress CMS works - introduction

After installing this WordPress theme you can start building your site using I+S2 backend CMS
and original WordPress Options. When you enter admin control panel you will see the main
page with WordPress menu on the left side. This menu contains all original WordPress options
plus custom Innovation+Science 2 sections including the "Innovation" module at the bottom.
Innovation Module is divided into separate sections like: General, Menu, Page Menu, Quick
News, Floating Objects...
In custom Innovation module you will find the biggest part of custom theme options that allow
you to manage and customize your site. Every section contains a set of options for other part
of this theme. Some sections, like for example General, are divided into several sub-sections.
10
"Innovation" Admin Panel (a small part of General Options section)
Almost all custom Innovation+Science2 options (or whole option groups) have a Save button
attached. Save button can be placed next to option, or at the end of group this option allow you
to save all modifications made for this option/section and must be used for every part separately.
It means that you must save every small option change (or group change) before making another
one.
11
2. How to work with I+S2 theme

In this part you will find important information about how to start working with Innovation+Science
2 WordPress Theme. After reading carefully this part of documentation file, you should have no
problems with installing and starting to build your site with this theme. This part covers all the
most important options that might need some additional explanation.
2.1. How to start working with I+S2 theme after installation - basic and important tips
When you start working on your site, only an Index page (homepage) is working and even
this homepage dont look promising (you will see just some empty menu bar and footer
part), but this will change when you start to create the content for your site. Here are some
first important steps that you should do right after activation of I+S2 theme or when you
want to move forward with some other part of the site. Of course Innovation offers a lot
more, but here is a quick start for this theme:
2.1.1. Basic setup (important):

1. In Pages section create a page with "Homepage" page template. Then go to Settings >
Reading section and select this homepage for "A Static Page: Front Page" option.
2. In Settings > Permalink section select "Day and Name" option - here you can also select other
option if you need this for your site functionality.
3. In Innovation > General section choose your skin (dark, grey, or white), select homepage
slider, font, site background, add tracking code, change logo, and much much more. To read
more about this section go to part 2.2.1.
2.1.2. Menu (main navigation and other header menus):

1. To create a menu or add a single menu item go to Innovation > Menu section. Here you can
create main menu items, assign links to these items, create submenus etc.
2. Main Item example: If you want to create a "Home" menu item that will link to your Homepage,
in Innovation > Menu section click on Add new menu top item option. After this you will see
a new item on the list - now change the name for this item to "Home" and in Page column
choose your homepage from dropdown list. Next click on Save button for this item.
3. Submenu example: To create a submenu, in Innovation > Menu section find option Create
new submenu. Write some name in the field on the left and click on this button. After this
you will see a new submenu at the bottom of this section. Now you can add some items to
this submenu. Now you can assign submenu for any menu item in Submenu column.
4. Innovation+Science 2 offers also a special Page Menu feature. This allows you to create a
page submenu that will be placed right below the main navigation. In Innovation > Page menu
section, you can build this menu in similar way to the main navigation. Here it is possible to
set a default menu or assign this menu to some specific page.
5. Header menu is a menu placed at the top of the site. This feature can be used to add for
example some links to other sites, or some specific pages, this depends on your needs. To
create this top menu go to Innovation > General > Header menu section and select option
Show header menu. Now go to Appearance > Menus and create/build a new WordPress
menu - for this menu you must select Header menu option in Theme Locations area.
12
2.1.3. Slider setup:

1. After selecting a slider in Innovation > General, go to selected slider section in Innovation
module and build your slider by adding new slides and content.
2. Each slider has its own unique options and functionality. If you will have problems with
homepage sliders options, check if you did all the steps from 2.1.1. Basic setup part.
2.1.4. Homepage setup:

1. If you want to create your homepage, you can use options from section Innovation > Home.
Here you can decide which homepage features you want to display and setup all parts.
2. In I+S2 it is possible to display also the content from page with "Homepage" template. But if you
want to display this content from editor you must first go to Innovation > Home > Homepage
Content section, select page with content, and select option Use selected page content.
3. Sidebar for homepage can be set individually, like for all pages and posts, in Custom Page
Settings section.
2.1.5. Sidebars / Widgets:

1. To use I+S2 widgets and build sidebars, you must first create at least one sidebar in Innovation
> General > Sidebars section. Here you can create unlimited sidebars, set a default sidebar,
or sidebar that will be displayed on categories archive pages.
2. Default Sidebar can be set in Innovation > General > Sidebars section. This sidebar will be
displayed on all page templates that have sidebar space, but dont have a sidebar assigned
in page/post settings.
3. For each page or post you can set a sidebar individually in Custom Page/Post Settings section
(when you edit a page/post).
2.1.6. Footer:
1. Fotter in Innovation+Science theme can be totally customized using options from Innovation
> General > Footer section.
2. You can build your site footer from 4 elements: Widgetized Footer, Footer Links, Copyright
Text, Footer Logo. By default you will see on your site an example footer with Footer Links,
Copyright Text, and Footer Logo.
3. To edit Footer Links part go to Appearance > Editor section and on the right column choose
footer.php file to edit. Now you can edit the code for the links manually in the editor. The
code you need to edit is placed in div with "links-info-container" class. You can also change
this construction if you have some basic HTML/CSS skills. If you dont want to display this part
go to Innovation > General > Footer section and deselect Show footer links option.
2.1.7. Widgetized Footer:

1. In Innovation+Science 2 theme it is possible to build your own Widgetized Footer from up to
6 columns. Options for this part you will also find in Innovation > General > Footer section
- here it is possible to select a sidebar for each column and also define width for columns.
Thanks to width parameter it is possible to create any column construction, with some number
of columns in the same size, or with columns in totally different size. In the same section you
can also define how big is the space between widgetized footer columns - option Sidebars
columns separator width in pixels (default 20 px).
2. Note: Widgetized footer area is 960 pixels wide. Default footer sidebar column is set to 265
pixels, but you can change it and fit each sidebar size to your needs. When you define smaller
width you can insert more sidebars in footer, but remember that not all widgets can look good
in every sidebar width. Some widgets need bigger width then others to be displayed properly.
3. A quick example how to create a Widgetized Footer with 3 sidebars: First create 3 sidebars
in Innovation > General > Sidebars section and then select each sidebar for different column
option in Innovation > General > Footer section. For each footer sidebar choose one widget
in Appearance > Widgets section.
13
2.1.8. Lightbulb how to use shortcodes:
1. Innovation+Science 2 theme presents also a new way of inserting shortcodes. With Lightbulb
feature you can now define and insert shortcodes with just a few clicks, with no need to look
into the documentation.
2. The big advantage of this feature is that it works for both editors - HTML and Visual editor. It
is placed right above the editor look for the lightbulb icon!
3. First you must select a place in the editor where you want to insert this shortcode. After you
will activate this feature, you are able to select a specific shortcode for I+S2 shortcodes list
and then use special options to define the parameters. When you have all parameters defined
just click on Insert button.
4. If you would like to find a list of all parameters for a specific shortcode you can search this
shortcode in cp_shortcodes.php file located in cms/php/ folder.
2.1.9. Insert Image the easy way to position images in content:

1. This theme offers you also a new solution for inserting and positioning images. You will find it
right above the editor when you edit a page or post, right next to Lightbulb icon.
2. Before you click on the insert image button, you must have already an image uploaded into
Media Library and you must copy a path for this image, so it is ready to paste into Image URL
field when you click on the Insert Image. You can do this quickly using Add an Image option
that is also placed right above the editor click on this icon, upload an image from your disk
or choose an image that is existing in the Media Library, and copy the path (Link URL) for this
image.
3. After you have copied an URL for your image select a place in the editor where you want
to insert your image. Then click on Insert Image icon and you will see options for your
image. You can decide here about image position and image description alignment. Set image
margins and path for a link. Set a size for this image and decide about a few other options,
like for example if your image will be resized with Timthumb script, or insert this code as a
shortcode / HTML code.
A short instruction about how to use Upload button that you will find form image options. Click
on Upload, then use "Select Files" option and select your image file. Make sure that option Full
Size is selected for Size and click on Insert into post button. You can also go to Media Library
in the same window, click on Show option for uploaded image (first at the top). Also make sure
that Full Size option is selected for Size before you hit Insert into Post button.
2.1.10. ID numbers for Posts, Custom Posts, Pages, Categories:

1. Some theme features require the ID numbers of posts or pages. In Innovation+Science 2
theme you can easily find these numbers in special columns created in section like Posts,
Pages, Home Tabs etc.
2. Some features, like for example Custom Page Settings for Blog page template, require the ID
numbers of posts categories. You can find easily these IDs in Innovation > ID Help section on
drop down lists. In this section you will find also other lists with ID numbers.
2.1.11. How to install and make use of NextGEN Gallery and wordTube plugins:
1. Innovation+Science 2 theme makes a big use of NextGEN Gallery and wordTube plugins
to use some features presented in Live Preview you must install these plugins first.
2. To install NextGEN Gallery plugin go to Plugins section, click on Add New option, and Search
for "NextGEN Gallery" text you should find the NextGEN Gallery plugin by Alex Rabe.
For NGG plugin click on Install Now option, and then Activate. After plugin is installed and
activated go to Gallery > Options > Effects section and for JavaScript Thumbnail effect
option choose Lightbox from drop down list.
3. To install wordTube plugin go to Plugins section, click on Add New option, and Search
for "wordTube" text you should find the wordTube plugin by Alex Rabe & Alakhnor.
14

For wordTube plugin click on Install Now option, and then Activate. Next go to this page:
http://www.longtailvideo.com/players/jw-flv-player/ here you can download the JW Player
(if you want the same functioanlity as in the I+S2 Live Preview switch off option Include
Viral, a video sharing plugin before download). Download the ZIP file and upload player.
swf file into wp-content/uploads/ folder.
Note: for commercial purposes an additional purchase of commercial license is needed on JW
Player website. Options for activated wordTube plugin are in Media Library > wordTube, and
in Settings > wordTube sections.
2.1.12. Custom Posts:

1. Some page templates in Innovation+Science 2 theme, like for example Tour, Team, Services,
or Questions, uses custom posts instead of Posts section. For these templates you must use
these special posts section on WordPress left menu to create content. Read more about this
in part 2.2.7.
2.1.13. HTML Editor additional buttons:

1. In I+S2 theme you will find some very helpful solutions for editing posts / pages content. For
both editor modes (HTML and Visual) a special Lightbulb and Insert Image features are
available described in part 2.1.8 and 2.1.9. For editors you can also create your own shortcut
code buttons with Programmable media buttons feature described in part 2.2.1. But, when
you work in HTML Editor, you can also make use of additional buttons located on the top editor
menu you will find here options to easy create headings, lists, table template, next page tag
(page), blockquote etc.
2. Some HTML buttons work for selected text for example: if you want to fast write a title, write
some text, select it and click on H2 button in HTML editor. You can also use this option with two
clicks first click on H2 then write some text after the <h2> tag and click again on /H2 button
to insert closing tags.
2.2. Features and options overview

This theme is packed with options and features that allow you to customize the look of your
site and build the site that will fit to your needs. Lets take a look at the most important parts
of Innovation+Science 2 theme.
2.2.1. Innovation > General

A big section with all general options for the site, mentioned earlier in part 2.1.1. With top menu
you can easily and fast navigate through all these options and move to each subsection to make
your changes. The subsections in this General section are:
Theme global core settings contains all general options that allows you for example to
choose skin, font, main color, or set a favicon for your site. You will find here also all options
for your main background - it is possible to use some image as a background and decide
about its position, or just set some background color. Tip options allow you to change the look
of text tips. In this subsection you can also disable auto-formatting for editor, or change the
height of top and bottom space.
Theme splash screen a special I+S2 feature that allows you to create a floating splash
screen. By default it will be visible for your site viewer only with the first visit on your site
- for each opening of the web browser. This splash screen can display one image of any size.
You can also decide to assign it only to some specific page. You can also add some additional
elements to this splash screen using Floating Objects feature.
Announcement Bar An optional feature that can be used in many ways Announcement bar
is a floating container that sticks to the bottom of the page. In Live Preview for this theme you
will see a simple example how you can use this feature for website. On Announcement bar you
can publish any custom content, it just needs some basic html/css skills to build the content.
To add some content use the textarea for this. You can insert here any html/css code
construction or even use the I+S2 shortcodes.
15
Example of code for button image with link placed on the right side of the announcement bar:
<a href="link_path" style="display:block; height:80px; width:80px; background-image:
url(http://source/image.jpg); position:absolute; right:40px; top:-80px;"></a>
Example of button image with link placed on the left side of the announcement bar that
moves you to the top of the site:
<a href="#top-anchor" style="display:block; height:40px; width:40px; backgroundimage:url(http://source/image.jpg); position:absolute; left:40px; top:-80px;"></a>
In options you can also set the height of this bar, use some background image, or change
border settings.
Now for Announcement Bar it is also possible to use Floating Objects feature - with these
object you can in easy way create for example buttons that will be attached to bottom bar. To
learn more about Floating Objects go to part 2.2.4.
Programmable media buttons this is an advanced feature. It allows to add new buttons
right above the page/post editor (next to Lightbulb and Insert Image icon features). You can
define any code for these new programmable buttons. This feature allows you to create code
buttons for faster editing the content.
Example1: To create a button that will past some code into the editor, click on Add New
Media Button option, write some name for this button and insert the code into Text before
field. You can also change the icon for this image. When you will click on this icon on edit
page/post page, the code will be inserted into the editor, in selected space.
Example2: To create a construction with opening and closing tag create a button like in
example one, and add some code for the Text before and Text after fields. Now go to
page/post editor and select some text in the editor area. After you will click now on your new
button, the code from Text before will be placed before the selected text, and the code from
Text after will be inserted right after this selected text.
Social communities options allow you to display two share buttons right below the post
page content, for community websites - Facebook and Twitter.
Photo news settings options for Photo News feature. You will find here general options for
Photo News and options for Photo News and Photo News All page templates. Option named
as Select page created with Photo News All page template is needed for page link
displayed at the bottom of each Photo News page.
Breadcrumb navigation settings two options for breadcrumbs navigation tree. It is
possible to quickly edit the Breadcrumbs title, or replace the name of the starting page. This
second option might be useful especially if you have a long name of your site home.
Header settings one settings for header height. might be useful when you have logo in other
size than I+S2 theme, or when you want to add some other content to this part of your site.
Header menu options for header menu allow to change the colors for header menu. To
learn more about this feature go to point 2.1.2.
Header icons settings options for Header Icons. You can add here new icons and change
settings like for example the size and position of icons. To learn more about how to add
header icons go to part 3.1.2.
Blog and blog posts settings a list of options for the Blog and Post pages.
Logo settings a few options for Header Logo. It is possible to change the logo image, size
and position.
404 page title and description from this section will be displayed on Page 404 - it is visible
when visitor enter an URL that dont exist on your WordPress installation.
Sidebars options for sidebars. In Innovation+Science2 theme you can create unlimited
number of sidebars. When you will have at least one sidebar created, you will see also a list
of sidebars in this subsection. By default there are no sidebars created, so you should create
at least one sidebar if you want to use sidebars and widgets.
16

Searching option for site search field placed on site header and for Search Page.
Footer and header tracking code two fields for tracking code. If you have tracking code
from Google Analytics that must be inserted at the end of site header, insert this code into
Header tracking code field and select Use header tracking code option right below this
field.
Footer options for Footer. To learn more about how to use these option go to point 2.1.6
and 2.1.7.
2.2.2. Innovation > Menu and Innovation > Page Menu

Menu manager section for main navigation menu and additional Page menu. To learn more
about this section go to part 2.1.2.
2.2.3. Innovation > Quick News

Quick News are displayed right below the slider. Quick News section give you fill control over
this part of the homepage. To create a new Quick News message click on Add new quick news
button. At the end of each quick news a text link is displayed - you can change the name of this
link, for each Quick News you can set a manual link or Page link.
2.2.4. Innovation > Floating Objects

An advanced feature that allows you to create new image/text objects of any size. Every
floating object can use a link and has a big set of individual options that decide about object
position and appearance. It is a perfect tool for creating such elements as links to other sites,
links to other language versions of your site (for example: flag icons + links), or additional
graphic elements with/without links. By default there are no floating objects defined floating
object list is empty. To start working with Floating Objects you must just hit Add New Floating
Object button and create at least one floating object. After this you will get access to individual
Floating Object options.
In Floating Object options one of the most important is drop down list named as Select object
display place. From this list you can select one of six places where this particular Floating
Object will be placed. For example, you can choose here Header Space option this means
that the object is positioned in header, and the position values defined for Position in pixels
options will move the Floating Object in reference to this header container.
For Position in pixels option you can define left or right, and top or bottom values - only one
value can be used. You can decide to use for example left and bottom position value and the
object will be positioned X pixels from the left, and Y pixels from the right side of container. Also
negative values can be used for these options.
In individual Floating Object options you can also set the size of this object, decide about
background color, set a page or URL link, define a border for this object, and decide about a few
other small settings. You can set here a background image, and a hover background image that
will be visible when you move mouse over this object. It is even possible to display a floating
object as a text link, change the color or font size for this text.
2.2.5. Innovation > Home

Homepage in Innovation+Science 2 theme can be composed from various unique features that
you can setup in Home section from Innovation module. In this part you can read how to create
each homepage section and what are the most important options.
Right at the top of I+S2 Homepage you can use one slider and right below a Quick News feature.
To learn more about these two features go to parts 2.1.3, 2.2.3, and 2.2.6.
17
Homepage features display order (column) first subsection allows to change the order
for all homepage features located in the column (all features below homepage tabs).
NOTE: For Homepage content part, this order works only if option Display in column is
selected (in Innovation > Home > Homepage content) if option Display above column and
sidebar is selected, this part is displayed as full width section right below the homepage tabs.
Homepage tabs to create homepage tabs you can use options from this section to setup this
feature and you must also create custom tab posts in special Home Tabs section (separate
section located on WordPress left menu). In Home Tabs you can create tab post by clicking on
Add New Home Tab. After this, on post edit page you can define the title and tab content,
and use options from Custom Post Settings section.
In Innovation > Home > Homepage tabs it is possible to set the number of tabs displayed on
homepage, change the date order, choose tab displayed by default, set the maximum size for main
image, and a few other useful settings. Here you can also choose Home Tabs posts by ID numbers
if this option is not used a defined number of tabs is displayed based on the date order setting.
For every Home Tabs post, in Custom Post Settings you can upload a main image. You can
use any size for this image, but it is recommended to use rather small JPG image 180 pixels
wide. At the bottom of this section you can change the height of displayed image this option
will be useful if you are not using image with other height than 120 pixels. Here you can also
change the name displayed on tab or choose link setting.
In Custom Post Settings it is also possible to add a mini gallery to Home Tab post. For this you must
first have a Next Gen Gallery plugin installed and some gallery created with this plugin. Then you just
insert ID numbers of NGG gallery images the ID numbers of images you will find when you enter
your gallery in section Gallery > Manage Galleries (first column from the left on the images list).
Homepage photo news this feature allows to display a list of photo news on homepage.
It is possible to set how many rows of thumbnails will be displayed, change the title, or select
photo news manually by ID number instead of displaying the recent posts. To learn more
about Photo News go to part 2.2.8 > Photo News.
Homepage blog post thumbs this feature allows to display a thumbnail list of blog posts
created in Posts section. You can change the number of thumbnail rows displayed on homepage.
By default a number of rows with recent posts is displayed, but you can also select posts by
post ID number, or choose category of posts by inserting category ID numbers. This feature
allows you also to display most popular (most visited) posts from last x number of posts.
Homepage posts main stream use this subsection to set the main stream of blog posts
displayed on homepage.
Homepage featured video allows to display a featured video uploaded via WordTube
plugin. You can select a video by ID number and change link settings.
Homepage featured gallery allows to display a featured gallery created via Next Gen
Gallery plugin. You can choose here the gallery and change link settings.
Homepage featured story story slider that display Story Slides custom posts created
separate Story Slides section from the left WordPress menu. You can write here ID numbers
for homepage story slider and build for example an image driven story with a description for
each slide. With Fit images to story slider window option you can decide how the images
will be displayed this option should be used especially if images for slides are in different
proportions. With these options you can also change other settings for this slider.
These options work for Story Slider that can be displayed on homepage, but you can also create
a story slider on any page or post using story slider shortcode (look for this on shortcodes list
in Lightbulb feature).
Homepage content here you can setup additional homepage content. This content can be
displayed as a full width content, or you can decide to insert this content into the column next
to sidebar. If you want to display content inserted in the editor for page with "Homepage"
template (or any other template), you can select this page here from drop down list and
you must also select option named as Use selected page content.
18
2.2.6. Innovation > Homepage Sliders (5 different sections)

In Innovation > General > Theme Global Care Settings section you can choose one of 5 different
homepage sliders, that allow you to use different style for your website and create a various number
of slides with title and description. A very small introduction to homepage slider topic is in part
2.1.3. Here are some more information about how to use homepage sliders.
Accordion slider this section is used when Accordion Slider is selected in General options.
You can create here slides with titles and descriptions. For each slide you must upload at least
one image main slide image. The second image slide strip is optional. Slide strip image
is visible when accordion is closed and it should have the same height as main image.
I+S2 theme comes with an improved version of Accordion Slider. It is possible to set any
height value with option Slider height in pixels. But you must also remember that both
images that can be uploaded for slide should have at least this height.
Accordion Slider can be configured in different ways. Each slide can work as a one big image
only - a left part of this image will be visible when Accordion is closed. You can also use a
smaller strip image for each slide this smaller image will be displayed when Accordion is
closed. Another possibility is to use one big image for closed Accordion.
At the top of Innovation > Accordion Slider section you can use some general settings for
Accordion, like for example Autoplay, shadow between slides, or border color. Here you
will find also an option for big image that can be used for closed Accordion - you can use
960xSLIDER_HEIGHT pixels image that will cover the slider when the Accordion is closed, and
this image will split up between slides when Accordion will open. This will work like this only if
you have a correct path to image that has to cover the slides, plus you must also select option
named as Overwrite slides strip with above image.
Each slide can have a special own slide strip image displayed when slider is "closed" (another
smaller image is needed for each slide) or use only one main slide image (without strip). Slide
strips allows you to create a better representation of the slides in "closed" stage, but if you dont
want to use this feature just leave the slide strip field empty. If slide strip image is not uploaded
then a part of big main slide image will be visible in "closed" stage. You can also turn off slide strips
for all slides with one click at the top of Accordion Slider Settings (option Show Slides Strip).
Add New Slide button creates a new slide and automatically gives you access to all slide
options. It is possible to upload here a main slide image and slide strip image using Upload
buttons. Main Slide image dont have to be 960 pixels wide, because all the slides are positioned
to the left side and for a bigger number of slides the right side will be covered. Sometimes,
to achieve the best effect, you will have to use smaller imager for example: if you have 6
slides in the slider, the width for each main image can be 660 pixels.
For sliders, you can easy change the order of slides by using Up and Down buttons, hide slide without
deleting it, or just delete slide with all its settings.
Piecemaker 3D slider control panel for Flash 3D slider is combined from 3 subsections.
First part Piecemaker core settings contains a few general options (color options
and slider height setting). Transitions subsection is visible when you create at least one
transition with Add new transition button here you can build the list of transitions that
will be used for the slider. It allows you to create a cycle of different effects and differentiate
the transitions. And the third subsection contains options for slides - is visible when at least
one slide is created with Add new slide button.
Progress slider another slider for homepage is an unique Progress Slider with colorizing
thumbnail effects and floating descriptions. At the top of Innovation > Progress Slider section
you will find options that allow to change transition mode for slides and for floating descriptions.
Here are also some other general options for slider like: Autoplay, Slides switch time, or
Thumbnail Border Color. Progress Slider has a control panel on the right side (prev, play/
pause, next), which can be turned off too. Now, with Slider height in pixels option it is also
possible to quickly change the height of the slider, so you can use images of any height.
Like for other sliders, Add New Slide button creates a new slide and automatically gives
you access to all new slide options. Upload button allows to upload and insert a slide image
19
(920xHEIGHT_SETTING pixels) the small thumbnail image is created automatically after
you click on Save button. Each slide can have a link that works for the slide image, and you
can define it in the left-bottom part a custom Path or site Page link can be used.
Each Slide can display also a floating description. It is possible to create a separate header
title (Header text field) or place the title in the same box as description text (Title field).
Additionally, you can change the color for the separate header box background (option Header
color). When creating a description it is important to set the right description box position
(Description position X and Description position Y) and the width of the description box
(Description width). When setting a description remember that the value determines a
distance from top-left corner of the Progress Slider. For example if you set these two values
to 20 pixels, then the description box will be positioned 20 pixels from the left and 20 pixels
from the top of the slide. The height of description box is determined by the amount of text.
Under the description box you can also add one or two link buttons (Button A and Button B
options). It is possible to write a custom path for the link or choose a Page link from the drop
down list. The text displayed on the button must be placed into Name field. Options at the
bottom of Button A / Button B allows to: hide button link without deleting the data, choose
the type of the link, or decide on which side of description box the button will be positioned.
Chain slider a special gallery slider that makes a big use of NextGEN Gallery plugin functionality.
It is a great way to present any kind of image gallery content. The number of images is not
limited. Every image can have a title and description. By default the title is taken from the image
file name, but it is possible to change this or delete the title in NextGEN Gallery options. To add
a description or change the title for images click on Gallery > Manage Gallery, and choose your
gallery from the list of galleries (of course you must first install NextGEN gallery, create a gallery
and upload the images).
A detailed info about how to install and use NextGEN Gallery plugin you will find at point 2.1.11
in this documentation.
Chain Slider Settings in Innovation > Chain Slider gives you a full control over slider. Options
at the top allows to change the slider size and proportions, and you can do this both for the big
image displayed and also for the thumbnail images. When setting a size for thumbnail images the
maximum size is 150x150 pixels (for values Thumb width in pixels and Thumb height in pixels).
Below is an option to change the selected thumbnail border color and a value that determines
the number of images displayed on chain slider if Number of images to display is set to
0 all images from gallery are used.
When a bigger number of images is used for the Chain slider, not all thumbnails are visible
at once. The next or previous hidden image will show up while the slides are rotating, so in
this case it is important to set the right width of the thumbs. When the thumbnail width is not
perfect fitted, then the last thumbnail can be for example cut in half.
The next options in this section allow to choose the gallery (it must be created in NextGEN
gallery plugin settings), change transition mode for slides, or select a link for the slider. For
chain slider you can set only one link that will work for all slides.
Images ID to display field allow you to select images for Chain slider by ID number. Thanks
to this option you can choose images from different galleries. This overrides the Choose
gallery to display option.
At the bottom there a a few other options: autoplay, images description, random mode, slides
name (title). And the last option is the Size of displayed title you can write here a value
from 1 to 6 (1 is the biggest size, the same like for text headings).
Flashmo slider this section contains general options for Flashmo slider Flashmo slider
core settings subsection. Here you can change the height of the slider, and a few other
options like Autoplay and Grid settings. In special Slider CSS field you can also modify the
styles used for slides description.
After creating at least one slide with Add new slide button, you will see also individual options for
slides. Here it is possible to change transition effect settings, add slide image and slide description
for description you can use CSS formatting that is defined in core settings.
20
2.2.7. How to create pages (and how to use page templates)

To add new page to your site go to Pages (on WordPress menu) and use Add New option.
When new page is created, name this page and select a page template in Attributes section
you must select a template that fits to your needs, for example: if you want to create a
contact form page then you must select Contact template. After this you can add page content
using HTML editor and/or Publish this new page.
For templates like Blog, Portfolio or Contact you dont have to put any content in page area
unless you want to have some extra content at the top. Templates like Blog and Portfolio can
display a stream of posts created in Posts section.
For all page templates you can use Custom Page Settings section to setup each page to your
needs it is located right below the editor. Page Common Settings subsection contain options
that work for all templates (besides Default Template). Other subsections work only for some
particular template. Changes in subsections from Custom Page Settings will be saved only if
option Save this settings for page is selected (located at the top of each subsection). Select
this option only for subsection that works for selected page template - for example, if you
use Blog page template, select option Save this settings for page only for: Page Common
Settings and BLOG PAGE TEMPLATE subsections.
In Page Common Settings you can choose for example sidebar displayed on this page and
decide about its position, set an individual background, or choose background settings that will
work only for this page. Page image URL option can be used to attach an image to page this
image is used for page box shortcode.
When you edit a page or post (in Pages or Posts section), at the bottom in Discussion section you will
find Allow comments option. If you dont want to display a comment section for page or post just turn
it off. If you dont see Discussion section at the bottom, first go to the top and select Discussion in
Screen Options. It is also possible to turn off comments for whole site in Settings > Discussion.
2.2.8. Page templates in Innovation+Science 2 theme

Here is a short description of each type of page template that you can choose from Template
drop down list while creating / editing page.
Default Template an empty default WordPress page template. Full width layout no sidebar.
Archive List this template generates an archive list of posts
Blog template for main Blog page. In I+S2 you can create multiple blog pages. Using options
from Custom Page Settings > Blog section it is possible to select posts by categories ID number.
To get the ID number quickly go to Innovation > ID Help section.
Contact page with Contact Form. You can define email address for this page in Custom
Page Settings > Contact section.
Gallery a gallery page that works with NextGEN Gallery plugin. You must download and
install the plugin first. Then, after creating a gallery in NextGEN Gallery, you can display it
with this template in Custom Page Settings > Gallery choose the gallery from drop down
list. In Custom Page Settings it also possible to set a number of thumbnail images per page
a pagination will be displayed only if there are more images in the gallery than it is set to
display per page.
Here you can choose also one of three gallery modes: Compact, Three rows, Five rows
(square thumbs). Compact mode is a custom layout where the size of thumbnails, padding,
and margin is defined with 4 additional parameters from Compact layout settings.
Gallery List this page displays a list of galleries created in NextGEN Gallery plugin. For
each gallery on this list you can also display a link to Gallery page for this use Page Link to
21
option. In Custom Page Settings > Gallery List you can setup this page. Here you can choose
galleries to display (or exclude galleries) by NGG gallery ID number. By default all galleries
from NGG are displayed.
Example how to build gallery with Gallery and Gallery List templates:
1. Go to Gallery > Add Gallery / Images section and create new gallery with images. In
Add new gallery tab write a name for new gallery and click on Add gallery. Then in
Upload images tab select all images with Browse option. Select gallery with drop down
list and click on Upload images button.
2. Go to Pages and create a new page with Gallery template. For this page, in Custom
Page Settings > Gallery select a gallery created earlier in NGG. Use other settings from
this section if needed. Select Save settings for page option at the top of this subsection
and click on Update button.
3. In Gallery > Manage Gallery select gallery that is used for Gallery page and in Gallery Settings
for Page Link to option choose the right Gallery page. Here you can also write some description
for this gallery that will be displayed on Gallery List page. For each image you can also write
a title and description that can be displayed below images on page with Gallery template.
4. In Pages create a new page with Gallery List template. Use Gallery List options from
Custom Page Settings if needed. If you want to know the ID numbers for NGG galleries, go
to Gallery > Manage Gallery section.
Homepage use this template for homepage and set it as A Static page: Front page in
Settings > Reading. You can setup this page in separate section Innovation > Home. To learn
more about Home options go to part 2.2.5.
Full Width Page allows to create a custom page without sidebar. You can easily divide it
to columns using columns shortcodes (Lightbulb feature).
Media Gallery with this template you can display a list of videos and/or audios created in
wordTube plugin. This template requires wordTube plugin installation which also requires the
use of JW Player to display videos. To learn more about the installation of wordTube plugin go
to part 2.1.11. In Custom Page Settings > Media Gallery subsection you can choose to display
media by wordTube ID numbers, or wordTube playlist.
News special template to display posts. In Custom Page Settings > News subsection you
can choose post categories by category ID. Here you can also set a features post and setup
Top List feature. Top List shows a number of the most visited posts.
Page Map page displays an alphabetical list of all pages created.
Photo News one of two page templates for Photo News feature. Displays recent Photo
News post at the top, and in the bottom part of this page you can display some lists of other
photo news, related pages, categories or tags. You can change settings for this page in
Innovation > General > Photo News Settings section. To learn more about these options go
to part 2.2.1 > Photo News settings.
For this page you must create some custom Photo News posts. To create these posts go to
separate Photo News section (located on the left WordPress menu). In this section, for
each post you must use Custom Post Settings to choose a NGG gallery (NextGEN Gallery
plugin must be also installed and at least one gallery created). Here you can also change link
settings, define related page by page ID number. If NGG gallery is not selected, you can also
select images from various galleries by images ID number.
Photo News All template creates a list of Photo News. It is possible to select Photo News
by ID in Custom Page Settings > Photo News All. You can also change other settings for this
page in Innovation > General > Photo News Settings section.
Portfolio template allows to display posts stream with portfolio layout. In Custom Page
Settings go to Portfolio subsection and select Save settings for page option. Here you can
also change other settings: choose posts category or categories by ID number to display or to
exclude from this page, set a number of posts per page, set and use optional image height for
posts, and change a few other small settings. It is also possible to choose one of four portfolio
layouts: one, two, three columns, and sidebar layout.
22

Questions with this template you can easily build a questions (FAQ) site with special
functionality. Each single question must be created in separate Questions (FAQ) section
located on WordPress left menu.
For Questions page template in Custom Page Settings > Questions (FAQ) you can set a few
additional options: select questions by category ID, or select single questions by ID number.
It is possible to divide question for pages and use other options like for example color for
titles. By default titles for questions use global theme color from core settings. This can be
changed for all questions in Custom Page Settings, and you can also force some other color
for a single question for post in Custom Post Settings.
Search Page template with a search form at the top that allows to search the site content.
This is how the search results page looks and with this template you can reproduce this page.
Services template uses custom posts created in separate Services section located on left
WordPress menu. In Custom Page Settings choose one of three layouts. These settings allow
you also to choose Services posts that will be displayed (by ID number), and add title, subtitle
and description for services list. In Custom Post Settings for each Services post it is possible
to upload a main image and hover image (option Show hover image must be selected), and
setup link.
Sidebar Page allows to create a custom page with sidebar layout.
Tag Map page displays an alphabetical list of all tags created for Posts.
Team template for Team custom posts. This allows you to create a team members list,
or use this template to create something that needs this type of layout, like for example
buildings or projects list. In Custom Page Settings it is possible to set a number of posts
displayed per page. By default all Team custom posts will be displayed on Team page, but
you can also select posts by ID numbers. Here you can also decide if you want to display a
description part (content from post editor) on main Team page.
In Custom Post Settings, for each Team custom post, you can choose an image and two
write additional subtitles which can be used for example to add information about job, group,
company, or location.
Tour a page with content slider that uses Tour Slides custom posts. In Custom page
Settings you can write ID numbers of Tour Slides posts and change slider effect. In Custom
Post Settings for each Tour Slides custom post it is possible to add an icon and hove icon
image that will be displayed on the menu.
2.2.9. How to create posts (Custom Posts Settings)

In WordPress themes, the big part of site content is produced via post pages. In Innovation+Science
2 theme standard posts are used for Blog, Portfolio and News templates. To create a post page
go to Posts section (on WordPress left menu), click on Add New button and you can start to
create your post page. First you should enter a title name for this post right at the top. For
every post you should also select a category in Category section on the right side (or leave
it as Uncategorized). If it is needed you can also create a new category in this section. On the
right there is also a Post Tag section that allows you to create and choose tags.
For posts you must use of MORE tag or Excerpt field to define an excerpt.  tag must
be inserted in the editor in the place where you want to end the excerpt that will be visible in post
preview (on Blog page, Blog stream, archives...). You can insert more tag manually or using more tag
button from the top menu in the editor. If you want to use Excerpt field, check if it is selected at the
top in Screen Options and you should find it below Custom Post Settings.
For posts you can use options from Custom Post Settings section (below the editor). These
options allows you for example to add a main image or embed a video for Blog post or use some
other very useful settings. Custom Post Settings is divided into two subsections:
Post Common Settings right at the top you can select Page Sidebar from drop down
list (at least one sidebar must be created in Innovation > General section). If no sidebar
23
is selected for this option, then a default or global post sidebar is used. Here you can also
choose sidebar side (left, right, global setting).
All background options from this subsection allow to select a different individual background
for post.
By default a title with top information (date, author etc.) is displayed on post page. If you
want to remove this information and create a totally custom post page select option Custom
content, without default render. And if you also select option Full width, then this post
page will be a custom page without sidebar.
Post Settings for posts you can add here main image, or add a main video that will be
displayed at the top. If you want to use a video you should still upload an image for post if
you want to display post in small or medium post layout.
You can also easily add an image gallery to post this gallery will not be visible if you use main
video for post. To add gallery images you must write NGG images ID numbers into the right field. A
gallery will be displayed at the bottom of main image when you hover the mouse over this image.
For post used for Blog page (or Blog stream on homepage) you can use Post Layout options
- each post can be displayed in one of three layouts: small, medium, or big. This means that
it is possible to create a mixed layout on Blog page, with each post in different layout. In
News page template Custom Page Settings you can choose to force small or medium layout
for all posts.
If you use wordTube plugin, and want to display a wordTube media file at the top of post, you can
write a wordTube media ID number that you will find on the list in Media Library > wordTube.
2.2.10. I+S2 DCWP Widgets

Innovation+Science 2 theme comes with a pack of custom widgets. Thanks to this it is possible
to construct a nice looking sidebars (also for Widgetized Footer) packed with site content and
any other information. Here is a list of all custom widgets:
dcwp_Advertisement125 one widget allows to insert up to 8 images with links (125x125
pixels big).
dcwp_Advertisement265 with this widget you can display one (full sidebar width) image
with/without link (image should be 265 pixels in width).
dcwp_FeaturedPosts allows to show 1-10 blog posts on sidebar as featured. For each
post medium image is used (automatically generated from main post image), and also post
title, description and Read More link.
dcwp_Gallery a sidebar version of chain slider gallery. It works almost the same as homepage
chain slider described in part 2.2.6, but for this one you cant change the size of thumbs. When
a link is added for the gallery, you can use for this a manual option or just choose a page from
drop down list manual option will be used first if both options are defined.
dcwp_NGGImages this widgets can be used to display a gallery of images from NGG
plugin. You can select images by ID numbers, or just choose a gallery created in NGG. It is
also possible to change the size of thumbnails, or add a "View more" link that can be used for
example to link to full gallery page.
dcwp_PostSlider sidebar slider for Posts. Displays posts selected by post ID or category.
In widget settings you can switch the order or change the height of this slider.
dcwp_RecentPosts a list of recent posts (thumb, title link and date). Widget options allow
to choose the category ID (or the category ID that will be excluded). You can also set the
number of posts displayed and decide if thumbnail image is displayed for each post. Thumb
is created automatically from the main post image.
dcwp_Search widget displays a search form might useful especially if you will disable
the search form displayed on header.
dcwp_Tags a list of Blog posts tags.
24

dcwp_Text a text widget allows to insert any text or code on sidebars. You can use this
widget in many ways, for example: to add a simple text description, to build any html/css
code on sidebar, to use Google Adsense etc. You can use here also shortcodes.
With I+S2 theme you can use also three default WordPress widgets. Links widget allows to
create a list of links from WordPress Links section. Pages widget allows to display a list of
pages and exclude unwanted pages by ID. Custom Menu widget creates a menu list based on
WordPress menu system in Appearance > Menus.
2.3 Restrictions and recommendations

Here is a small list of restrictions for Innovation+Science 2 theme. This part will help you to
avoid theme strange behavior.
Sliders must have at least two slides to work properly
Your server must use PHP 5.0 or higher
If there is a custom Innovation+Science 2 widget of the same type as the original WordPress
widget, then you should use custom I+S2 widget. For example DCWP Categories widget instead
of Recent Posts use dcwp_RecentPosts (Digital Cavalry WordPress Plugin)
We tested the site with the latest WordPress version available WP 3.3
We tested the site with the latest NextGEN Gallery plugin version available NextGEN Gallery
1.7.4 by Alex Rabe
We tested the site with the latest wordTube media plugin version available wordTube 2.4.0
by Alex Rabe & Alakhnor. And the wordTube plugin was tested with the latest available version
of player JW Player 5.6. Note: If you use wordTube with JW Player, for commercial
purposes an additional purchase of JW Player commercial license is needed on JW

Player website: http://www.longtailvideo.com/players/jw-flv-player/
25
3. FAQ - quick help for most

commonly asked questions
Most of the options were described in part 1 and 2. This third part of documentation contains
simple description for most common problems or additional examples for sections / features
that might need some more information for setup.
3.1. HEADER
3.1.1. How to change the site logo on header
1. Go to Innovation > General > Logo settings subsection.
2. Click on Upload Image button and add you logo image (you will find a short instruction how
to use Upload Image buttons in a special note after part 2.1.9).
3. If needed change the size parameters (logo width and height) and position (logo X and Y
position).
4. Click on Save button.
3.1.2. How to add header community icons (theme icon example)

1. Go to Media Library and upload icon image to library. For example Facebook icon facebook.png
located in theme folder InnovationScience2/img/common/header/. Copy the URL path for
this image.
2. Go to Innovation > General > Header Icons Settings section and add new item with Add new
header icon button.
3. For this new item paste image URL path into Image url field. Because this image is a
double icon image (with two version of icon on one png) check also Hovered option. Here
you can also insert your link path to Facebook in Link field, add a description for tool tip,
change the order of icons with Up and Down buttons, or hide icon without deleting its
settings.
4. To save changes for icon you must click on Save button for this item.
5. Because this icon png image size is 26x52 pixels, it means that the size of a single icon
on this image is 26x26 pixels. At the top of this subsection, the value for Icon width and
height in px option should be 26. Here you can also change position and size of container
that contains header icons.
6. If you want to use some other icon images for header icons you can use these options in
the same way, just remember to set the right icon image size, and that for square images
with a single icon sont select Hovered option.
3.1.3. How to create submenu and link it to other menu item

1. In Innovation > Menu section create a submenu with Create new submenu button and choose
this submenu name for menu item in Submenu column.
26
3.2. BLOG - VIDEO FROM YouTube OR Vimeo

3.2.1. How to create a blog post with Vimeo or You Tube video
1. Go to Posts section and create a new post using Add New option.
2. Put title and all the content using editor, select category, tags etc.
3. Upload a main image for this post in Custom Post Settings. Uploading this image for videos
is necessary when you create a post for Portfolio page, or you want to use small or medium
blog post layout.
4. Go to Vimeo site and copy embed code for video. Put this code into video textarea in Custom
Post Settings.
5. Change proportional both width and height values in this code - optimal width property value
is 620 pixels.
6. Publish this post.
3.2.2. Main menu is covered by videos from You Tube or Vimeo. How to add
opaque mode to Vimeo or You Tube video embed code (this mode avoids the
videos to cover the main menu subnavigation).
1. First copy the embed code to Video URL field - use "Old embed code" option.
2. After pasting embed code find the beginning of <embed tag and add inside this tag a new
wmode parameter. This should look like this: wmode="opaque". Here is a simple example
how to add this parameter in the code:
<object width="620" height="349"><param name="movie" value="http://
www.youtube.com/v/Q3haf-tzbSE?fs=1&hl=en_US&rel=0"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed wmode="opaque" src="http://www.youtube.
com/v/Q3haf-tzbSE?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash"
width="620" height="349" allowscriptaccess="always" allowfullscreen="true"></
embed></object>
3. Save changes by clicking on Update button.
3.3. SIDEBAR AND WIDGETS

3.3.1. How to create a sidebar and use sidebar widgets
1. Go to Innovation > General section and in "Sidebars" subsection create at least one sidebar
write a name for new sidebar and click on "Add new sidebar" button.
2. Go to Appearance > Widgets section and add widgets to your new sidebar.
3. You can choose this sidebar for option Set a default sidebar (Innovation > General >
Sidebars) this sidebar will be displayed on all pages without sidebar selected. To select
sidebar for some specific page or post, use Page Sidebar drop down list in page options
(Custom Page Settings in Pages when you edit a page, and Custom Post Settings in Posts
when you edit a blog/portfolio post).
3.4. CONTACT
3.4.1. How to change email address for contact form
1. When you edit a page, go to Custom Page Settings and find Contact Page subsection.
2. Select Save settings for page option, change email, and click on Update.
27
3.5. PROBLEMS AND SOLUTIONS

3.5.1. Thumbnails are not generated for Progress Slider on Homepage
The problem might be that it is not allowed to save files in wp-content. First you can check if
there is already a Innovation_temp folder created in wp-content and if yes, change the rights
for this folder, so it is allowed to save files inside this folder. After this change you must click
again on Save for each slide in Innovation > Progress Slider section.
If there is no Innovation_temp folder in your wp-content, then try to change the rights
(permission) settings for wp-content folder and save again each slide for Progress Slider. After
this change, Innovation_temp folder should be automatically created in wp-content folder
and it must be allowed to save the files in this folder.
3.5.2. Thumbnails problem (timthumb) thumbnail images are not generated

for posts, "Gallery" page template, Chain Slider, insert image option etc.
On most installations / servers, timthumb should work right at the start, and thumbnail images
will be displayed correctly for all theme features. But, if for some reason everything works on
your page without problems, and thumbnail images are not generated properly (loading icon is
spinning and the image is not loading), this can be a problem of server settings.
One simple way to test timthumb on your site created with Innovation theme is to insert a
big image using Insert Image option for page or post, set some smaller than original size for
this image and select Change size with timthumb option and Display image in lightbox.
Then, if you will view this page on your site, you should see image resized with timthumba
and displayed properly. If thumbnail is not generated and you can see this image in big size in
lightbox (after you click on this image), it means the timthumb is not working correctly on your
server. In this situation some changes in server settings are needed.
First thing that you must check in this situation are the folder rights (permission) settings. It
must be allowed to save files in folder Innovation_temp located in wp-content folder, and also
you must check the same thing for folder named as cache located in theme folder. You should
be able to change the rights in your host account (server settings).
If you will change the rights, and the problem will still exist, the reason for this might be some
other host settings. You must check by yourself or ask your host, if for your server it is allowed
to set higher rights, because the web server might not allow to set higher rights. If this is
the reason, maybe your domain will have to be white listed for that rule by your host, or you
must set the rights to 755. After this it should work fine. But, if you still have problems with
timthumb, you can also search in web for "your host" and timthumb topics, in most cases there
is some solution for your host already in the net.
3.5.3. Error in the dashbord "Warning: mkdir() [function.mkdir]: Permission

denied in ... cp_controlpanel.php on line 38"
To fix this check if in the WordPress installation on server (in "wp-content" folder), there is a
Innovation_temp folder in wp-content/ folder on your server. If there is no folder with this
name, you will have to change the rights (permission) settings for wp-content folder. If this folder
already exist, check the rights settings for this "Innovation_temp" folder. Additionally, you can
also check the permission settings for "cache" folder located inside the main InnovationScience2
theme folder (in wp-content/themes/).
The problem shows up if it is not allowed to create a "Innovation_temp" folder on your server
in wpcontent location, or is is not possible to save images in Innovation_temp folder. You can
also manually add the "Innovation_temp" folder, but it should be writable.
28
29
Appendix
A collection of supplementary material with additional help. This additional informations can be
useful for everyone who is working with our products.
A: HTML Special Characters

Special Character Name
Code
Result
™ OR ™
!
" OR "
"
number sign
#
dollar sign
$
percent sign
%
ampersand
& OR &
&
apostrophe
'
left parenthesis
(
right parenthesis
)
asterisk
*
plus sign
+
comma
,
hyphen
-
period
.
slash
/ OR &frasl;
colon
:
semicolon
;
< OR <
<
=
> OR >
>
question mark
?
at sign
@
left square bracket
[
backslash
\
right square bracket
]
caret
^
horizontal bar (underscore)
_
OR –
© OR ©
® OR ®
· OR ·
password dot
●
bullet
•
trademark sign
exclamation mark
double quotation mark
less-than sign
equals sign
greater-than sign
en dash
copyright
registered trademark
middle dot
30
B: Page 404 Additional Information

A special Page 404 is used in situation when WordPress cannot find a particular page. This page
should work fine by default - WordPress should automatically look for the 404.php web page
when page from selected address doesnt exist. But sometimes this could not work properly
because web server can encounter a problem before WordPress is aware of it. To resolve this,
you will have to configure your web server for custom 404 error handling. This will guarantee
that your web server sends the visitor to your 404.php page template.
You must set your web server to use your custom error files. For this you need to edit the
.htaccess file in the main directory (root of your site, where index.php file is located) of your
WordPress installation. If you dont have an .htaccess file, you must create it. To create a
.htaccess file you can just create a new TXT file and change its name to .htaccess (no name
plus .htaccess file extension).
Now you must just edit .htaccess file and add the following line:
ErrorDocument 404 /index.php?error=404

This will ensure that the server finds your 404 page.
The URL /index.php is server root-relative (the forward slash begins with the root folder of your
site). This means that you must put here a full URL path. For example, if your site is located
in a subfolder or subdirectory of your sites root folder named foldername, the line you add to
your .htaccess file should be:
ErrorDocument 404 /foldername/index.php?error=404
31

InnovationScience2 WP UserGuide

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

InnovationScience2 WP UserGuide

Загружено:

Авторское право:

Доступные форматы

USER

1. Installation and Introduction

1.1. How to install WordPress (version 3.1)

1.2. How WordPress CMS works - introduction

2. How to work with I+S2 theme

2.1.2. Menu (main navigation and other header menus)

2.1.3. Slider setup

2.1.4. Homepage setup

2.1.5. Sidebars / Widgets

2.1.7. Widgetized Footer

2.1.8. Lightbulb how to use shortcodes

2.1.9. Insert Image the easy way to position images in content

2.1.10. ID numbers for Posts, Custom Posts, Pages, Categories

2.1.12. Custom Posts

2.1.13. HTML Editor additional buttons

2.2. Features and options overview

2.2.1. Innovation > General

2.2.2. Innovation > Menu and Innovation > Page Menu

2.2.3. Innovation > Quick News

2.2.4. Innovation > Floating Objects

2.2.5. Innovation > Home

2.2.6. Innovation > Homepage Sliders (5 different sections)

2.2.7. How to create pages (and how to use page templates)

2.2.8. Page templates in Innovation+Science 2 theme 21

2.2.10. I+S2 DCWP Widgets 24

2.3 Restrictions and recommendations

Advanced WordPress Theme

3. FAQ - quick help for most commonly asked questions

3.1.1. How to change the site logo on header

3.1.2. How to add header community icons (theme icon example)

3.1.3. How to create submenu and link it to other menu item

3.2. BLOG - VIDEO FROM YouTube OR Vimeo

3.2.2. Main menu is covered by videos from You Tube or Vimeo...

3.3. SIDEBAR AND WIDGETS

3.5. PROBLEMS AND SOLUTIONS

3.5.1. Thumbnails are not generated for Progress Slider on Homepage

3.5.2. Thumbnails problem (timthumb)...

3.5.3. Error in the dashbord "Warning... cp_controlpanel.php on line 38"

A: HTML Special Characters

B: Page 404 Additional Information

Digital Cavalry, www.digitalcavalry.com

Digital Cavalry, www.digitalcavalry.com

Advanced WordPress Theme

Digital Cavalry, www.digitalcavalry.com

1. Installation and Introduction

1.1. How to install WordPress (based on version 3.1)

Server username for example,

Server password for example,

Database name for example,

Digital Cavalry, www.digitalcavalry.com

Advanced WordPress Theme

1.2. How WordPress CMS works - introduction

Digital Cavalry, www.digitalcavalry.com

Advanced WordPress Theme

"Innovation" Admin Panel (a small part of General Options section)

Digital Cavalry, www.digitalcavalry.com

2. How to work with I+S2 theme

2.1.1. Basic setup (important):

2.1.2. Menu (main navigation and other header menus):

Digital Cavalry, www.digitalcavalry.com

Advanced WordPress Theme

2.1.3. Slider setup:

2.1.4. Homepage setup:

2.1.5. Sidebars / Widgets: