5.00 (1 votes)

A. GENERAL

This documentation is last updated on 23th June 2017.

Thank you for purchasing PE Cleaning Company 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 Basic Settings tab and then click on PLUS icon in Logo section. Preffered dimensions: 179x63px.

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

documentation

Choose if you want Font Sizer - click ON or OFF.

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 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 Posts and Pages options, navigate to Theme Options and click on Posts and Pages tab.

You can select number of columns for Frontpage Blog Layout and Archive Layout (Category, Tag, Author, Day, Moth, Year View).

documentation

You can choose to turn on or turn off comments, post info, author info and breadcrumbs.

documentation

Click Save Changes when you are done.

documentation

IMPORTANT: There is ability to change number of columns for some categories. Go to Posts -> Categories and enter some category.

documentation

Now choose number of columns for this category and click Save.

documentation

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

You can choose here colors for many areas:

  1. Main Scheme Color: Color for buttons, links, pagination etc. Choose the main scheme color instead of using the default green one. Many general theme elements will be modified like buttons, links, pagination. Another elements like titles can be configured separately.
  2. Page Background: Main background color
  3. Top Bar Background: Topbar background color
  4. Top Bar Text: Topbar text color
  5. Header Background: Header background color
  6. Header Text: Header text color
  7. Header Module Title: Header module title color
  8. Main Menu Bar Background: Bar background color
  9. Main Menu Text: Color For Off-Canvas And Search Icon. Colors for menu items may be changed at the menu configuration settings.
  10. Off-Canvas Background: Off-canvas background color
  11. Off-Canvas Text: Footer text color
  12. Footer Background: Background for footer
  13. Footer Text: Color for footer
  14. Copyright Background: Background for copyright
  15. Copyright Text: Color for copyright
  16. Color2-ms Background: Background for widget with class color2-ms
  17. Color2-ms Text: Text color for widget with class color2-ms
  18. Borders Between Sections: It's border color for main menu and footer sections

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



C. PAGES

This page displays last 30 posts and posts categories. To create that page go to Pages > Add New. Now select template Archive and click Update/Publish.

documentation

documentation

This page displays simple login form. To create that page go to Pages > Add New. Now select template Login and click Update/Publish.

documentation

documentation

This page displays simple registration form. To create that page go to Pages > Add New. Now select template Registration and click Update/Publish.

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

Very powerful plugin that allows you to create elements like tabs, accordions etc. on your page without coding knowledge. See documentation.

By using PE Cleaning Company plugin (included in theme) we can use 2 new elements: PE Box with Image and PE Accordion & Tabs

PE Box with Image

When you are editing post or page click PLUS button to add new eleemnt.

documentation

Then click on PE Box with Image.

documentation

Enter here title (1), link (2), add image (3) and select color version (4).

Color versions:

color1-ms - the same as Main Scheme Color in Theme Options -> Background Colors.

color2-ms - the same as Color2-ms Background and Color2-ms Text in Theme Options -> Background Colors.

documentation

Then you can click Save changes.

Result example:

documentation

PE Accordion & Tabs

When you are editing post or page click PLUS button to add new eleemnt.

documentation

Then click on PE Accordion & Tabs.

documentation

There you have different options for each layout: Accordion or Tabs.

documentation

For accordion:

  1. Accordion content - divide(wrap) each one with [pe-item][/pe-item], please edit in text mode.
  2. Menu(title) for each accordion element - enter them line by line.
  3. Display how many words from the content (if you don't specify the title) - titles would be a few words from the item content.

documentation

Then you can click Save changes.

Result example:

documentation

For tabs:

  1. Tab content - divide(wrap) each one with [pe-item][/pe-item], please edit in text mode.
  2. Menu(title) for each accordion element - enter them line by line.
  3. Enable Font Awesome icons - enable or disable Font Awesome icons.
  4. Icon for each tab menu - enter here line by line Font Awesome classes (see typography on demo page) for each tab.

documentation

Result example:

documentation

Follow steps listed here

Follow steps listed here

You can create example form like on our demo site by navigating to Contact > Add New. Now go put this code in FORM section:

<p><span class="control-label">Name <span class="star">*</span></span><br /> [text* your-name] </p> <p><span class="control-label">Email <span class="star">*</span></span><br /> [email* your-email] </p> <p><span class="control-label">Subject <span class="star">*</span></span><br /> [text* your-subject] </p> <p><span class="control-label">Message <span class="star">*</span></span><br /> [textarea* your-message 50x10] </p> <p>[submit "Send Email"]</p>

documentation

and click Save.

Now you can copy code in section Copy this shortcode and paste it into your post, page, or text widget content: and place it you page.

Follow steps listed here

Follow steps listed here

Simple plugin that allows to remove widget title by enetring ! before widget title.

documentation

The theme is compatibile with Yoast plugin. See documentation.

Plugin that adds extra option in quick menu. You can duplicate posts and recipes.

documentation

This plugin adds functionality to add a special image for post in archive view.

documentation

documentation

If you will not add Featured Image for Archive there will be not any image in archive view.

documentation

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

documentation

documentation

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

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



E. ADDING CONTENT

Follow steps listed here



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

margin-ms - remove all margins for widgets.

color1-ms - add background for widget - the same as Main Scheme Color in Theme Options -> Background Colors.

color2-ms - add background and color for widget - the same as Color2-ms Background and Color2-ms Text in Theme Options -> Background Colors.

Follow steps listed here

Follow steps listed here



H. OPTIMIZE YOUR SITE



I. SOURCES AND CREDITS

  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. Contact Form 7 (Just another contact form plugin. Simple but flexible.) https://ideasilo.wordpress.com/
  3. Display Widgets (Adds checkboxes to each widget to show or hide on site pages.) http://strategy11.com/
  4. Duplicate Post (Clone posts and pages.) http://lopo.it/
  5. W3 Total Cache http://www.linkedin.com/in/w3edge
  6. Remove Widget Titles (Removes the title from any widget that has a title starting with the "!" character.) http://www.scratch99.com/
  7. Revolution Slider (Revolution Slider - Premium responsive slider) http://themepunch.com/
  8. WordPress SEO (The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.) https://yoast.com/
  9. WPBakery Visual Composer (Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.) http://wpbakery.com/
  10. 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/
  11. WordPress Importer https://profiles.wordpress.org/wordpressdotorg/
  12. OptionTree https://github.com/valendesigns/option-tree-theme
  13. Max Mega Menu (Mega Menu for WordPress.) http://www.maxmegamenu.com/
  14. Multiple Post Thumbnails (Adds the ability to add multiple post thumbnails to a post type.) http://voceplatforms.com/
  15. PE Easy Slider (Simple Horizontal Slider for Posts) http://www.pixelemu.com/
  16. PE Recent Posts (Simple Slider for Posts) http://www.pixelemu.com/

Users' reviews

Total rating: 5.00 (1 votes) 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.

You will Get best support ever!

Do you know that besides high-quality themes & plugins our customers appreciate the excellent support?

Check here why :)