
Documentation for HappyKiddo WordPress Theme
HappyKiddo WordPress Theme
- Created: 23 Sep 2021
- Update: 18 Sep 2022
If you have any questions that are beyond the scope of this help file, Please feel free to go to Item Support Page.
Demo content
To Import the HappyKiddo demo content, you must first install and activate the HappyKiddo theme and plugins (see previous chapters)
How to install the demo content
Step1:Navigate to“Appearance –> ImportDemoData”
Step 2: Click on “Import Demo Data”
How to Setup the Google Maps integration
Step 1: Navigate to “Appearance - Customize” and click on “HappyKiddo Integrations”
Step 2: Add (copy/paste) Google Maps API KEY
Plugins
Visual Composer
Please view more information about the Visual Composer HERE
Revolution Slider
Please view more information about the Revolution Slider HERE
Contact form 7
Please view more information about the Contact Form 7
Translation
All strings in HappyKiddo theme are translation ready. We recommend using the WPML plugin.
Custom posts
HappyKiddo theme comes with four custom posts. They are used to organize and extend functionality of the team, portfolio, services and testimonials. Below you will find more information about each of them.
Team
From the team custom posts you can enter more customized fields for each team member. Custom fields are not mandatory.
Extended fields are:
- Social links – you can add four social media links. They will appear with their icons
- Role – this field will display the member’s role
- Phone – this field will display the member’s phone
- Email - this field will display the member’s email address
- Location - this field will display the member’s location
- Fax - this field will display the fax
- PDF URL - this field will display a link to a PDF available for download
- VCard URL - this field will display a link to a VCard available for download
- Background Image - this field will display a background image in the header section
- Team 2 VC module image - this field will display an image in the Team 2 VC element -
Step 1: From dashboard menu navigate to “Team” and click on “Add New”
Step 2: Please enter the title (name) text, featured image and all Team member field which you want.
Step 4: Click on “Publish”
Portfolio
From the Portfolio custom posts you can enter more customized fields for each portfolio project. The custom fields are not mandatory.
Extended fields are:
- Project URL button text
- Project Client
- Project URL
- Additional Project Description Title
- Additional Project Description
- Additional image for header
Step 1: From the dashboard menu navigate to “Portfolio” and click on “Add New”
Step 2: Please enter a title, text, featured image and all Portfolio field which you want. o
Step 3: Click on “Publish”
Services
Step 1: From the dashboard menu navigate to “Services” and click on “Add New”
Step 2: Please enter a title, text and featured image.
Step 4: Click on “Publish”
Testimonials
Step 1: From the dashboard menu navigate to “Testimonials” and click on “Add New”
Step 2: Please enter a title, text and featured image and Testimonials fields
Step 4: Click on “Publish”
Custom HappyKiddo Visual Composer Elements
How to setup and use "HappyKiddo Our Team" VC element
“HappyKiddo Our Team” VC is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for Team.
- Note: Before using the HappyKiddo Our Team VC element, you must create at least one team member in the “Team” posts.
Step 1: Navigate to “Pages” and click on the page in which you want to display the team members
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Our Team”
Step 3: A menu with options will open and you should enter a title, limit of members to show, columns and the other options.
Step 4: Click on “Save Changes”
How to setup and use "HappyKiddo Our Team 2" VC element
HappyKiddo Our Team 2 VC is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for the Team.
Note: Before using the HappyKiddo Our Team 2 VC element, you must create at least one team member in the “Team” posts.
Step 1: Navigate to “Pages” and click on the page in which you want to display the team members
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Our Team 2”
Step 3: A menu with options will open and you should enter a title, limit of members to show, columns and other options.
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Posts Templates" VC element
“HappyKiddo Post Templates” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom templates for posts.
Note: Before using the HappyKiddo Posts Templates element, you must create at least one post.
Step 1: Navigate to “Pages” and click on the page in which you want to display the posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and
choose “HappyKiddo Posts Templates”
Step 3: A menu with options will open. Please use “Query Builder” to filter posts and then from the dropdown list select one of the seven provided post templates. In addition, you have an options for the color and the slider.
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo About Us" VC element
HappyKiddo “About Us” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for about us.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo About Us”
Step 3: Enter a title, text and add media
Step 4: Click on “Save Changes”
How to setup and use "HappyKiddo Services" VC element
“HappyKiddo Services” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a “Services” page.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Services”
Step 3: Enter a title, limit, icon and text
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Testimonials" VC element
“HappyKiddo Testimonials” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a “Testimonials” page.
Step 1: Navigate to “Pages” and click on the page on which you want to display the posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Testimonials”
Step 3: Enter a title, limit and image
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Pricing Row" VC element
“HappyKiddo Pricing Row” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a Pricing Row.
Step 1: Navigate to “Pages” and click on the page on which you want to display the posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and
choose “HappyKiddo Pricing Row”
Step 3: Enter a title, price, currency, period, description, features, a button title and a link
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Portfolio Posts" VC element
“HappyKiddo Portfolio Posts” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for Portfolio Posts.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Portfolio Posts”
Step 3: Enter a title, limit and text
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Portfolio Posts 2" VC element
“HappyKiddo Portfolio Posts 2” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for Portfolio Posts 2.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Portfolio Posts 2”
Step 3: Enter a title, limit and text
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Contact Block" VC element
“HappyKiddo Contact Block” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a Contact Block.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Contact Block”
Step 3: Enter a title, address, Google Maps API Key, phone, email, social media links and icon.
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Call to Action" VC element
“HappyKiddo Call to Action” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a Call to Action.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Call to Action”
Step 3: Enter a title, image and button text and link
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Counter" VC element
“HappyKiddo Counter” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a Counter.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Counter”
Step 3: Enter a title, number, symbols before number, symbols after number, number size and text
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Advantages Block" VC element
“HappyKiddo Advantages Block” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for an Advantages Block.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Advantages Block”
Step 3: Enter a title, description and icon
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Features Block" VC element
“HappyKiddo Features Block” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template for a Features Block.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Features Block”
Step 3: Enter title, description and image
Step 4: Click on “Save Changes”
How to setup and use the "HappyKiddo Contact Form" VC element
“HappyKiddo Contact Form” is a custom element which extends the “Visual Composer”. The aim of this element is to provide a custom template fora Contact Form.
Step 1: Navigate to “Pages” and click on the page on which you want to display posts
Step 2: From the Visual Composer Panel click on the “Add Element” button (Plus icon) and choose “HappyKiddo Contact Form”
Step 3: Enter a title, email to, email subject and text
Step 4: Click on “Save Changes”
Blog and Blog Posts
How to change the Blog style
HappyKiddo theme comes with 5 different blog style templates. Please follow the instructions:
Step 1: Navigate to “Appearance - Customize” and click on “Blog Settings”
Step 2: In the “Blog Style” section, click on the dropdown menu and select the desired blog style
Step 3: Click on “Save & Publish”
How to change the blog style color
Step 1: Navigate to “Appearance - Customize” and click on “Blog Settings”
Step 2: In the “Blog Style” section, click on the “Select Color” button and select the desired blog color
Step 3: Click on “Save & Publish”
How to change the blog width
Step 1: Navigate to “Appearance - Customize” and click on “Blog Settings”
Step 2: In the “Blog Width” section, click on the dropdown menu and select the desired blog
width
Step 3: Click on “Save & Publish”
How to change the blog sidebar appearance
Step 1: Navigate to “Appearance - Customize” and click on “Blog Settings”
Step 2: In the “Blog Sidebar Style” section, click on the dropdown menu and select the desired blog Sidebar style
Step 3: Click on “Save & Publish”
How to turn on/off related blog posts
Step 1: Navigate to “Appearance - Customize” and click on “Blog Settings”
Step 2: Check the “Show Related Posts” box to turn ON the related posts functionality
Step 3: Click on “Save & Publish”
General Settings
|___ How to select a general layout
HappyKiddo theme comes with two general options for layout – “Boxed” and “Full width” If you choose your website to be “Boxed”, width will be limited to 1170px.
If you choose the “Full width” option, the website will be stretched to your monitor size.
Step 1: Navigate to “Appearance - Customize” and click on “General”
Step 2: In the “General layout” section, click on the dropdown menu and select the desired General layout
Step 3: Click on “Save & Publish”
|___ How to select a general color accent
General Color accent is used to set easily a color to the whole website.
Step 1: Navigate to “Appearance - Customize” and click on “General”
Step 2: In the “General Color” section, click on the dropdown menu and select the desired General color accent
Step 3: Click on “Save & Publish”
|___ How to turn on/off HappyKiddo widgets
HappyKiddo theme comes with the option to enable or disable theme widgets
Step 1: Navigate to “Appearance - Customize” and click on “General”
Step 2: Check the “Use HappyKiddo Theme Widgets” box
Step 3: Click on “Save & Publish”
|___ How to select/change the general font
HappyKiddo theme comes with two font options – to use the standard font or the Google font.
Step 1: Navigate to “Appearance - Customize” and click on “General”
Step 2: In one of the sections: “Use Standard font” or “Use Google font”, click on the dropdown menu and select your preferred font
Step 3: Click on “Save & Publish”
|___ How to change the Page Not Found style (404 page)
HappyKiddo theme comes with two different templates for the “Page not found” page ( 404 ) When you select “Version 1” or “Version 2”, a preview will be displayed.
Note: To see the preview, you must navigate to a not valid page
Step 1: Navigate to “Appearance - Customize” and click on “General”
Step 2: In the “Page Not Found Style” section, click on the dropdown menu and select “Version 1” or “Version 2”"
Step 3: Click on “Save & Publish
|___ How to change the contact information
Step 1: Navigate to “Appearance - Customize” and click on “Contact and Social”
Step 2: Enter the necessary content in the contact fields
Step 3: Click on “Save & Publish”
|___ How to activate/deactivate HappyKiddo custom post types
HappyKiddo theme comes with 4 custom post types: Team, Portfolio, Services and Testimonials. Each of the custom post types can be enabled or disabled.
Step 1: Navigate to “Appearance - Customize” and click on “Post types Manager”
Step 2: Check the boxes for all custom post types which you would use.
Step 3: Click on “Save & Publish”
|___ How to integrate HappyKiddo theme with Mailchimp
HappyKiddo theme could be integrated with MailChimp. To do that you need to generate an API key and to create at least one list.
Step 1: Navigate to “Appearance - Customize” and click on “HappyKiddo Integrations”
Step 2: Enter the API key in the “MailChimp API key” field
Step 3: Enter the list ID in the “MailChimp list ID” field
Step 4: Click on “Save & Publish”
|___ How to integrate HappyKiddo Theme with Google maps
HappyKiddo theme could be integrated with Google Maps. To do that you have to generate an API key.
Step 1: Navigate to “Appearance - Customize” and click on “HappyKiddo Integrations”
Step 2: Enter the API key in the “Google Maps API key” field
Step 3: Click on “Save & Publish”
Adding plugins
Once HappyKiddo Theme is installed, you must install and activate two mandatory and several recommended plugins. License for Visual Composer is provided and included!
|___ Mandatory plugins
Immediately after theme activation, you will see a notification about required plugins. *Tip: You can use mass install and mass activation from the “Options” field.
|___ How to install and activate Visual Composer Plugin
Step1:From required notification, please click on“Begin installing plugins”
Step 2: Move the mouse over “WPBakery Visual Composer” and click on “Install”
Step 3: When installation is ready click on “Return to Required Plugins Installer”
Step 4: Again move the mouse over “WPBakery Visual Composer” and click on “Activate”
|___ How to install and activate HappyKiddo theme shortcodes plugin
Step 1: From required notification, please click on “Begin installing plugins”
Step 2: Move the mouse over “HappyKiddo theme shortcodes” and click on “Install”
Step3:When the installation is done click on“Return to Required Plugins Installer”
Step 4: Again move the mouse over “HappyKiddo theme shortcodes” and click on “Activate”
|___ Recommended plugins
The following plugins are not mandatory, but highly recommended. Few of them are used for demo content import.
How to install and activate Revolution Slider plugin
Revolution Slider is an innovative, responsive WordPress Slider Plugin that displays your content in a more beautiful way
Step1:Purchase“RevolutionSlider”
Step 2: Log into Codecanyon and click on your username (top right corner). From dropdown menu select the “Downloads” link
Step 3: Download “Revolution Slider”
Step 4: Navigate to “Plugins -> add new” and click on “Upload Plugin”
Step 5: Click on “Choose file” and navigate to the folder where “Revolution Slider” is located
Step 4: Select the plugin zip and click on “Install now”
Step 5: Activate the plugin
Note: We do not provide a license for Revolution Slider. You must purchase the plugin.
How to install and activate Contact Form 7 plugin
Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with a simple markup.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “Contact Form 7 plugin” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “Contact Form 7 plugin” and click on “Activate”
How to install and activate One Click Demo Import
Import your content, widgets and theme settings with one click.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “One Click Demo Import” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “One Click Demo Import” and click on “Activate”
How to install and activate Booking Ultra Pro Appointments Plugin
Booking Ultra Pro Appointments Plugin will help you to create a professional solution for a booking calendar.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “Booking Ultra Pro Appointments Plugin” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “Booking Ultra Pro Appointments Plugin” and click on “Activate”
How to install and activate MailChimp for WordPress
MailChimp plugin provides a great functionality for subscriptions and newsletters.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “MailChimp for WordPress” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “MailChimp for WordPress” and click on “Activate”
How to install and activate WP Retina 2x
Creating and displaying retina images.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “WP Retina 2x” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “WP Retina 2x” and click on “Activate”
How to install and activate Coming Soon Plugin
Coming Soon per post/page or global is a plugin which provides coming soon and/or under construction functionality.
o Step 1: From the notification for required plugins, please click on “Begin installing plugins”
o Step 2: Move the mouse over “Coming Soon Plugin” and click on “Install”
o Step 3: When the installation is done click on “Return to Required Plugins Installer”
o Step 4: Again move the mouse over “Coming Soon Plugin” and click on “Activate”
Installation and Activation
There are two ways to install the theme - via FTP upload or via WordPress admin menu. Below are the steps needed for both ways.
Note: First you need to download the theme. Steps are described in previous chapter. Once the zip file is downloaded, you must unzip it. Now you will see a few folders and zips (full list is described in chapter - “What is included”).
|___ Installation via WordPress admin:
Step 1: Navigate to WordPress Dashboard -> Appearance -> Themes and click on “Add New” button
Step 2: Click on “Upload theme” button
Step 3: Click on “Choose file” and navigate to the folder where “Vesteotheme.zip” is located.
Step 4: Select the theme zip and click on “Install now”
Step 5: Activate the theme
|___ Installation via FTP upload:
Step 1: Connect to your server with FTP client ( Example: FileZilla)
Step 2: Unzip the theme
Step 3: Copy folder “Vesteo-theme” to “wp-content/themes/”
Step 4: Activate the theme from Appearance -> themes menu
Download HappyKiddo theme
HappyKiddo theme could be downloaded from the provider website anytime.
Step 1 : Log into provider website and click your username(top right corner). From dropdown menu select the “Downloads” link.
Step 2 : Find HappyKiddo Theme and click the “Download” button. From dropdown menu select to download “All files & documentation”
Download will start in a few seconds.
References
Images:
Some images in the Theme are downloaded from Unsplash (https://unsplash.com) and they are free for commercial usage.
All other images are bought with proper license from 123.rf (http://123rf.com)
Other: All external scripts used in the HappyKiddo Theme are free for commercial usage.
Child Theme
A WordPress child theme takes the functionality of the main theme. It gives you the possibility to customize an existing theme. Instead of modifying the theme files directly, you can activate the child theme and work within it.
All customizations are stored in the child theme and anything in the child takes over the parent. So if the same file exist in both child and parent, the file from the child will control that aspect of the theme.
Working with child themes, your customizations are safeguarded from future upgrades because you only upgrade the parent theme, which you never edit, while the customizations are protected in your child theme which you don't upgrade.
Note : When you install one of our themes you must upload both parent and child theme folders to /wp- content/themes/ but you should only activate the Child theme via Appearance > Themes.
What is included
When you download our theme, you will receive a zip file with the following content:
o HappyKiddo Theme – zip file with the main theme ( Vesteotheme.zip ) o HappyKiddo Child Theme – zip file with the child theme ( Vesteochild.zip )
o Demo folder – Demo folder with Revolution Slider demos..
o Documentation Folder – Folder with the full available documentation regarding HappyKiddo Theme.
Description
Thank you dear customer for purchasing our theme! We do our best to develop top WordPress themes with great functionality and premium design. In order to save you time, we highly recommend you to read this document to the end. Thank you again!
HappyKiddo Theme is a Multi-purpose business theme with modern design and bug free code. This theme is perfect for law firms, accounting companies, consultants, financial advisors and other business websites. There are different headers, footers, page layouts and templates. The theme comes with many customization options. All demo contents are included! Enjoy :-)
More about WordPress
To use HappyKiddo Theme, first you need to have WordPress installed. Below you can find more information about WordPress:
Support
Support is organized via Entro Themes’s support system. Standard support coverage is 6 months from the purchase date. Once this period is up, you have opportunity to extend the support coverage for another 6 or 12 months.
|___ How to use the support system
Our support system has two main features – to manage client tickets and to manage knowledge base.
Before you open a new ticket, please check our knowledge base for a solution. This simple step will help you to save time. More than 90% of all client tickets and the solutions are well described in our knowledge base system.
|___ How to open a new support ticket
o Step1:Goto TicketSystem
o Step 2: From the upper right corner click on “New support ticket”
o Step 3: Please follow the instructions on the screen and click on “Submit”