Oralie

Theme Documentation

Theme Installation & Activate

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

  1. Go to AppearanceThemes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload Theme button
  4. Click Browse and select current version of oralie.zip in your computer
  5. 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

  1. Go to Appearance Themesin the WordPress menu
  2. Hover over the theme thumbnail and press the Activate button

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

  1. Log in to the WordPress Administration Panels.
  2. Navigate to the Appearance > Themes menu.
  3. Click the Add New button on the top of the screen.
  4. On the next page, click the Upload Theme button on the top of the screen.
  5. Click the Choose File button to open up a dialog to browse your computer and navigate to Child Theme folder. Select the file oralie-child.zip and click Install Now.
  6. 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.
  7. That's it! Now you can add custom CSS code and PHP functions.

How to use the child theme

  1. After install the child theme navigate to Wordpress admin panel.
  2. Navigate to the Appearance > Editor menu.
  3. 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.
  4. Select the file you want to change and add your PHP/CSS code in the editor on the left side.
  5. Click the Update File button when you're finished editing a file.

Plugin Installation

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:

  • 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.

  • 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.

  • WooCommerce - WooCommerce is a flexible, open-source eCommerce solution built on WordPress. Whether you’re launching a business, taking an existing brick and mortar store online, or designing sites for clients you can get started quickly and build exactly the store you want.

  • Meta Box - Meta Box helps you add custom fields and details on your website such as pages, posts, forms and anywhere you want using over 40 different field types such as text, images, file upload, checkboxes, and more.

How to setup Contact Form

Form Code:
			                	
<div class="row">
    <div class="col-md-6">
        [text* your-name placeholder "Your Name"]
     </div>
    <div class="col-md-6">
     [text* your-email placeholder "Your Email *"]
    </div>
    <div class="col-md-12">
    [text your-subject placeholder "Subject"][textarea your-message 10x5 placeholder "Your Message"][submit id:SendMessage "Send Message"]
    </div>
</div>
			                    
			                

Create Contact Form

  1. Navigate to the ContactAdd New page in the WordPress admin.
  2. Enter a name for Contact Form
  3. Copy the code above into contact form
  4. Click the Save button.

Create Page Contact

  1. Navigate to the PagesAdd New page in the WordPress admin.
  2. Enter a name for Page
  3. Edit with Elementor
  4. Click button Add Template
  5. Insert template Contact Page in tab My Templates
  6. Click the Pulsish button.


How to setup Mailchimp

Form Code:
		                	
<div class="oralie-newsletter">
  <label>Subscribe to the Oralie newsletter to receive timely updates from newsletter to receive timely updates from texts would hardly be possible even now.</label>
  <div class="form-newsletter">
     <input type="email" name="EMAIL" placeholder="Your email address" required="">
  	 <button type="submit" value="Sign up">Sign up</button>
  </div>
</div>
		                	
		                

Create Mailchimp Form

  1. Navigate to the Mailchimp for WPForm in the WordPress admin.
  2. Copy the code above into form code
  3. Click the Save Changes button.

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.

  1. Navigate to theAppearanceImport Demo Datain the WordPress admin
  2. Click the Import Demo Data button

Creating Menus

You can manage and create menus by navigating to AppearanceMenus.

  1. Click the create a new menu link.
  2. Enter a name for the menu (this can be anything e.g "Main Menu").
  3. Click the Create Menu button.
  4. Select Pages you wanted to be appeared in Menu
  5. Click on Add to Menu button
  6. Drag menu item left-right to make it under another menu(sub menu).
  7. Click Save Menu button

Site Identity

You can manage theme options by navigating to AppearanceCustomizeSite Identity.

  1. Upload Logo for site
  2. Enter the information for site: Site Title, Tagline...
  3. Click the Published button.

Social Network

You can manage theme options by navigating to AppearanceCustomizeCalantha Theme Options.

  1. Click the tabSocial Networks
  2. Enter the links of your social networks if you want to display
  3. Click the Published button.

You can manage theme options by navigating to Theme Options.

  1. Click the Blog
  2. Choose a layout blog style for page blog
  3. Configuration hide/shows sidebar
  4. Configure the number of posts on 1 page
  5. Click the Save Changes button.

Disable default colors and fonts

You can disable default colors and font by navigating to ElementorSetting at tab General.

After checked Disable Default Colors and Disable Default Fonts

Custorm Template Elementor

  1. Home page 1
  2. Home page 2
  3. Home page 3
  4. Home page 4
  5. Home page 5
  6. Contact Page
  7. About Page

Block Posts

Allows you to display article blocks by category order by Popular Posts or Latest Posts

Content Tab

  • Title : Insert the title for the Block Posts
  • Style : Choose 1 of 4 block posts styles
  • Order Post : Select posts to display by order Popular or Latest
  • Select Category :Select the category you want to display
  • View More :Show/Hide button view more Post
  • View More Text : Enter text for button View More

4 Block Posts Style

Style 1

Style 2

Style 3

Style 4

Blog Layouts

Blog Layouts helps you drag and drop blog layout style available on the page

Content Tab

  • Title : Insert the title for the Block Posts
  • Select Category :Select the category you want to display
  • Posts Layout Style : Select blog layout style
  • Pagination : Set Show/Hide Pagination
  • Post per page : Set the number of posts to be displayed per page
  • Number Posts : set the number of posts to display if paging is not available

Blog Layout

Zigzag

Grid

Mix

List

Masonry

Standard List

Coppyright Text

You can manage theme options by navigating to AppearanceCustomizeCalantha Theme Options.

  1. Click the tab Copyright Text
  2. Enter Copyright Text your site
  3. Click the Published button.

Source and Credits

Along the project, I've been using the following assets, even if they were images, icons or other files, as listed.