“Kids Voice School WordPress Theme” Documentation by “Aislin” v1.3


“Kids Voice School WordPress Theme”

Created: 30.04.2012
Updated: 25.05.2012
By: Aislin
Email: aislin.themes@gmail.com

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


A) Introduction - top

The table of contents below should help get you started so you can jump to the section you need help with. We have included tons of screenshots throughout this file in an attempt to make finding your answers as easy as possible.

OUR RECOMMENDATION!
Keep in mind that after successful installation of a theme, we are highly recommend you to import DEMO content. It is included in files you've downloaded.

Table of Contents

  1. Introduction
  2. Requirements
  3. Install instructions
  4. Menu Settings
  5. Sidebars and Widgets
  6. Kids Voice School Administration panel
  7. Manage Posts
  8. Manage Galleries
  9. Shortcodes
  10. Create Contact Page
  11. Sitemap
  12. FAQ
  13. Sources and Credits

B) Requirements - top

This WP theme has following requirements:

This WP theme was tested on following Web browsers:


C) Install a Theme - top

Please follow all installation steps.

Step 1.) Install new instance of a wordpress. (Check for supported versions)

If you did not installed WordPress yet go ahead and do so now. Many webhosts like GoDaddy provide utilities to automatically install wordpress for you as a value added application. If not, no worries, wordpress is very easy to install. Infact the WordPress site actually has tutorials walking you through how to set it up.



Step 2.) Uncompress the file downloaded from ThemeForesta. Uncompressed file will have following structure.
Step 3.) Uploading Theme file (.zip)

Navigate to a page shown below and upload file "kids.zip". This file can be found in downloaded zip archive.



After succesfull uploading you should see screen like this. Press Activate link to activate the theme.





Congratulations! You have installed and activated the theme.

B) Import demo content - top

We have created demo content that you can import into your WordPress install, so you can hit the ground running! Pages for all the available layouts, shortcodes, blog posts and galleries have been setup in this XML file. All you have to do is import it. Steps are outlined below with screenshots. This step is not mandatory.

Demo content XML file is placed in XML folder.(Check File structure). To import data follow this steps.



In case you have already installed and Activated a Wordpress Importer plugin next two steps should be ignored.








Now you are ready to customize your Theme.


This WP theme comes with predefined Main Navigation. It is fully customizable. All you need to do is to select it from drop down menu and press Save button. Follow screenshot.

Do not forget to click SAVE button after you select a main-menu option from a dropdown menu.


This theme supports 7 sidebars. Four sidebars for the footer section. Blog sidebar(displayed at blog pages), Homepage sidebar (displayed at homepage), General sidebar(displayed at other pages.) By default Wordpress sets default(WP built in) widgets. Remove them from a sidebars if any. At the Widget's list you can find widgets with "Kids" prefix in a widget name. These widgets are specially tailored for this theme. Please use these widgets. Simply drag and drop widget from widget list to a sidebar. Important note. Some widgets are made for footer section only. Pay attention on widget's description. Also there is one more constraint related to sidebars. Sidebar at home page is able to host only one widget.




F) Settings - top

What is the difference between this theme and a default one?



All settings are grouped in two sections. Main Settings and Slider settings. Further more Main Settings are grouped in many smaller logical groups. Every option has a short description included in option pages. Do not forget to hit the SAVE button after editing options. Apart from "Custom Theme Administration Panel" there is one custom post type called Galleries. About Galleries later.




Colors & Images


This section allows you to set Color sheme for a site, favicon and logo image. Select your options and press SAVE button. Take in mind that for the logo there is an restriction related to dimensions. Maximum recommended size for a logo picture is 100px. Standard size of a favicon picture should be 16x16px.

Blog



These options allows you to change the way how blog pages looks like. Keep in mind that all options are not appliable to all blog pages. Options overview:


Header



These options are applied to header section of every page. Some options are applied only to a HOME PAGE header section. Options overview:


Footer




Home Page



Options realted to a Homepage only


Google Maps



Google Map is shown at the contact page. Provide a coordinates to your bussiness. Here is the link how to do it. Find the coordinates of a point of interest. Also do NOT forget to enable google maps on your site by clicking ENABLE button (first option).

Contact

All options related to a contact information. These options are also used by some widgets. First four options are shown at Contact Page. Other options are related to an email messages.




Social

These options controls Social icons area. Provide Full URL to the related sites/services (ex. for Facebook you could enter something like http://www.facebook.com/themelaboratory.) In case you do not provide data for a particular Service (facebook, twitter...) related icon will be hidden.




Google Analitics

First step is to generate your Google Analitics code. After that just paste it to a related textarea.




Misc

This options are applied to all pages. It allows you to add your Custom CSS/JS code without editing theme's files.




F) Slider Settings - top

At the moment there is only one slider type (Cycle slider). To create slider you must add at least one slide. To add new slide press green button "Add New Slide". Grey box will appear below a green button. Click once on the grey box. Set requested options. When you create two or more slides you will be able to reorder them by simply Drag&Drop action. Hold left mouse click on Grey box and start to drag box below another slide. When you are satisfied with your slider press SAVE SLIDER button to save a slider.

Important note: Minimal size for pictures should be 950x300px. If you upload larger picture the WordPress will resize and/or crop such a picture to 950x300px and 650x300px. First one is used by Large slider and the smaller one is used by slider with scroller.

In case you upload smaller image Wordpress will be unable to create new resized picture so the theme will use original image (the uploaded one). This feature was introduced in theme version 1.2




G) Create / Edit a Post - top

Let's see what additional options do we have when creating a posts. Follow screenshots. Make sure that Events Meta box is enabled by thicking "Post Event Option" at the Screen Options panel

Some widgets require subtitles for a post. Also Events widget requires additional info( Dates).



An easy way to create, edit your galleries. First we should create one. Please follow screenshots.





Press Edit meta data button.

Do not forget to Save Gallery. After this step we are ready to insert created gallery to our pages/posts. This can be done by using shortcodes. For more info about shortcodes please read next section of this document.



I) Shortcodes - top

All of your shortcodes have been built right into the WordPress text editor. A screenshot has been provided below. Just click on the shortcode you want to add, configure the settings for that shortcode from the pop-up window and click Add Shortcode. This will drop the shortcode right into your text editor. Update your page or post, and your shortcode will show up on your page. In the Demo XML content we have created demo pages for each shortcode, so you can open up any of these pages to view the shortcodes. . Some shortcodes can be simply injected to a post or page. On the other hand there are also advanced shorcodes which require parameters. For example, to add gallery shortcode click last icon at screenshot.

A description of shortcode buttons follows. We start from left to the right.


Following options are related to a gallery shortcode.



1. Select already created gallery from a list and press Insert button. Gallery shortcode provides "Number of Columns option". This option determs how many columns your gallery will have. By default 4 columns. It is important to note that some page layouts do not support 4 column galleries. For example all pages with sidebar does not support 4 column gallery because there is no enough room to place four thumbs in one row. Instead use 3 column gallery for those pages. Full width pages support any number of columns. Edit this option and see what is happening with your galleries.

Inserted gallery shortcode





J)Create Contact Page - top

This section describes how to create Contact Page. Before we start please make sure that you have entered all data related to a contact page. For more info: Link

To create contact page please follow these steps:

  1. Create New Page and select "Contact Page Template" from a list of available templates.
  2. Save it.
  3. Open WordPress Menu Administration Panel (Apperance->Menus)
  4. Add newly created page to an existin menu and click Save.
  5. That's all.


K) Frequently Asked Questions - top

Questions and Answers that could be helpfull to you to get familiar with building your site.



L) Sitemap - top

This theme includes special page template for a SiteMap. To create Sitemap page and to link it to a "sitemap link" at the footer section follow this instructions:


Maybe this is not the simplest way to create and to link a sitemap but on the other hand it gives you flexibility. You can switch this built-in sitemap with yours at an time.



M) Sources and Credits - top

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Aislin

Go To Table of Contents