SW Kidshouse

View demo

1GETTING STARTED

1.1 Introduction

First of all, I would like to thank you for purchasing this theme. We’ve put in lots of love in developing this wordpress theme and are excited that you’ve chosen this theme for your website. We hope you find it easy to use our theme. This documentation guides you through the main features of the theme and guides you how to use and customize the theme.

1.2 System Requirements

At the basic level, this theme will require the following conditions:

Apache 2.x or Microsoft IIS 7
PHP 5.3.x
MySQL 5.0.4 or higher
WordPress 3.9+, 4.0+

Recommended PHP Configuration Limits: Many issues you may run into such as; white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can contact with your web host and ask them to increase those limits to a minimum or You can do this on your own by finding php.ini file in your root directory as follows:

max_execution_time 360

memory_limit 128M

post_max_size 32M

upload_max_filesize 32M

2INSTALLATION

2.1 Files Structure

At first, you need to download the package about my computer and then unzip the package. The Main Files Gives You All The Content Listed Below

Data folder - Contains the “sample_data.xml” file and “widget.wie” file.
Theme installation package - Contains the sw_kidshouse_theme_v1.1.0.zip (the newest version) file and sw_kidshouse-child-theme.zip WordPress Theme. The child theme is only for users who make code changes.

2.2 Theme Installation

You can install the theme in two ways: through WordPress, or via FTP.

Note: If the theme file size is larger than 8M, please upload to FTP (File Transfer Protocol).

2.2.1 Theme Via FTP Installation

Extract themename_version.zip.
Load your FTP client, such as FileZilla.
Upload the themename_version folder to the /wp-content/themes directory.
In the left menu sidebar, go to Appearance >> Themes.
Click Activate underneath the theme’s named section.

2.2.2 Theme Via WordPress Admin Panel Installation

Step 1 - Open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g (www.your_domain.com/wp-admin/).

Step 2 - Login to your WordPress Dashboard and navigate to Appearance >> Themes. At the top of the page click the Add New button.

Step 3 - Click the Upload Theme button >> Choose File in Import from your computer section. Navigate to previously zipped theme package and open theme installator folder: Select your “ sw_kidshouse_theme_v1.1.0.zip” file and click Install Now.

Step 4 - The uploading process will be started. You will see the message that Theme installed successfully.

Step 5 - After the installation you will be able to activate the theme to do this click the “blue” activation link.

Step 6 - Press “Save Changes” to complete the theme activation.

Once theme is installed, you need to install Required Plugins to get full features working.

2.3 Required Plugins Installation

After installing and activating the theme you will see a yellow popup at the top of the page. Saying: “This theme requires the following plugins…” please click the ‘Begin Installing plugins’ link.

You will be redirected to ‘Install Required Plugins’ page, here you will find all of the theme required plugins. To install them just check all of them and from the drop down select install once installed do the same to activate them.

Note: If the plugins installation process could have a notice some plugins unsuccessful installation, please go to these plugins to install one by one. This case usually occurs as you select all plugins installation at once.

2.4 Sample Data Installation

Step 1 - In the Administrator page, please navigate to Tools >> Import.

Step 2 - Please choose “WordPress” to import.

Step 3 - In Import WordPress page, click “choose file” button to select file “sample_data.xml” to upload.

Step 4 - Assign Authors and Import Attachments with selecting “Download and import file attachments“ and then press “Submit” button.

Step 1 - In the Administrator page, please navigate to Tools >> Widget Importer & Exporter.

Step 2 - After that choose “widget_data.wie” file >> press Import Widgets button.

2.6 Change Product Image Sizes

You can change the image size in “Woocommerce > Settings > Products > Display” section.

woocommerce

After change the images sizes, you should regenerate all the thumbnails. For this, you should install and activate “Regenerate Thumbnails” plugin.

3MENU SETUP

You must define a menu before you can add items to it.

1. Login to the WordPress Dashboard.

2. From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.

3. Select Create a new menu at the top of the page

4. Enter a name for your new menu in the Menu Name box or select a menu.

3.2 Add Items to a Menu

The Screen Options allow you to choose which items you can use to add to a menu. Click on the Screen Options tab to expand the options available for a particular Screen, check (or unchecked) the desired options, then click the Screen Options hanging tab to collapse the Screen Options.

1. For example, Locate the pane entitled Pages.

2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.

3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.

4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

5. Click the Save Menu button once you’ve added all the menu items you want. Your custom menu has now been saved.

The Navigation Label This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog. The Title Attribute This field specifies the Alternative (‘Alt’) text for the menu item. This text will be displayed when a user’s mouse hovers over a menu item.

1. Click on the arrow in the top right-hand corner of the menu item to expand it.

2. Enter the values for the Navigation Label and Title Attribute that you want to assign to the item.

3. Click the Save Menu button to save your changes.

3.4 Add Icon for Menu

The Frontend Appearance:

The Backend Appearance:

1. In your Admin Panel, please go to Appearance >> Menus >> select Menu that you want to add icon. For example: for “Home” menu. Click “Set image” for image of menu and “Set image on hover” for image on hover.

2. Upload files from your computer OR get images from Media Library as you want.

4PAGES

4.1 How To Set your Homepage

Step 1 - Go to Settings > Reading in your WordPress Dasrdoard panel.

Step 2 - Set “Front page displays” to a “Static Page”.

Step 3 - In the drop down menu for “Front Page” choose a page which will be your home page.

Step 4 - Leave the drop down menu for “Posts page” empty, as this is not used by the theme.

Step 5 - Save changes.

reading

4.2 Plugin Visual Composer

SW Kidshouse uses the Visual Composer plugin so that you will not have to configure to display the same with our demo site. When you have finished all of the installation steps as above, in your administrator page click ‘Visit Site‘ link. If you want to edit the content or text block…, please click “Edit With Visual Composer“.

edit-visual

For Example: If you want to edit the content of “Dancing Classes“, please click “pencil” icon to edit.

edit-dancing-classes

In the YTC_Content Settings section, you can edit content or add image… as you want.

settings-dancing-classes

Note: Please go Here to get more info about this plugin.

5 WIDGETS

Step 1 - Navigate to Appearance > Widgets to access the list of widgets and widget sections that they can be added to. The left hand side shows all the widgets you can use. The right hand side shows all the different sections you can add widgets to.

Step 2 - Simply drag and drop the widget you want into the widget section you want on the right hand side.

Step 3 - When finished, make sure to click Save in the widget editing box to save the widgets added to your sidebar.

Here Is A Screenshot That Shows The Various Areas Of The Widget Section Described Above.

The Frontend Appearance of Footer:

5.2.1 Position Footer1

Text Widget: About us

Please go in “Appearance > Widgets” on admin sidebar.
You should add “Text” widget in the sidebar.
You should configure the fields and save.

Backend Settings of About Us:

Copy & Paste the code into text editor:

5.2.2 Position Footer2

Text Widget: Get in touch

Please go in “Appearance > Widgets” on admin sidebar.
You should add “Text” widget in the sidebar.
You should configure the fields and save.

Backend Settings

Copy & Paste the code into text editor:

[contact-form-7 id="85" title="Contact form footer"]

1	[contact-form-7 id="85" title="Contact form footer"]

6 OTHER

SUPPORT - If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System
FAQs - Go to Here to view more the Frequently Asked Questions.