Napisane przez Andrzej Herzberg.

PE Maldives WordPress theme manual

A. GENERAL

This documentation is last updated on 12th June 2017.

Thank you for purchasing PE Maldives 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 :

import demo content with plugin
manual import demo content
use Quickstart package

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

Follow steps listed here

Follow installation steps listed here

Please note:

If you have earlier Slider Revolution plugin installed and some sliders, please go to Appearance > Widgets. In sidebar Header open widget Revolution Slider, choose slider and click Save.

Skip this point if you chosen to use plugin or manual import demo content.

Follow steps listed here

Configure WP Settings

Navigate to Settings > Reading and set options like that:

documentation

Next, set media in Settings > Media:

documentation

Follow steps listed here

B. THEME OPTIONS

All available settings for default version of PE Maldives theme. More information about different versions you will find in Styles div.

To setup Basic Settings, navigate to Appearance > Theme Options and click on Basic Settings tab.

documentation

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

documentation

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

General:

documentation

Archive:

documentation

Single Post:

documentation

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

Single Page:

documentation

Members:

documentation

Portfolio:

documentation

Single project:

documentation

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

documentation

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

General:

documentation

Header:

documentation

Top1:

documentation

Top2:

documentation

Top3:

documentation

Top4:

documentation

Bottom1:

documentation

Bottom2:

documentation

Bottom3:

documentation

Footer:

documentation

Off-canvas:

documentation

Widgets:

documentation

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

documentation

To setup Import / Export, navigate to Appearance > Theme Options and click on Import / Export tab.

documentation

You will find theme settings in files:

/ Theme Options / (version) / options.json

C. PAGES

Follow steps listed here

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

documentation

This page displays portfolio page. To create that page go to Pages > Add New. Now select template Portfolio and click Update/Publish.

documentation

D. PLUGINS & WIDGETS

Very useful plugin that allow you to show/hide widgets on certain pages. These options are displayed on the bottom of all widgets.

You can choose:

Display widget for everyone, only logged-in or only logged-out users.
Show or hide widget on pages selected below.
Pages to show/hide widget.

documentation

Follow steps listed here

Built-in widget which allows you to display contact form and Google Map.

You can set email recipients, map location and other settings in Theme Options > Contact tab:

We use custom style for our map. The code which you need to put into the "Custom map style" field in Theme Options > Contact tab:

[
{'featureType':'all', 'elementType':'labels.text.fill', 'stylers':[{'saturation':36},{'color':'#000000'},{'lightness':40}]},
{'featureType':'all','elementType':'labels.text.stroke','stylers':[{'visibility':'on'},{'color':'#000000'},{'lightness':16}]},
{'featureType':'all','elementType':'labels.icon','stylers':[{'visibility':'off'}]},
{'featureType':'administrative','elementType':'geometry.fill','stylers':[{'color':'#000000'},{'lightness':20}]},
{'featureType':'administrative','elementType':'geometry.stroke','stylers':[{'color':'#000000'},{'lightness':17},{'weight':1.2}]},
{'featureType':'landscape','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':20}]},
{'featureType':'poi','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':21}]},
{'featureType':'road.highway','elementType':'geometry.fill','stylers':[{'color':'#000000'},{'lightness':17}]},
{'featureType':'road.highway','elementType':'geometry.stroke','stylers':[{'color':'#000000'},{'lightness':29},{'weight':0.2}]},
{'featureType':'road.arterial','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':18}]},
{'featureType':'road.local','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':16}]},
{'featureType':'transit','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':19}]},
{'featureType':'water','elementType':'geometry','stylers':[{'color':'#000000'},{'lightness':17}]}
]

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

Built-in widget which allows you to display members (member post type).

On demo page widget is visible in 'bottom1' sidebar.

Built-in widget which allows you to display services (service post type).

On demo page widget is visible in 'top2' sidebar.

Built-in widget which allows you to display works (work post type).

On demo page widget is visible in 'top3' sidebar.

Built-in widget which allows you to display short information.

We display the widget in "header" sidebar to show short info about blog:

We also display the widget in "top1" sidebar to show short info "about us":

Built-in widget which allows you to display portfolio (portfolio post type).

On demo page widget is visible in 'top4' sidebar.

Built-in widget which allows you to display testimonials (testimonial post type).

On demo page widget is visible in 'bottom2' sidebar.

Follow steps listed here

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:

Proffesion
Phone
Email
Social links
Working hours

documentation

Navigate to Services > Add New. Enter title (service name), description and click Publish. Optionally you can choose post icon.

documentation

Navigate to Works > Add New. Enter title (work name), description and click Publish.

documentation

Follow steps listed here

Navigate to Testimonials > Add New. Enter title, description and click Publish. Optionally you can choose the occupation and avatar image.

documentation

Navigate to Portfolio > Project Categories. Enter name, description and click Add New Project Category

documentation

Navigate to Portfolio > Add New. Enter title, description, choose Portfolio Categories, Featured Image and click Publish.

documentation

You can also set:

Project Thumbnail Size - choose the size of thumbnail to display in Portfolio widget or page
Additional Images - choose additional images to display them on the Single Project page.
Number of Columns - choose number of columns for additional images.
Slider Images - choose additional images to display them as animated slider on the Single Project page.
Video - enter a video url to display a video on the Single Project page.

F. WPML

Follow steps listed here

G. OTHER

PE Maldives theme allows to display a one-page menu. You can see how it works on our demo site by clicking the menu items:

To configure such menu items, you need to follow 3 steps:

Step1: Define sections ID

First you need decide to which sections you want to scroll your menu items. Each section must have a unique ID which you can control from the widget settings:

by providing "Onepage section ID"
if the "Onepage section ID" is empty, then the widget title slug will be taken
if the widget title is empty, then the widget ID name will be taken

Navigate to Appearance > Widgets and choose a widget. Then decide whether to use the widget title or "Onepage section ID":

Step2: Configure menu items

Navigate to Appearance > Menus. Click on Custom Links, enter the URL, link text and click on Add to Menu

The URL address must contain the page address and the section ID to which you want to scroll the menu item. For example: www.mydomain.com/#home, where "home" is the widget title or a value from the "Onepage secition ID" field.

Step3: Add "one-page" class to menu items

The last step is to add the "one-page" class for each menu items which you want to work as one-page menu.

Remember to Save Menu after your changes.

PE Maldives theme allows to display the post image, title, author in the theme header instead of the post/page content.

documentation

You can control that in Theme Options. Navigate to Theme Options > Blog > Single post or Theme Options > Pages > Single page, choose the Header Image for Post/Page layout option.

documentation

Remember to Save Changes.

Follow steps listed here

pe-color - provides different widget layout

pe-color2 - provides different widget layout

pe-vertical - provides different widget layout

pe-horizontal - provides different widget layout

pe-expand - allow to display a widget on "header" sidebar on full screen

pe-margin - removes all margins for widget.

text-right - aligns text right

text-left - aligns text left

text-center - aligns text center

pe-clean - for Tabs shortcode

pe-section-space - removes space above and below section.

pe-section-space-top - removes space above section.

pe-section-space-bottom - removes space below section.

no-bold - removes bold font weight from string.

Follow steps listed here

All available shortcodes you will find here.

Typography article you will find here.

On above page you will find some examples of custom classes which you can use in articles.

Follow steps listed here

H. STYLES

Theme PE Maldives is available in 2 different versions. Each version have own settings and content.

documentation

You can import settings in Theme Options using provided in package file options.json

Go to Theme Options > Import / Export
Click Import from File
Open options.json file with Code or Text Editor and copy content.
Paste content in input.
Click Import

Remeber: All of your previous settings will be overrided.

Content can be imported in Tools > Import. More details in Demo Site Configuration

I. OPTIMIZE YOUR SITE

Follow steps listed here

J. SOURCES AND CREDITS

Commercial images and videos used on the demo page:

PE Maldives WordPress theme manual

A. GENERAL

1. Introduction

2. Installing the Theme

3. Install Plugins

4. Demo content import (option 1)

5. Demo Copy Installation (option 2)

6. Manual demo content import (option 3)

Demo Site Configuration

Configure Main Menu

Import of the Revolution Slider data

Import Widgets

Configure WP Settings

7. How to Update Theme

B. THEME OPTIONS

1. Basic Settings

2. Layout

3. Main Menu

4. Blog

5. Pages

6. Fonts

7. Colors

8. Footer

9. Contact

10. Advanced

11. Import / Export

C. PAGES

1. Configure Contact Page

2. Configure FAQ page

3. Configure Left-Content-Right page

4. Configure Left-Right-Content page

5. Configure Left-Content page

6. Configure Content-Left-Right page

7. Configure Content-Right page

8. Configure Full Width Content page

9. Configure Login Page

10. Configure Registration Page

11. Configure Portfolio Page

D. PLUGINS & WIDGETS

1. Display Widgets SEO Plus

2. WP User Avatar

3. Revolution Slider

4. PE Social

5. PE Contact

6. PE Members

7. PE Services

8. PE Works

9. PE Short Info

10. PE Portfolio

11. PE Testimonial Carousel

12. PE Easy Slider

13. PE Recent Posts

E. ADDING CONTENT

1. Add Post

2. Add Page

3. Add Member

4. Add Service

5. Add Work

6. Add FAQ

7. Add Testimonial

8. Add Portfolio Project

F. WPML

1. Purchase WPML

2. Initial Setup

3. Translating Pages, Posts and other post types

4. Translating custom post types

5. Translating theme texts and other strings

G. OTHER

1. One-page menu

2. Post or page with header image

3. Classes for widgets

4. Available classes

5. Bootstrap 3 Grid classes to specify each widget width

6. Available shortcodes

7. All widget positions

8. Typography

9. Shortcode Generator

H. STYLES

I. OPTIMIZE YOUR SITE

J. SOURCES AND CREDITS