“WP Provisions” Documentation by “Chris Robinson (contempoinc)” v1.0.2

“WP Provisions”

Created: 6/15/2014
By: Chris Robinson (contempoinc)
Support: http://support.contempographicdesign.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please open a ticket on the support site here.

You can also view my ThemeForest profile here, visit my theme and stock art preview site here, or follow me on Twitter here.

Table of Contents

  1. Installation
  2. Homepage Setup
  3. Managing Food & Drink Menus
  4. Managing Events
  5. Managing Staff
  6. How To Setup Reservations
  7. How To Setup the Contact Page
  8. Uploading Images
  9. Custom Widgets
  10. Custom Category Header Background Images
  11. Translation
  12. Custom Shortcodes
  13. CSS
  14. JavaScript
  15. PSD
  16. Support
  17. FAQ

A) Installation - top

  1. Unzip the final zip file; you should now have a final download folder.
  2. Do NOT upload the final download folder. Open up the final download folder.
  3. Browse the contents and find the provisions.zip file.
  4. Unzip and upload ONLY the theme folder to your "wp-content/themes" folder.
    • Optional: If you do not wish to manually upload the theme only folder to your "themes" folder, there is an option. You can upload the Lofty.zip via the WordPress themes admin panel by selecting "add new" and clicking "upload".
  5. Login to your Wordpress admin and navigate to Appearance > Themes > locate "WP Provisions" and activate it.
  6. Once activated you will be redirected to the Options panel, where you can configure the theme. Make sure to throughly go through each panel and famalirize yourself with everything, there are a bunch of options to configure.

Importing the Dummy Data

If this is a new installation and you would like some dummy content I've included an XML file with all the content from the theme demo.

  1. Go to Tools
  2. Click Import > Select Wordpress
  3. Click Browse > Find the supplied "wpprovisions.wordpress.2015-06-14.xml" located within the main folder
  4. Click Upload file and import
  5. That's it!

Homepage Setup

  1. Create a page > name it Home > apply the Home page template > Publish
  2. Settings > Reading > Front Page Displays > Set to the Home page you just created > Save
  3. Now go into Admin > WP Provisions Options > Enable/Disable and orgainize the blocks you want
  4. Save Settings
  5. And you're good to go!

B) Homepage Setup: - top

Layout Manager

There's no wrong or right way to setup your homepage, a countless number of possible setups are available.


If you've enabled FlexSlider you can add slides/content by scrolling further down and finding the Slides manager section on the Homepage panel

Slider Revolution

If you've enabled the Slider Revolution block, installed and activated the plugin and would like to use the demo slider content find the folder slider > file home.zip in the main download from Themeforest > go into your WP admin > Revolution Slider > Import Slider > upload the zip > then go into WP Provisions Options > Homepage > Slider Revolution Alias > enter home > Save Options and you're good to go!

Page Builder

If you've imported the demo content XML go into WP Provisions Options > Homepage > enable the Page Builder block > scroll down to Page Builder Template ID > enter 18 > Save Options > that will pull in the feature blocks and services from the demo site.

If you'd like to build out your own simple go to Appearance > Page Builder > add your blocks > note the ID and do the same as above.

C) Managing Food & Drink Menus: - top

  1. Go into the admin > create your services under the custom post type > add your content, featured image, etc > find Service Type > add your type > find Categories > create Services > then create your subservice category > Publish
  2. Go into Appearance > Page Builder > create a new template > find the Services block > drag and drop into your template > select which category to display > select the number > Save template
  3. Go into Pages > create a page > find the Apply Template button > select the template you just created > find the "Page Templates" area > select Full Width > publish and you're good to go.

D) Events Setup: - top

  1. Go into the admin > create your event under the custom post type > add your content, date, time, cover, featured image, etc > Publish
  2. Apperance > Menus > Custom Link > URL: http://yourdomain.com/?post_type=events | Label: Events > add to menu > Save Menu

E) Staff Setup: - top

  1. Go into the admin > create your staff under the custom post type > add your content, featured image, etc > Publish
  2. Go into Pages > create a page > find the "Page Templates" area > select Staff > publish and you're good to go.

F) How To Setup Reservations: - top

G) How To Setup the Contact Page: - top

G) How To Create a Skin: - top

H) Uploading Images: - top

I) Custom Widgets - top

This theme comes loaded with eight custom widgets, any of them can be added via Admin > Appearance > Widgets

J) Custom Category Header Background Images - top

These are used for blog post category archive pages.

  1. Open your WordPress Admin
  2. Click Media (left hand navigation)
  3. Add New
  4. Select Files
  5. Choose your image and Open
  6. Click Edit
  7. Find Categories (right hand side)
  8. Select the category or categories you'd like it applied to
  9. Update
  10. And you're good to go!

K) Translation - top

Need to translate the theme into another language? No problem, it's fully localized and translation ready. Follow the simple steps below:

1. Download and install PoEdit.

We need PoEdit to translate a theme. Its a free software and its available for Mac, Windows and Linux. Download PoEdit from this page.

2. Create a new catalog (the local language file)

Now PoEdit will ask you to name the file. Its very important to name the file correctly. The naming convention for these files is languageCode_countryCode. The language code must be in lower case while the country code should be in upper case. So, if you are translating the theme for UK English, the file name will be en_UK. Similarly, for translation to french, it will be fr_FR and so on. You can find a list of language codes at this page and country codes here.

3. Translate the Theme

This is the step where we will actually translate the theme. After Step 2 above, you'll see the standard interface of PoEdit where the left panel contain the strings in the original language and the right panel containing the translations. The right panel will be empty as we haven't started the translation yet.

Start translating each string one by one. Click on the first string and press Tab button. This will take you to the translation box in the bottom. Type the translation here. Your change will reflect immediately in the right panel. Once you are done with this string, press Enter and move on to the second string. Repeat this procedure until all the strings are translated. After the translation is done, save the file.

Then open wp-config.php located in the root of your WordPress installation and change line 72 to reflect your new language file.

4. Upload The Files To Your Server

When you save the catalog file in Step 3 above, PoEdit will create two files, a .po file and a .mo file. Upload both these files to the languages directory of your theme. Also upload wp-config.php to the root of your WordPress installation and you'll be good to go.

L) Custom Shortcodes - top

This theme comes loaded with a bunch of custom shortcodes, all to make your life oh so much easier. What are shortcodes? They're are simple macro codes to be used in WordPress post content. There's no need for any HTML knowledge!

Using shortcodes has never been easier, launch the visual shortcode generator by clicking the red button with the S on it within the post editor bar.

M) CSS - top

Main Stylesheet - style.css

This file contains the styling table of contents, outlining the different files included and where each styles are coming from.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Other Stylesheets Included

N) JavaScript - top

This theme imports six Javascript files.

  1. base.js - This is the main JS file it controls a few different things, its well commented for easy customization.
  2. ct.mobile.menu.js - Used for mobile menu select, this one doesn't require any editing.
  3. foresight.min.js - Used for retina displays, this one doesn't require any editing.
  4. infobubble.js - Used for map infobubbles, this one doesn't require any editing.
  5. jquery.fitvids.js - Used for fluid width video embeds, this one doesn't require any editing.
  6. jquery.flexslider.min.js - This is the main FlexSlider file, this one doesn't require any editing.
  7. jquery.prettyPhoto.js - This is the main PrettyPhoto file, this one doesn't require any editing.
  8. jquery.validationEngine.js - The form validation is handled by this file, this one doesn't require any editing.
  9. mapping.js - This controls all the advanced mapping functions for the theme, wouldn't recommend editing this one unless you're a JavaScript wiz.
  10. markerwithlabel.js - This is a Google Maps plugin allowing custom marker labels, this one doesn't require any editing.
  11. respond-min.js - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more), doesn't require any editing.
  12. retina.js - Used for retina displays, this one doesn't require any editing.

O) PSD Files - top

This is a responsive design so no layout PSDs are included, but if you'd like to say mock up a new template I'd recommend screenshoting the live site then opening that in your favorite editor say Photoshop then making your edits by cutting and slicing.

The single PSD that is included is for the listing map pin, located in the PSD folder from the main download.

P) Support - top

Please see the Support Site.

Q) FAQ - top

Please see the Knowledgebase on the support site.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Chris Robinson

Go To Table of Contents