“London Live” Documentation by “Skyali” v1.3

“London Live”

Created: 1/4/2011
By: Skyali
Email: http://themeforest.net/user/Skyali

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Theme Installation
  2. Creating Posts
  3. Widgets
  4. Template Pages
  5. Theme Options
  6. Css Files & Structure
  7. Javascript
  8. Psd Files
  9. Common Problems / Common Questions

A) Theme Installation - top

Extract the files from the zip folder. There should be a folder called "londonlive" upload this to your themes folder via FTP. The next step is to activate the theme. You will login into your admin panel. Appearance » Themes » London Live click the activate link.
If you need help selecting a ftp. I use FileZilla.

B) Creating Posts - top

I'm going to assume you know how to create a post in wordpress admin panel if not to create a post in wordpress first login into the admin panel » Posts » Add New. Ok, After you type in your title and post content. You'll want to add a image so it displays in the featured slider. The way to do this is to set a featured image.

  1. First Step (Click "Set featured image") Located on the right side of the panel.
  2. Second Step (Click select files and select a image for your featured image.)
  3. Third And Final (After upload is done scroll down and click "Use as featured image")

I strongly recommend you use a image the size of 590 X 250 or bigger. For better resolution in the featured slider.

B PART 2) Unique Options - top

There are 4 Unique options on the right side of your edit or add post page. These options will give you more flexibility. I've listed these items below.

  1. Sticky Post Option.

    2. The "Sticky Post Option" Is for when you want to select any post and sticky it to your home page. All you have to do is go to your posts in the admin panel, find the post you want to sticky and simply click the option it will now show up on your home page. Note: This option only works for the "Featured Post Option" Located In the options panel under. London Live » Home Page » Blog Posts » Click "Featured Post" And save changes.

  2. Add To Slider Option.

    3. Use the "Add To Slider Option" when you want to add posts to your slider. The Slider is located under the "Featured Post" Or "Featured Slider" Which ever you chose.

  3. Feature This Post Option.

    4. "Feature This Post Option" Is a quick option to add items to your "Featured Posts" Note: This option will only work with "Blog Style 1". Blog style 1 is located at London Live » Home Page » Blog Posts » Blog Style 1

  4. Set Featured Video Option.

    5. The "Set Featured Video" Option is a quick option to add a featured video to any blog post. If this is the first post or a stickied post the video will show up in the home page. Note: The post must be stickied for this to show up on the homepage.

C) Widgets - top

There are 5 custom widgets.

  1. Sidebar News

    2. This widget will display latest posts. The default listing number is 5. You may change this number to anything you'd like you can also select certain categories to display.

  2. Video Embed

    3. Embed any video you'd like from any major video provider. Simply paste the video embed code into the textarea box to display the video.

  3. Flickr

    4. Display as many as flickr photo's as you'd like with this widget.

  4. 300 x 250 Ad

    5. This widget comes with a "Ad Code" Input field and also a "Image Url" Input for the various types of ads you may want to display.

  5. 125 x 125 Ad

    6. Use this widget to place quick ad's onto your website or advertise web space.

To enable these custom widgets simply drag them into one of the widgetized areas listed below.

Widget Areas

There are 8 widget areas to display your widgets more information below.

  1. Sidebar 1

    2. Sidebar one is located right above the tabs area.

  2. Sidebar 2

    3. Sidebar two is located right below the tabs area.

  3. Sidebar Column Left

    4. This is a small column for the sidebar located ont he left a perfect way to use it is either for the 125 x 125 ads or widgets like Archives, Links, Pages Etc...

  4. Sidebar Column Right

    5. This is just like the small coloumn for the left except it's for the right samething applies it's perfect for 125 x 125 ads or widgets like Archives, Links, Pages Etc...

  5. First Footer Widget Area

    6. This widget area is located at the very bottom of the page "The Footer" it displays on the very left end.

  6. Second Footer Widget Area

    7. This widget is the second column located on the right of the first footer widget.

  7. Third Footer Widget Area

    8. This widget is located on the right of the second footer widget.

  8. Fourth Footer Widget Area

    9. This widget is located on the right of the third footer widget.

D) Template Pages - top

There are 3 custom page templates:

  1. Archive

    2. This page will display the last 10 posts in each category

  2. Contact Form

    3. This is a contact page with a fully functional contact form. Note: The contact will not work unless you setup your email in the options panel. Located at London live » Miscellaneous » Contact Email » Input your email and "Save Changes".

  3. Full Width

    4. This page will display a full-width page with no sidebars.

The page attributes is located on the right side of the add new or edit pages page. These page templates are only for pages not blog posts.

E) Theme Options (London Panel) - top

To access the theme options panel look for the option on the left that says "London Live". Once your on the theme options landing page. Select any page that you'd like to edit threw the options. Here are a couple of tips to get the most out of the options panel.

The general settings will help you edit settings that affect the whole site.

The home page settings will only affect the home page settings. On this options page you may choose between 2 featured styles. A featured slider and featured post. There is also 2 different blog listing styles available. You may choose to disable the featured slider or post if you'd like to have no featured item.

The post page is the options for the page 'page.php' also known as the post page any settings changed in this section will affect every page from the blog posts.

This is where the ad settings will be for the 468 x 60 and 300 x 250 ads. A important note about the "Follow Icons" page. Is you must input your username for the icons to link back to your social media page. Please be sure to add this in if you choose to display the icon.

F) Css Files & Theme Structure - top

London Live uses 8 Css Files.

  1. style.css - Main Css File. Controls the whole theme structure.
  2. scripts/css/featured_slider.css - This file is for the featured slider and featured post.
  3. scripts/css/firstnavigation.css - This file is for the top header navigation.
  4. scripts/css/secondnavigation.css - This file is for the categories navigation.
  5. scripts/css/tabs.css - This controls the tabs on the right sidebar.
  6. scripts/css/skins/dark/dark.css - This is the css file for the theme skin dark.
  7. scripts/css/skins/white-grey/white-grey.css - This is the css file for the theme skin White & Grey
  8. scripts/css/skins/default.css - This is the css for the default the skin.

If you want to edit any of these css files the are the locations to the files.

G) Javascript - top

This theme imports six Javascript files.

  1. JQuery
  2. Tabs Script
  3. Custom Script
  4. Featured Slider
  5. Featured Slider Second Script
  6. Top Navigation JS
  1. JQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Tabs Script Controls the functions for the tabs on the right sidebar.
  3. Custom Script controls the fades in the images.
  4. The first featured slider script controls the main functions for the slider.
  5. The second script controls the small additional things for the slider
  6. Top Navigation script controls the drop down menu's

H) Psd Files - top

There is one main psd file with all of the elements to change the template.

J) Common Problems / Common Questions - top

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.

Skyali

Go To Table of Contents