0
Cart Empty
5.00 (1 votes)

A. GENERAL

This documentation is last updated on 26th June 2017.

Thank you for purchasing PE Beauty Center Theme . If you have any question that is beyond the scope of this documentation, Please feel free to create a support ticket using Our Support Site.

If you like this theme, Please support us by rating this theme with 5 stars.

Before you start please choose if you want :

  • manual import demo content
  • use Quickstart package

If you choose Quickstart option please skip points A2 and A3.

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

You can add Top Bar Menu by adding Custom Menu widget.

documentation

Choose menu to display and click Save. Note that widget title for sidebar Top Bar Menu will not be displayed.

documentation

documentation

Follow steps listed here



B. THEME OPTIONS

To setup Logo, navigate to Theme Options, click on General Settings tab and then click on PLUS icon in Logo section. Preffered dimensions: 188 x 17px.

To setup Favicon, navigate to Theme Options, click on General Settings tab and then click on PLUS icon in Favicon section.

documentation

Choose if you want Back to Top button - click ON or OFF.

Choose if you want Sticky Topbar - click ON or OFF.

documentation

Choose if you want to have Off-Canvas sidebar. You can change it's width and position.

documentation

You can now publish widgets in sidebar Off-canvas sidebar. If you will not publish any wiget here, the Off-canvas sidebar will not apear.

documentation

You can also turn your website into Coming Soon mode and select date until it will be in this mode.
If you are logged in as administrator you will not see Coming Soon page.

documentation

Remember to set correct timezone for your region in Settings -> General.

documentation

Click Save Changes when you are done.

documentation

To setup Posts and Pages options, navigate to Theme Options and click on Posts and Pages tab.

Choose if you want display Font Sizer on Front Page - click ON or OFF.

Choose if you want display Page Title on Front Page - click ON or OFF.

documentation

Choose if you want display Breadcrumb on Single Post - click ON or OFF.

Choose if you want display Font Sizer on Single Post - click ON or OFF.

Choose if you want display Post Details on Single Post - click ON or OFF.

Choose if you want display Tags on Single Post - click ON or OFF.

Choose if you want display Author info on Single Post - click ON or OFF.

Choose if you want display Comments on Single Post - click ON or OFF.

documentation

Choose if you want display Breadcrumb on Single Page - click ON or OFF.

Choose if you want display Font Sizer on Single Page - click ON or OFF.

Choose if you want display Comments on Single Page - click ON or OFF.

documentation

Choose if you want display Breadcrumb on Single Service - click ON or OFF.

Choose if you want display Font Sizer on Single Serivce - click ON or OFF.

documentation

Choose if you want display Breadcrumb on Single Member Page - click ON or OFF.

Choose if you want display Font Sizer on Single Member Page - click ON or OFF.

Choose size of the image on Single Member Page - select Small Image or Large Image. Preffered dimensions: 135 x 90px and 1024 x 1024px.

Choose if you want display Social Links on Single Member Page - click ON or OFF.

Choose if you want display Contact Info on Single Member Page - click ON or OFF.

documentation

Choose if you want display Breadcrumb on Single Testimonial Page - click ON or OFF.

Choose if you want display Font Sizer on Single Testimonial Page - click ON or OFF.

documentation

To setup Layout, navigate to Theme Options and click on Layout tab.

You can set theme width in pixels and width of Left Column and Right Column.

documentation

You can select number of columns and arrangement of them for frontpage and subpage separately.

You can choose:

  1. Left Sidebar
  2. Right Sidebar
  3. Full width (no sidebar)
  4. Dual Siebar
  5. Left Dual Sidebar
  6. Right Dual Sidebar

documentation

Click Save Changes when you are done.

documentation

To setup Default Blog Layout, navigate to Theme Options and click on Default Blog Layout tab.

You can select number of columns for Default Blog Layout:

  1. 1 column
  2. 2 columns
  3. 2 columns with intro post

Numer of chars in intro text is controlled with read more button. Otherwise the intro will include 55 words by default.

Also you can choose to turn on or turn off Font Sizer, Post Info, Post Thumbnail and Readmore.

documentation

You can select number of columns for Archive Layout.

Also you can choose to turn on or turn off Breadcrumb, Font Sizer, Header Title, Post Info, Post Thumbnail and Readmore.

documentation

To setup Background Colors, navigate to Appearance > Theme Options and click on Background Colors tab.

You can choose here colors for many areas:

documentation

documentation

documentation

documentation

documentation

documentation

documentation

Click Save Changes when you are done.

documentation

To setup Fonts, navigate to Theme Options and click on Fonts tab.

You can add more fonts by clicking on Add Google Font button and then choose one of many fonts with additional options (font-weight, font-style, character sets).

documentation

You need to click on Save Changes to be able to use that new font.

documentation

You can now add this new font for Body Typography, Post Titles and Widgets Titles

documentation

Click Save Changes when you are done.

documentation

To setup Advanced options, navigate to Theme Options and click on Advanced tab.

Custom Code Into TheSection - Please put code inside script tags.

Javascript Code Before The Tag - This code will be inserted right before closing the BODY tag. Please put code inside script tags. Paste here Google Analytics Scripts, Google Re-marketing Tag, Google Webmaster Tools, etc.

documentation

Google Analytics ID - enter your Google Analytics ID in format: UA-XXXXX-Y or UA-XXXXX-YY

Google Webmaster Tools Site Verification - please insert verification code for Webmaster tools in here.

Addthis code - enter your Addthis Public ID to display social icons. You need to set up Sharing Buttons in your Addthis account. Recommended: small size.

documentation

Click Save Changes when you are done.

documentation

To setup Contact Page options, navigate to Theme Options and click on Contact Page tab.

Choose if you want to show Google Map on Contact Page - click ON or OFF.

You can enter Latitiude and Longtitude of place.

You can also enter default map zoom.

documentation

Choose if you want to show Contact Details on Contact Page - click ON or OFF.

You can enter address text and email address that will be displayed on Contact Page.

documentation

Choose if you want to show Contact Form on Contact Page - click ON or OFF.

You can enter email address that will be used to receive emails from contact form.

documentation

Please make sure the file permissions are correct (/wp-content/themes/pe-beauty-center/dynamic.css) to avoid problems with changing your colors or fonts.

FOR DEVELOPERS

To setup Dynamic CSS options, navigate to Theme Options and click on Dynamic CSS tab.

You can modify default Dynamic CSS.

documentation



C. PAGES

Follow steps listed here

Follow steps listed here

This page displays posts with post type Services Category and Services. To create that page go to Pages > Add New. Now select template Services Page and click Update/Publish

documentation

When you save or publish page additional options will be available.

You can set:

  1. Service Categories
  2. Items per Page
  3. Thumbnails per Row
  4. Thumbnails Position
  5. Thumbnails Size
  6. Item height
  7. Thumbnail Section Width

documentation

documentation

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here



D. PLUGINS & WIDGETS

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Add PE Contact widget to sidebar Primary Widget Area.

documentation

You can choose here:

  1. Title: title of widget
  2. Show or hide email address
  3. Show or hide Visit us link
  4. Visit Us Text
  5. Visit Us Link

documentation

Click Save when you are done.

Built-in widget which allows you to display social icons.

documentation

documentation

On demo page, widget is visible in the 'footer' sidebar.

We have also a video tutorial on how to configure the PE Social widget:



E. ADDING CONTENT

Follow steps listed here

Navigate to Members > Add New. Enter title (member name), description and click Publish. Optionally you can choose featured image (member avatar).

documentation

You can also provide:

  1. Member job position
  2. Nember Facebook profile
  3. Member Twitter profile
  4. Member Linkedin profile
  5. Member Phone number
  6. Member Email address

documentation

Navigate to Testimonials > Add New. Enter title (author name), description and click Publish. Optionally you can choose testimonial author occupation.

documentation

First you should add Service Categories.

Navigate to Services > Service Categories.

Enter:

  1. Category name
  2. Category slug
  3. Choose Category parent
  4. Category description

documentation

Click Add New Service Category when you are done.

Once you have category, you can add post.

Navigate to Services > Service Categories.

Enter title (service name), description, choose Service Categories, Featured Image and Service Subtitle.

documentation



F. WPML

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here



G. OTHER

Follow steps listed here

pe-margin - remove all margins for widgets.

small-title - add smaller font size to widget title.

pe-light - add background and color for widget - the same as PE-Light Background and PE-Light Text in Theme Options -> Background Colors.

pe-dark - add background and color for widget - the same as PE-Dark Background and PE-Dark Text in Theme Options -> Background Colors.

pe-popular - additional class for PE Recent Posts widget, add smaller font for article title.

_heightXXX - eg. _height375, set the widget height, the number means the height in pixels, useful if you need to make widget containers height equal

Follow steps listed here

Follow steps listed here

Shortcodes article you will find here here.

In this article you will find some examples of shortcodes which you can use in articles.

Shortcode Generator

Follow steps listed here

Typography article you will find here here.

In this article you will find some examples of custom classes which you can use in articles.



H. OPTIMIZE YOUR SITE



I. SOURCES AND CREDITS

Plugins:

  1. Duplicator (Create a backup of your WordPress files and database. Duplicate and move an entire site from one location to another in a few steps. Create a full snapshot of your site at any point in time.) http://lifeinthegrid.com/
  2. Display Widgets (Adds checkboxes to each widget to show or hide on site pages.) http://strategy11.com/
  3. W3 Total Cache http://www.linkedin.com/in/w3edge
  4. Revolution Slider (Revolution Slider - Premium responsive slider) http://themepunch.com/
  5. WP User Avatar (Use any image from your WordPress Media Library as a custom user avatar. Add your own Default Avatar.) http://www.flippercode.com/
  6. WordPress Importer https://profiles.wordpress.org/wordpressdotorg/
  7. OptionTree https://github.com/valendesigns/option-tree-theme
  8. Max Mega Menu (Mega Menu for WordPress.) http://www.maxmegamenu.com/
  9. Multiple Post Thumbnails (Adds the ability to add multiple post thumbnails to a post type.) http://voceplatforms.com/
  10. PE Easy Slider (Simple Horizontal Slider for Posts) http://www.pixelemu.com/
  11. PE Recent Posts (Simple Slider for Posts) http://www.pixelemu.com/

Images:

  1. http://www.dreamstime.com/royalty-free-stock-image-eautiful-brunette-young-sexy-woman-bob-haircut-red-lips-portrait-image37555296
  2. http://www.dreamstime.com/royalty-free-stock-photo-pretty-womans-shop-image21873445
  3. http://www.dreamstime.com/royalty-free-stock-photos-collage-different-business-images-image14167968
  4. http://demo.pixelemu.com/pe-beauty-center/credits/

Users' reviews

Total rating: 5.00 (1 votes) Log-in to add review

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2015-2017 PixelEmu.com All rights reserved.