Tea-Cafe-Pro

Introduction

Thank you for using our tea-cafe WordPress Theme. We are very glad that you have chosen tea-cafe WordPress theme for your website.

tea-cafe theme is a clean, super flexible and fully responsive WordPress Theme.

This document written very carefully by keeping mind set that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main section.

1) Getting Started : This section will very help full for Quick start and understand how setup theme
2) Detailed Document : This section explains every thing about theme with every settings.
3) Other : This section provides information about miscellaneous item like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@luzuk.com

tea-cafe pro wordpress theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

Step One

To install this theme you must have a working version of WordPress already installed. For information regarding to install the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin area

  • Step 1. Log into your WordPress admin area.
  • Step 2. Go to Dashboard >> Appearance >> Themes.
  • Step 3. Click on Add New Theme button at top.
  • Add New Theme
  • Step 4. Now, Hit Upload Theme button at top and upload.
  • Step 5. Click on Activate once upload has finished.

Step Two

2. Installation Using FTP

  • Step 1. Download tea-cafe.zip file from your My Account luzuk.
  • Step 2. Extract Zip file.
  • Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  • Step 4. Go to Dashboard » Appearance » Themes and find tea-cafe theme from list
  • Step 5. Click on Activate to active tea-cafe theme.
  • Active Theme

Detail Document

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to setup WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

  • Step 1: Go to Dashboard >> Pages >> Add New, enter page name and select template as Home Page Template from Page Attribute as shown in below image
  • Home Page Setting
  • Step 2: Publish this page
  • Step 3: Go to Dashboard >> Settings >> Reading, select home page as a front page
  • Front Page Home

Header Setting

  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • 1. Set Sticky Header
  • 2. Set Margin
  • 3. Select Navigation colors
  • Set Header contact
  • 4. Select Responsive Header colors
  • Set Header contact
  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site logo/title/tagline
  • a. Select Logo
  • b. Add Site Title
  • c. Add Site Tagline
  • d. Select Title And Tagline Color
  • e. Set Logo Max Width
  • Set Header contact
  • Step 3. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Image
  • a. Select Header Image
  • set Header logo
  • Step 4. Go to Dashboard >> Appearance >> Menus.
  • Step 5. Click on create a new menu as show in below image.
  • Step 6. Enter menu name and click on Create Menu as shown in below image.
  • Create a Menu

    Final display of Header

    Final display of header

Create Slider

  • Step 1. Go to Dashboard >> tea-cafe Slider
  • Step 2. Click on Add New button
  • Add New Slider
  • Step 3. Add the slider name.
  • Step 4. Select featured image as a slider.
  • Step 5. Click on 'update' button at top right of page. And Enjoy the Slider.
  • set slider
  • Step 6. Slider Colors Setting
  • set slider
    set slider

    Final display of slider section:

    Final display of header

Set Services Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> services Section
  • Step2.
  • (a) Set Disable/Enable
  • (b) Select background image and background color
  • (c) Select section padding
  • set Featured Page section
    Step3.
  • (a) Go to >> Dashboard >> Services >> Add New
  • set Featured Page section
  • (b) Add >> title
  • (c) Add >> description
  • (d) Set >> featured image
  • (e) Click on >> publish button
  • set Featured Page section
    Step5.
  • (a) Go to Dashboard >> Appearance >> Customize >>
  • (b) Add heading text
  • (c) Select number of services to show
  • (d) Select service box
  • set Featured Page section
    set Featured Page section
    Step6.
  • (a) Select colors
  • set Featured Page section

    Final display of service section

    set Featured Page section

Set About Us Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> About Us Section
  • Step2.
  • (a) Select background image and background color
  • (b) Set Section Padding
  • set Featured Page section
  • (c) Add section heading and text
  • set Featured Page section
  • (d) Select about number of plans to show
  • (e) Add title
  • (f) Add text
  • set Featured Page section
  • (g) Add button text and button link
  • (f) Select colors
  • set Featured Page section
  • (g) Select image
  • set Featured Page section

    Final display of about us section

    set Featured Page section

Set Feature Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Feature Section
  • Step2.
  • (a) Set Disable/Enable
  • (b) Select Background Image and Background Color
  • (c) Set section padding
  • set Featured Page section
    set Featured Page section
    Step3.
  • (a) Set section heading
  • set Featured Page section
    Step4.
  • (a) Select Number Of Features To Show
  • (b) Select A FontAwesome Icon
  • (c) Add Title And Text
  • (d) Add Link
  • set Featured Page section
    Step5.
  • (a) Select colors
  • set Featured Page section

    Final display of Feature section

    set Featured Page section

Set Category Section

  • Step1. Go to Dashboard >> Add Product >> Category
  • (a) Add Category Name
  • (b) Add Category Image
  • set contact section
  • Step2. Go to Dashboard >> Appearance >> Customize >> Home section >> Category Section
  • Step3.
  • (a) Set Disable/Enable
  • (b) Select Background Image and Background Color
  • (c) Set Section Padding
  • set Featured Page section
    Step4.
  • (a) Add Section Heading
  • (b) Select Category Colors
  • set Featured Page section

    Final display of Product section

    set Featured Page section

Testimonial Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonial Section
  • Step2.
  • (a) Enable/Disable section
  • (b) Manage background by using colors/image
  • (c) Set padding for section
  • set Featured Page section
    Step3.
  • (a) Dashboard Testimonial Add New
  • set Featured Page section
    set Featured Page section
    Step4.
  • (a) Section heading
  • set Featured Page section
    Step5.
  • (a) Select client testimonial
  • set Featured Page section
    Step6.
  • (a) Select colors
  • set Featured Page section

    Final display of testimonial section

    set Featured Page section