s Quail Documentation - Bellathemes

Quail ( Pro )

Note: Some of the features explained below may not available on free version of theme.

Quail is a simple, beautifully designed responsive multipuropose WordPress theme. This theme can be easily customized to make blog, news, business, corporate, yoga, construction, education, portfolio, travel and tour, beauty, fitness and many more websites. We support via online chat, email, support forum.

Installation

You can install theme either with Admin Panel or using FTP clients like FileZilla.

Using Admin dashboard

  1. Log in to the WordPress Administration Panels.
  2. Go to Appearance -> Themes.
  3. Select Add New.
  4. Then select Upload Theme.
  5. Click Browse and locate theme's zip file in your computer.
  6. Select theme's zip file and click Install Now.

Using FTP

  1. Unzip themes zip file to your Desktop.
  2. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Quail Theme.
  3. Now, log into the WordPress Dashboard with your login details.
  4. Select the Appearance panel, then Themes.
  5. You will see the theme in the list.
  6. Then click Activate button.
  7. Now the theme will be activate and go through the following options to set up the theme step wise.

Activation

After successfully installing the BlogYard Pro theme, you need to activate your theme. Follow given steps to activate the theme.

  1. Select the Appearance panel, then Themes.
  2. You will see the BlogYard Pro theme in the list.
  3. Click Activate button.
  4. After clicking in activate button the theme will be activate.

Getting Started

Theme supports some helpful WordPress plugins to enhance your site. Since, Page Builder by SiteOrigin is deeply integrated in the theme to achieve different layouts, please make sure both Page Builder by SiteOrigin and Bella Kit plugins are installed and activated.

Enable Custom Post Types

To use Quail theme's features you need to activate custom post type. Follow the given steps

  1. Go to Setting > Bella Kit
  2. Enable post types that you need
  3. Click Save Changes.
Bella Kit Menu
Post Types

Demo Content

You must enable required custom post types before demo import.

If you've missed to enable custom post type please follow following steps.

  1. Go to Setting > Bella Kit
  2. Enable post types that you need
  3. Click Save Changes.
  1. Go to Appearance > Import demo data .
  2. Click Import demo data
  3. It may take few minutes . Be patient. Thats all!!!!

Home Page Setup

  1. Go to Appearance -> Customize.
  2. Go to Homepage Settings.
  3. From Homepage Settings, You will be able to set any page as A Static page and you will find Your Latest Posts page option as well.
Home Page
Home Page Template

If you don't have Home page created. Follow steps below

  1. Hover over the Pages menu.
  2. You will seeAdd New under All Pages
  3. Click Add New
  4. You will be redirected to new page form.
  5. Add title Home or any title you want.
  6. Select Template as Home
  7. Click publish.

Layout setting

Select site layout and container size.

  1. Go to Appearance > Customize > Layout Setting >Layout Type.

Header setting

  1. Go to Appearance > Customize > Header Setting >Header Style.

Logo & Site Title

  1. Go to Appearance > Customize > Header Setting >Header Style.

Banner Setting

  1. Go to Appearance > Customize > Banner Setting >Banner Type.
Banner Type
Banner Type 2

Banner slides

  1. Go to Appearance > Customize > Banner Setting >Banner Slides
Banner Slide
Banner Slide 2

Banner image / Banner video

  1. Go to Appearance > Customize > Banner Setting >Add media
Video Banner

Banner shortcode

  1. Go to Appearance > Customize > Banner Type
Shortcode Banner

Sidebar Setting

  1. Go to Appearance > Customize > Sidebar setting
Sidebar Setting
Sidebar Setting 2
Sidebar Setting 3

Font Setting

  1. Go to Appearance > Customize > Font setting
Font Setting
Font Setting 2
Font Setting 3

Blog Setting

  1. Go to Appearance > Customize > Blog setting
Blog Setting
Blog Setting 2
Blog Setting 3

Color Setting

  1. Go to Appearance > Customize > Color setting
Color Setting
Color Setting 2 Color Setting 3
Color Setting 4

Button Setting

You can design 4 different type of buttons and use any of them according to your requirement

  1. Go to Appearance > Customize > Button setting
Button Setting
Button Setting 2
Button Setting 3

Widgets

There are various pre-built you can just drag and drop to siteorigin page builder

Widgets