Skip to main content

GET ALL WORDPRESS THEMES - ONLY €59.00 (15 WordPress Pixelemu themes) Read more

PE Hotel WordPress theme manual

 

A. GENERAL

This documentation is last updated on 23th June 2017.

Thank you for purchasing PE Hotel 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 steps listed here

Follow installation steps listed here

After PE Hotel Demo Content Importer has finished his job please check:

  1. If you have earlier Slider Revolution plugin installed and some sliders here please go to Appearance -> Widgets. In sidebar Header open widget Revolution Slider, choose Homepage slider style 1 and click Save.
  2. If you have earlier Ninja Forms plugin installed and some forms here please go to Forms and check ID of form: Room Booking. Then change ID (default is "2") of this form in:
    • shortcode for every room in section Custom Text or Shortcode
    • widget Text (third place) in sidebar Top Bar
    • page Room Booking
    Now go to Forms and check ID of form: Contact Form. Then change ID (default is "7") of this form in:
    • widget Get in touch with Us! in sidebar Content Bottom

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

Follow steps listed here

You can import form Room Booking that have you seen on our demo page. To do that navigate to Forms -> Import / Export

Now navigate to the demo-data folder, and then the ninja-forms folder and choose room-booking.nff file. Finally click Import Form.

documentation

Follow steps listed here



B. THEME OPTIONS

All available settings for 'Clinic' version of PE Hotel theme. More information about different versions you will find in Styles section.

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 Main Menu, navigate to Appearance > Theme Options and click on Main Menu tab.

documentation

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

Rooms Listing:

documentation

Room View:

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

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

Menu and Logo Bar:

documentation

Header:

documentation

Top Bar:

documentation

Off-Canvas:

documentation

Footer:

documentation

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

documentation

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

documentation

To setup High Resolution, navigate to Appearance > Theme Options and click on High Resolution 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:

  • demo-data/theme-options/theme-options-light.json
  • demo-data/theme-options/theme-options-dark.json


C. PAGES

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

Add Newsletter widget to sidebar, ex. Right Sidebar.

documentation

You can add here introduction text.

documentation

Very powerful plugin that allows you to create advanced forms.

For more information about usage please visit producer's page.

Add Ninja Forms widget to sidebar, ex. Right Sidebar.

documentation

You can choose here your desirable form and decide to show/hide form title.

documentation

Follow steps listed here

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

Navigate to Team > Add New Member. Enter title (member name), team category, Facebook Profile URL, Twitter Profile URL, Google+ Profile URL, phone, email, member's image and click Publish.

documentation

NOTE: This Custom Post Type can be used only for shortcode member.

Navigate to Roms > Add New Room. Enter:

  • Title (author name)
  • Description
  • Image (archive view)
  • Category
  • Imags for slider
  • Custom Text or Shortcode Title (Add Title for Custom Text or shortcode at the end of room description)
  • Custom Text or Shortcode (Add Custom Text or shortcode at the end of room description)
  • Intro Custom Text (Enter custom text visible on room image on hover for blog and archive view)
  • Subtitle (Enter custom text visible under the room title)
  • Room Amenities
  • Room Features
  • Room Tags

and click Publish.

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

z-index-high - adds attribute z-index:999 for widget (useful when you want to show some widgets on Video Background shortcode).

title1 - adds bigger centered widget's title with border.

overlay - bar with menu and logo overlays widget (Header sidebar) with this suffix.

inline-block - adds display:inline-block; attribute for widget.

no-margin - removes all margins for widget.

no-padding - removes all paddings for widget.

text-right - aligns text right

text-left - aligns text left

text-center - aligns text center


Special suffixes for Ninja Forms widget:

fields-split - adds ability to split Ninja Forms fields and align them horizontally.

fields-2, fields-3, ..., fields-10 - use this class if you have used suffix fields-split. For example enter fields-split fields-5 if you have 5 fields (including submit button).

documentation


Special suffixes for Ninja Forms fields:

half-left - field will have 50% width and will be aligned left

half-right - field will have 50% width and will be aligned right

documentation

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.

All available widget positions in theme :

documentation

documentation

We have also a video tutorial on how to manage the theme layout in WordPress themes:

Typography article you will find here here.

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

Follow steps listed here



H. STYLES

Theme PE Hotel is available in 2 different versions.

Light version:

documentation

Dark version:

documentation

You can import settings in Theme Options using provided in package file theme-options-light.json or theme-options-dark.json

  1. Go to Theme Options > Import / Export
  2. Click Import from File

    documentation

  3. Open theme-options-light.json or theme-options-dark.json file with Code or Text Editor and copy content.
  4. Paste content in input.

    documentation

  5. Click Import

Remeber: All of your previous settings will be overrided.



I. OPTIMIZE YOUR SITE



J. SOURCES AND CREDITS

Plugins:

  1. CMB2 (CMB2 will create metaboxes and forms with custom fields that will blow your mind.) http://webdevstudios.com/
  2. 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/
  3. Display Widgets (Adds checkboxes to each widget to show or hide on site pages.) http://strategy11.com/
  4. Newsletter (Newsletter is a cool plugin to create your own subscriber list, to send newsletters, to build your business) http://www.thenewsletterplugin.com/
  5. Ninja Forms (Ninja Forms is a webform builder with unparalleled ease of use and features.) https://ninjaforms.com/
  6. Redux Framework https://reduxframework.com/
  7. Revolution Slider (Revolution Slider - Premium responsive slider) http://themepunch.com/
  8. W3 Total Cache http://www.linkedin.com/in/w3edge
  9. WordPress Importer https://profiles.wordpress.org/wordpressdotorg/
  10. WP-LESS https://github.com/oncletom/wp-less/

 

Commercial images and videos used on the demo theme:

Depositphotos

  1. http://pl.depositphotos.com/44296421/stock-photo-modern-bedroom-interior.html?ref=3830419
  2. http://pl.depositphotos.com/27982749/stock-video-chamomile-flower.html?ref=3830419
  3. http://pl.depositphotos.com/10083190/stock-photo-hotel-reception.html?ref=3830419

Graphickstok

Are you interested to get 83% off on your GraphicStock subscription? Here you will find a discount coupon: http://go.referralcandy.com/share/LVTS2JK

  1. https://www.graphicstock.com/stock-image/women-relaxing-on-wooden-benches-in-sauna
  2. https://www.graphicstock.com/stock-image/pretty-girl-relaxing-in-swimming-pool

Free images used on the demo site are downloaded from pixabay.com

 

Połączmy się:

INDICO S.C.

ul. Przyjaźni 9, 84-215 Gowino, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2021 Pixelemu.com All rights reserved.