Idyllic Free

Idyllic Free

Theme Documentation

Please Rate Us For Idyllic Theme

Thank you very much for choosing our Theme. If you like this Theme, Please (Rate Us)

Idyllic Demo Setup

Installation


Step 1 WordPress installation

To install this theme, you must have a working version of WordPress already installed on your server. WordPress is well-known for its ease of installation. https://codex.wordpress.org/Installing.WordPress. Please visit this link for installing WordPress.

Step 2 Installation Through Dashboard (Easy)

  1. Log in to the WordPress Dashboard.
  2. Go to Appearance->Themes.
  3. Click on Add New Button.
  4. Search Idyllic
  5. Click on Install tab and Activate it
  6. Now your Idyllic theme is ready to Use

Step 3 Manual Installation using FTP (Advanced)

Header Setup

Step 1 Upload Logo/ Fav Icon/ Web Icon

Go to Dashboard > Appearance > Customize > WordPress Settings > Site Title & Logo Options > Upload Site Icon & Site Logo

Step 2 Setup Menu

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as pages/ Category/ Custom Url in left side menu
  4. Choose "Main Menu" from below Checkbox

Step 3 Setup Social Icons

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as Custom Url in left side menu
  4. Choose "Add Social Icons Only" from below Checkbox
Social Icons

Step 4 Setup Top Information at Header or Footer Widgets

Go to Dashboard > Appearance > Widgets > Drag Text Widget/ Custom HTML at Top Header Info/ Footer Column 4 Sidebar Top Header Info

paste Below html Code and change according to your needs

  <ul> <li><a title="Call Us" href="tel:+1234567890"><i class="fa fa-phone-square"></i> (123) 456-7890</a></li> <li><a title="Mail Us" href="mailto:daniel@themefreesia.com"><i class="fa fa-envelope-o"></i> daniel@themefreesia.com</a></li> </ul>

Importing the Demo Content


  1. Install WooCommerce Plugins and Contact Form 7 Plugins to look exactly as in our demo
  2. Download Idyllic Demo Importer and install it as a plugin
  3. Click on Dashboard > Appearance > Import Demo Data
  4. Click on Import Demo Data Comming Soon

Once you have imported the demo content delete One Click demo Import plugin

Setup Frontpage/ Blog as in Demo using Corporate Template

  1. Go to Dashboard > Pages > Add new
  2. Create Home & Blog Page
  3. choose Idyllic Corporate Template from Template drop down like as shown in screenshot.
Corporate Image
  1. Click Save it
  2. Go to Settings > Reading and select Front page displays > A static page (select "Home") & Posts page ( "Blog")
Home Page Setting

Setup Our Features

Create a feature page from Dashboard > Pages > Add New Add Title, Content & Featured Image After creating pages Go to Dashboard > Appearance > Customize > Frontpage Template > Frontpage Features Section > Select Feature page just now you have created

Setup Other Section of Frontpage using Corporate Template

Go to Dashboard > Appearance > Customize > Idyllic Frontpage Template > and add About Us Section, Fact Figure Box Section, Front Page Features Section, Latest from Blog Section, Portfolio Section, Our Team Member Section, Our Testimonial Section and also you can change the position of these section

Front Page Template Section

 Front Page Feature Template

Custom CSS

You can add your custom CSS that will overwrite the theme CSS. Go to dashboard >appearance > Customize > Additional CSS

Setup Slider

  1. Create Category > Make your Post and select category just you created.
  2. Add featured Image, Title and Content
  3. To display Slider Go to Dashboard > Appearance > Customize > Idyllic Slider Options > Select Category Slider

Slider Settings

  1. To display Slider Go to Dashboard > Appearance > Customize > Idyllic Slider Options > Slider Settings
  2. To enable slider, select Frontpage or Entire Site option under Enable Slider
  3. Click on Save & Publish
Idyllic Slider

Layout Options

  1. Go to Dashboard > Appearance > Customize > Idyllic Theme Options > Layout Options
  2. Select responsive layout on/off
  3. Select Blog Image display layout to view in large or medium image display
  4. Disable Entry Format from Blog Page
  5. Disable Entry meta from Single Page
  6. Set your design layout as fullwidth or boxed or small boxed layout

Theme Options

  1. Go to Dashboard > Appearance > Customize > Idyllic Theme Options > Idyllic Options
  2. Check to disable Top Social Icons
  3. Check to disable Bottom Social Icons
  4. Check to disable headerline from Slider
  5. Check to disable Search Form
  6. Check to disable Stick Menu
  7. Check to disable Scroll Reveal Effect
  8. Check to disable Page/Single Featured Image
  9. Check to disable Goto Top
  10. Click on Save & Publish

Footer Background Image

  1. Go to Dashboard > Appearance > Customize > Idyllic Theme Options > Footer Background Image
  2. Upoad it
  3. Click on Save & Publish
Idyllic Theme Options

Set Contact page


  1. Go to Dashboard > pages > Add New
  2. Add shortcode in page editor
  3. Select Contact Template from rightside of the page
  4. Click on Update/Publish
To add Google Iframe Code to display as in demo Go to Dashboard > Appearance > Widgets > Drag Text/ Custom HTML Widget to > Iframe Code For Google Maps sidebar & Add Shortcode

 

Iframe Code For Google Maps

 

To add Contact Information at sidebar Go to Dashboard > Appearance > Widgets > Drag Text Widget > Contact page sidebar & fill the contact information

Recommended Plugins


  1. Jetpack for Infinite Scroll, Gallery & many more
  2. Regenerate Thumbnails for Regenerating Thumbnails
  3. Contact Form 7 for Contact Us page
  4. WP-PageNavi for Numeric Pagination
  5. Polylang for multilanguage
  6. bbPress for Support Forum
  7. Breadcrumb NavXT
  8. wooCommerce for your Shopping Site
  9. Recent Posts Widget With Thumbnails for thumbnail post to display on widgets

Download Idyllic Child Theme


Child theme is very important. Child themes are often used when you want to customize or tweak an existing WordPress theme without losing the ability to upgrade that theme Download Now!