Thanks for purchasing Symple.

Two things. One, I know no one like to read directions, but this will be relatively painless, and I highly advise reading through it. Two, if you have an opportunity to rate the theme, that would be really great and nice of you. It's hard to get ratings, and I'm just trying to get by like anyone else :)


Installing The Theme

Luckily, WordPress is pretty easy to install. It's quick, easy, and painless. You can read all about it here: Installing WordPress


Overview

Symple is a very powerful theme with many options. Take a moment to read through the documentation to understand Symple's options. As you can see in the demonstration, there are a variety of sections which the theme is organized - each section is easy to get setup, but the process can vary from section to section. When initially installing Symple be sure to have as few plugins already installed to be confident that there will be no conflicts.


Home Template

The home template has a total of 12 sections. You can arrange these sections by dragging and dropping them in order by visiting Appearance > Theme Options > Home. When you first upload the theme, there will be 5 sections already enabled: Parallax Slider | Marketing | Post Circles | Services | Map. You can easily change these.


General Styling

In order to check out some of the styling options for Symple, go to Appearance > Theme Options > Styling. You will see options for the following:

  • General Background Image
  • General Background Color
  • Change Color of Notification (Top bar dropdown)
  • Change Text of Notification
  • Change Color of Top Bar (The very top bar that is static - light gray on demo)
  • Custom CSS - which allows you override any css changes.

Sliders

Symple has 4 different Slider Options

  • Parallax Slider
    • To upload new slides to the Parallax slider - first - be sure that the slider is active in the Home page. Then you will see on the left side of the admin area a "Parallax" admin tab, just below the "Comments" tab. To add an image, use the "Featured Image" option on the right side of the "Add New Slider" page. After adding the image, and content, and title, the slider should do the rest :) Additionally, you have the option to link the slider posts directly to a specific page:
  • Pika Slider
    • The Pika Slider is the exact same process as the Parallax Slider, except you use the "Pika" admin tab, rather than the "Parallax" tab.
  • Cycle Slider
    • The Cycle Slider does not have a specific admin tab to upload new images, ect. Instead you will go to Appearance > Theme Options > Cycle Slider and add images, title, effects, etc. Pretty easy, hey?
  • Flick Imager
    • The Flick Imager (a name I just made up) will also work pretty much like the Cycle Slider, except in the Theme Options go to Flick Images. Then upload images and links there.

Gallery & Marketing & Services

In addition to the sliders custom post areas, you have three other areas that you can show as templates. In order to show these templates, first create a new page, then choose the corresponding template in the "Page Attributes" dropdown area on the right. It will look something like this:

After you create each of those page templates, it's possible to now fill those templates with content.

  • Gallery
    • With the gallery, you will add images/content as you would any new post, using the Featured Image uploader. You will also have a "Sorting" option, that will allow you to sort the posts. Just like adding new categories, you can add new Sorting categories:
  • Marketing
    • The marketing posts will be the same as any post. Add an image through the Featured Image uploader. You can also link directly to a page.
  • Services
    • Services are a set of tabs that can be used to display lots of content in a small area. This is slightly different than regular posts. To add the icon you see in the demonstration, you will use the custom field titled "Icon for Tab" just below the posting area:

Creating Blog & Posts

The blog has a variety of templates from which to choose. In order to choose a blog template, you can go to New Page, create your blog page, and choose the Page Template:

After you create the blog template you also have some options, including how your latest blog posts will display on the front page, and whether you want to show the full length post of the blog template or just an excerpt.

Social Media

You will also have the option to show certain social media options on a post by post basis:

Ribbon

For the latest blog entries to display on the front page, you can display a ribbon attached to them. You can change the text as well.

Gallery Post

You will have the option to show a series of images in a slideshow as a regular blog post. In order to do this, simply choose the Post Format option "Gallery". Upload the images into the Featured Image uploader and all the attached posts will display as a gallery slider.

Single Layout Posts

Finally, when you are creating new posts, you can choose what layout you want that post to display with. So on a post by post basis, you can change the layout as to how that individual post is being displayed. I think that's cool...


Creating Pages (including Video)

There a several options when creating a new page. You have a few template options under the Page Attributes, but you also have the ability to choose single Page Options.

Those options allow you to add the home page template sections to the top of the page. When creating a regular page, be sure to just keep this at default. However, when you're adding a video, be sure to choose "static-video" and place in your code to the video in the Static Video box. On the right, keep the default page template selected. Here's a screenshot of how it should look:


Creating a menu is fairly easy to do. First, visit Appearance > Menus. Add Menu Name. Then choose Theme Location by selecting your menu that you just created. Then build your menu by selecting pages or categories or by adding a custom link for your menu. In order to add an icon to a menu item, pull down the Screen Options tab at the top right corner of the menu page, select "CSS Classes":



After you have the CSS Classes selected, you can add a variety of icons to a particular menu item by writing in the css class.


    Icon options:

  • icon-pie
  • icon-light
  • icon-file
  • icon-audio
  • icon-magnify
  • icon-icon-upload
  • icon-tv
  • icon-bolt
  • icon-briefcase
  • icon-camera
  • icon-film
  • icon-gear
  • icon-grid
  • icon-home
  • icon-mail
  • icon-pencil
  • icon-photo
  • icon-graph
  • icon-lab
  • icon-map
  • icon-cloud
  • icon-photo
  • icon-cart
  • icon-flag
  • icon-date
  • icon-bulb
  • icon-brush
  • icon-megaphone
  • icon-support
  • icon-person
  • icon-bubble
  • icon-rss
  • icon-link
  • icon-shuffle

Creating Pages (including Video)

There a several options when creating a new page. You have a few template options under the Page Attributes, but you also have the ability to choose single Page Options.



Those options allow you to add the home page template sections to the top of the page. When creating a regular page, be sure to just keep this at default. However, when you're adding a video, be sure to choose "static-video" and place in your code to the video in the Static Video box. On the right, keep the default page template selected. Here's a screenshot of how it should look:




Circles (CSS & Static)

Symple has two ways to show "circle" displays. As you will see in the Theme Options, there is Circles (CSS) and Circles (Static). You can fill out the provided areas, and activate the home page section. The symbols are using Web Symbols. Simply add a letter and a symbol will show that corresponds with that letter. You can check out the list at the link above.


By visiting Appearance > Widgets, you will see the available widget areas. There are 5 sidebar areas available and 4 footer areas. In addition to the footer widgets there is an option for the very bottom copyright footer text to be changed in the Theme Options Footer tab. Symple also has a custom Flickr Widget & Twitter Widget.


Map

Go to Appearance > Theme Options > Map and you will see a list of dialogue boxes to fill out to show information on the map. The only trick for this, however, is that the data coordinates are not listed for viewing. The top left corner is 0,0. In order to find your specific location, you have to move on the x,y axis to find and pinpoint your specific location. Yes, I know it's a bit of a pain, but when I can get it updated I will.


Shortcodes

Symple offers a variety of shortcodes. The best way to see how they go is by visiting Shortcodes Page. Feel free to ask me any additional questions.


Contact Page

The contact page is easy. Just create a contact page template in the New Page area, like you would any new page, then choose the Template Contact. And the email that you have already in place in your WordPress installation will receive any new contact messages. Hassle free.


CSS Structure

  1. GLOBAL REST (COMPRESSED)
  2. WORDPRESS STYLES (COMPRESSED)
  3. HIDDEN HEADER WRAPPER
  4. LOGO & TOP NAVIGATION
  5. HOME TEMPLATE
    • CREATIVE HEADERS
    • HERO UNIT
    • CIRCLES (STATIC)
    • MARKETING
    • LATEST
    • LATEST FEATURES
    • FEATURES
    • CONTACT
  6. FOOTER
  7. SLIDESHOW FLICKER
  8. SHORTCODES
  9. BLOGS GENERAL
  10. BLOGS ALTERNATIVE
  11. SINGLE ALTERNATIVE
  12. PAGES ALTERNATIVE
  13. COMMENTS
  14. GALLERY
  15. CYCLE
  16. SOCIAL

Scripts Used

The following resources where used in the development of this theme:


Icons Used

The following icon resources were used: