1. Theme Setup
1.1 Installation & Setup
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my email: azuratheme@gmail.com
Upload the theme file
- Go to Appearance → Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload Theme button
- Click Browse and select current version of melinda.zip in your computer
- Click Install Now
After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.
Manually activate theme
If you wish to activate manually
- Go to Appearance Themes in the WordPress menu
- Hover over the theme thumbnail and press the Activate button
1.2 Child Theme
A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.
Why use a Child Theme?
There are a few reasons why you would want to use a child theme:
- If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
- Using a child theme can speed up development time.
- Using a child theme is a great way to learn about WordPress theme development.
Child Theme Install
- Log in to the WordPress Administration Panels.
- Navigate to the Appearance > Themes menu.
- Click the Add New button on the top of the screen.
- On the next page, click the Upload Theme button on the top of the screen.
- Click the Choose File button to open up a dialog to browse your computer and navigate to Child Theme folder. Select the file melinda-child.zip and click Install Now.
- Please wait a few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.
- That's it! Now you can add custom CSS code and PHP functions.
How to use the child theme
- After install the child theme navigate to Wordpress admin panel.
- Navigate to the Appearance > Editor menu.
- In the section titled Templates, you will see a list of files that you can edit:
- functions.php - This lets you add additional functions, classes and hooks to WordPress theme without needing to alter the code within the functions file of the parent theme.
- style.css - This lets you add or change the theme styles (colors, sizes, fonts, backgrounds etc.) without needing to change the code within the style.css file of the parent theme.
- Select the file you want to change and add your PHP/CSS code in the editor on the left side.
- Click the Update File button when you're finished editing a file.
1.3 Plugin Require
This theme requires the installation and activation of some plug-ins to add additional features and capabilities. If you want to use contact form, instagram, newsletter and demo import, you need to install the following plugins:
Kirki - Kirki allows theme developers to build themes quicker & more easily.
Elementor - Introducing a WordPress website builder, with no limits of design. A website builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.
WooCommerce - WooCommerce is the world’s most popular open-source eCommerce solution.
Mailchimp for WordPress - This plugin helps you grow your Mailchimp lists and write better newsletters through various methods. You can create good looking opt-in forms or integrate with any existing form on your site, like your comment, contact or checkout form.
Contact Form 7 - Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Smash Balloon Instagram Feed - Display Instagram posts from your Instagram accounts, either in the same single feed or in multiple different ones.
One Click Demo Import - The best feature of this plugin is, that theme authors can define import files in their themes and so all you (the user of the theme) have to do is click on the “Import Demo Data” button.
1.4 Install Demo Content
Well, it's really simple.
If you're using the theme to build a new website which doesn't have content yet, I strongly recommend you to use the demo content files.
- Navigate to the Appearance → Import Demo Data in the WordPress admin
- Click the Import Demo Data button
2. Theme Options
2.1 Site Style
Setting font family, font-size, color, background image your site
You can manage theme options by navigating to Appearance → Customize → Style Setting.
Typography Site

Color Site

Background Site

2.2 Header
You can manage theme options by navigating to Appearance → Customize → Header.
Site Identity
- Choose logo or title
- Upload logo if you choose logo style
- Enter the information for site: Site Title, Tagline...
- Setting typography for site title, tagline
- Click the Published button.

Header Style
- Set background header
- Set Icon Color
- Set Icon Hover Color

Main Menu Typography
- Setting typography for main menu item
- Setting color text link and hover for main menu item
- Setting typography for sub menu item
- Setting color text link and hover for sub menu item
- Setting background color for sub menu
- Setting border color for sub menu item
- Click the Published button.

2.3 Social Network
You can manage theme options by navigating to Appearance → Customize
- Click the tab Social Networks
- Enter the links of your social networks if you want to display
- Click the Published button.

2.4 Blog Layout
You can manage theme options by navigating to Appearance → Customize → Blog.
Blog Layout
- Click the Blog Layout
- Configuration hide/shows sidebar
- Configure the number of posts on 1 page
- Click the Published button.

Blog Archive
- Click the Blog Archive
- Configuration hide/shows sidebar
- Configure the number of posts on 1 page
- Click the Published button.

Single Post
- Click the Single Post
- Configuration hide/shows sidebar
- Configure hide/shows Relate Post
- Click the Published button.

2.5 Posts Feadtured
You can manage theme options by navigating to Appearance → Customize → Featured Posts.
- Choose Show/hide Featured Posts
- Select Posts
- Click the Published button.

2.6 Pormo Boxes
You can manage theme options by navigating to Appearance → Customize → Promoboxes.
- Choose Show/hide Promobox
- Enter the information for promo box : Image, Title, Description, Link url, Link text
- Click the Published button.

2.7 Footer
You can manage theme options by navigating to Appearance → Customize → Footer.
- Enter title Footer
- Show/hide Social Network Footer
- Show/hide Instagram Footer
- Enter shortcode Instagram
- Enter copyright text

3. Elementor Widget
3.1 Melinda Service
Content Tab
- Sub Title: Insert the sub title for the Service Block
- Title: Insert the title for the Service Block
- Choosen Image: Choosen Image for Service Block
- Image Size: Set size for image
- Service Link: Enter link for button View More

3.2 Melinda Client
Melinda Clients
-
Click Add Item button to add item client
- Number Star: Select number star rating
- Client Title: Enter client title
- Client Author: Enter client author
- Client Quote: Enter client quote

Slide Options
- Client Color: Select color for client text
- Navigation: Show/hide arrow and dots for slide
- Dots Positon: Set positon for dots slide

3.3 Melinda Latest Posts
Latets Posts allows displaying the latest posts by category
- Select Category: Select the category you want to display
- Number Posts: Set the number of posts to display if paging is not available
- Background show/hide: Set show/hide background color under image post
- Background color:Select color for background under image post


3.4 Category Image
- Select Category: Select the category you want to display
- Background color:Select color for background under image category
- Positon Background: Set the positon for background

3.5 Melinda Timer Countdown
Use countdown to a preset time

3.6 Melinda Posts Layout
Blog layout is built with elementor. The purpose is to help users combine with other widgets.
- Select Category: Select the category you want to display
- Posts Layout:Select list posts layout
- Blog Posts Per Page: Set number post on 1 page
- Column Grid: Number of grid columns, only applies to posts layout Grid, 1st Full Post and Grid
- Excerpt show/hide: Show/hide post excerpt
- Content Alignment: set text align info post
- Gap Article: space between posts

3.7 Melinda Slide Posts
Similar to featured post on blog page but built with elementor

4. Advanced Setup
4.1 Setup Contact Form 7
Form Code:
Create Contact Form
- Navigate to the Contact → Add New page in the WordPress admin.
- Enter a name for Contact Form
- Copy the code above into contact form
- Click the Save button.

Insert Contact Form



4.2 Setup Mailchimp
Form Code:
Create Mailchimp Form
- Navigate to the Mailchimp for WP → Form in the WordPress admin.
- Copy the code above into form code
- Click the Save Changes button.

Insert Mailchimp Form To Page


4.3 Create Menu
Creating Menus
You can manage and create menus by navigating to Appearance → Menus.
- Click the create a new menu link.
- Enter a name for the menu (this can be anything e.g "Main Menu").
- Click the Create Menu button.
- Select Pages you wanted to be appeared in Menu
- Click on Add to Menu button
- Drag menu item left-right to make it under another menu(sub menu).
- Click Save Menu button


4.4 Update Theme

5. WooCommerce
To add ecommenrce features to your site, you need to install Woocommerce plugin.
You can learn more about it in Woocommerce Documentation.
To add shortcode woocommerce to your site, you can see : Shortcode Woocommerce
6. Source and Credits
Along the project, I've been using the following assets, even if they were images, icons or other files, as listed.
7. Support
If you have any questions relating to this template. Please feel free to email me via my email: azuratheme@gmail.com