- Getting Started
- Installation of the theme
- Setting up the Homepage
- Theme Features
- Theme Customization
- Footer area setup
- How to set up the sidebar
- Adding the Images to Revolution slider and Layerslider
- Header Styling & Menus
- Setting up Content pages and posts
- Blog page
- Contact us page
- Demo content import
- WooCommerce shop
Happy Child: Kindergarten WordPress Theme
A short guide and general information to help you get to know your new theme.
Above all, We would like to thank you for purchasing this theme, your contribution is very much appreciated.
This document covers the installation and use of this theme and reveals answers to common problems and issues - We encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.
Installation of the theme
Installation of the themeTo install this theme you must have a working version of WordPress already installed. For information regarding the installing of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress
InstallationWhen you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways: FTP Upload - Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server WordPress Upload - Navigate to Appearance -> Add New Themes -> Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.
2. WordPress Importer
3. WooCommerce (for online shop)
4. Visual Composer Extensions
5. Visual Composer Customizer Add-on
6. Ultimate Addons for Visual Composer
7. Revolution Slider
8. LayerSlider WP
9. Mega Main Menu
10. Easy Google Fonts
11. Contact Form 7
Setting up the Homepage
Setting up the HomepageTo set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. The title for this page can be up to your liking. Under Settings > Reading please setup the new Homepage. Actually you can set any page to be your homepage. Once it’s created you can compose your homepage layout. The design layout is created under Bootstrap framework which is split into 12 columns grid. Each widget has its own maximum and minimum widths, so depending on that you can work out the layout for each page. As you can see the homepage just like any the page is now 100% constructible out of the modules we have in Visual Composer. The homepage can be created by any element in Visual Composer. To view the short manual on how to use the Visual Composer, please follow this link:
http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/full_screen_preview/242431 The detailed documentation of Visual Composer can be found in main ZIP archive under ‘manual’ folder.
Theme CustomizationWordPress Customize allows you to setup the general styling of the website visually. In WordPress menu go to Appearance > Customize Here you can add your Branding items (logo, slogan), choose appropriate Fonts (630 Google Fonts) for Headings, Content area, etc. You can also choose the main colors for the site under Visual Styles. Typography: here you can setup the font family for the main content, specify the sizes of h1-h6 and font weight. You can use standard Web Fonts, as well as 630 Google fonts. Header: In that folder you can upload logo, specify header position, type of header. Header can have 2 positions: Static or Fixed Type of header: Default, Transparent or Colored Social buttons: The social URL buttons appear if the link is setup. Colors: you have the options for setting up the colors for Background, main Base 1 color and secondary Base 2 color. Background image: in that section you can specify the site wrapper style – boxed or wide. If you prefer a boxed version, you can also set up the background image or pattern. Navigation: Specify top primary menu and footer menu. You can create the menus under Appearance > Menus. Static Front Page: you can choose the homepage here.
Footer area setup
Footer area setupThe footer is the same on all pages. You can set that up on the Widgets page (Appearance > Widgets) and choose from the suggested widgets. Please see the attached screenshot.
How to set up the sidebar
How to set up the sidebara) Please enter the Appearance > Widgets b) Click on ‘Add new sidebar’ and Drag the widgets you need. c) Move to the Appearance > Customize and choose the sidebar under Widgets. Once it’s complete you can paste the sidebar on any page using Visual Composer.
Adding Images to Revolution slider & Layerslider
Adding Images to Revolution slider & LayersliderYou will need to upload various images to the Revolution slider. You can add items from Revolution Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides. More detailed manual you can find in the downloaded Manual folder “Slider Revolution” or just follow this link to view the video manual:
http://www.themepunch.com/codecanyon/revolution_wp/liveguide/02.video.html Layerslider 5: you can enter the plugin and create a new slider. Once the slides are created you can insert it from Visual Composer modules. The full documentation and manual regarding the slides setup and transition animation you can find on the developer’s website:
http://kreaturamedia.com/layerslider-responsive-wordpress-slider-plugin/ Using Layerslider you can add different slides with parallax background.
Header Styling & Menus
Header Styling & MenusThere is only one navigation on the site – in the top, so you can adjust it under Appearance - > Menus This is standard Wordpress functionality, you can choose from the pages, post categories, or custom links. Mega Main Menu: In this theme you can use Mega Main Menu instead of the standard menu. If the plugin is already installed you can see additional features for each menu item under WordPress > Menus. If you enter the plugin Mega Main Menu you can specify the settings, add logo, add layout options for the menus. The plugin documentation for Mega Main menu you can find here:
Setting up Content Pages and Posts
Setting up Content Pages and PostsAll pages can be created as simple content pages or built by means of Visual Composer page builder. You will need to first set up the page and then add and set up content blocks. Just add a row and add the modules to row from the Visual Composer dashboard. Now you can choose how to compose your template. Add Sidebars, Content modules, Testimonials, etc. You have everything to realize your imagination. We have also included three extension packages for Visual Composer. You can use them free. Just pick the module you like and add it to the row. Then you can edit it. You can also edit the row background, add video or parallax images to the background. Just click on Row edit icon and you will see the options & features, which are available for this row.
Blog pageThe Blog page is a usual blog, formed from the posts which belong to categories created by you, which have tags and featured images that show in the post listings on the blog page. The blog page can only have the sidebar on the left or right, and the contents of the sidebar, as described above, are set under the Appearance > Widgets. You can use shortcodes in text editor while creating a Blog post content. Blogs can be posted by someone who has the access to the backend of the site with admin or author role. Anyway that person will be able to log into the WordPress panel and have a user profile.
Contact us page
Contact us pageThe contact us page is built via Contact 7 plugin. Contact module is a usual module, which is setup via Visual Composer and can be added in Pages. Map with location can be added by means of Visual Composer modules as well.
PortfolioPortfolio is created as another custom post type called Projects. Media has 8 post formats: Standard, Image, Video, Audio, Gallery. So basically, you create an individual post with video, podcast or images. You can just choose one of the options below and the system identifies what media type it is. As you see it is straightforward. To create the image gallery just click on Add Media > Create Gallery > Insert Gallery. You should also setup the thumbnail image for portfolio cover. Audio and Video: You can also specify the project URL or insert embed Video/Audio if required. Once it’s done please choose the appropriate post type as well. If you choose Gallery post type and insert embed video, the post will display only Gallery – because of the selected post type.
Content import in one click
Content import in one clickDon’t know where to start on building up your site? We have created an option for you to recreate our theme demo site in just one click. You should just go to Appearance - > Demo Import and click the import button.
WooCommerce shopWooCommerce is the most popular e-commerce plugin for WordPress. Now you can have a shop with all e-commerce features on WordPress. Before you start adding products, please go through the WooCommerce plugin settings and specify everything you need for your shop: Adding the products: You can easily add new products via Products > Add Product Just specify all details with the description and shipping details. For a single product you can upload several photos in Product Gallery. More information about the WooCommerce features you can find here: