Overview

Live Theme was built to make it simple to broadcast a live event, complete with community interaction, social networks, flickr feeds and more. Regardless of your event, this theme will make it easy to get your content online.

The theme is complete with 8 option panels for customization and several custom widgets for Facebook, Twitter, and a countdown timer. We believe there is enough flexibility to make it "your own" while keeping it simple enough to quickly get started.

Installation

Live Theme requires WordPress 3+ and PHP 5+.

Installing Live Theme is no different than any other WordPress theme. It is a 3 step process.

1. Upload the theme to your WordPress admin panel. Instructions available here in the WordPress Codex.

2. Activate the theme. Instructions available available here in the WordPress Codex.

3. Configure, tweak, adjust, and customize the theme to your preference. The rest of this document contains instructions on how to do just that.

Common Tasks

Feature Method to Add

Countdown Timer

1. In the Wordpress sidebar, go to Appearance > Widgets

2. Select the Live Theme Countdown Widget

3. Add it to the Countdown Sidebar

4. Set the date and time of the next event

Add Tabbed Pages

1. Create a new page with the content you'd like to show

2. In Live Theme Options, go to General

3. Select Tabbed Pages you'd like

Add Advertisements

1. Go to Live Theme Options > Advertisements. (More on Advertisement options)

2. Set up the Advertisements with an image, link and optionally adsense code

3. Head to Appearance > Widgets and add the advertisement to the sidebar

Other Elements

To set up your site similar to the demo:

Video Wall and image bumpers: set up in Live Theme Options. Video Settings.

Flickr: Username added in Live Theme Options. Flickr Settings.

Layout

Index Page

This is the default "front page" of the theme.

live_index

Index Page Key

# Item Section Description
1 Site Title Header

Upload your own logo to brand your site, or use plain text instead.

Live Theme Options: General > Display Custom Logo
2 Countdown Timer Header

The countdown timer is a widget that can be configured according to the next live event. Add the custom Live Countdown widget to the "Countdown" Sidebar and set the time and date for the show.

Appearance > Widgets
3 Video Display Top Section This is the most important part of the theme. It has two modes
  1. Live Mode: The video runs the feed provided by your video streaming service.
  2. Offline Mode: Instead of video, the display shows scrolling images to promote your events and inform visitors of the next showing.
Live Theme Options: Video
4 Social Integration Sidebar

Facebook and Twiter integration allow for live interaction. Both are created as sidebars, and have custom widgets to populate the sidebars with the social feed.

Appearance > Widgets
5 Flickr Feed Top Section Flickr was built into Live Theme to allow event creators to easily display their most recent photos to visitors.
6 Event Info Bottom Section

Event Info contains specially selected pages, and can be formatted much like any other page. This is useful for putting related documents, notes, or links to additional resources for your visitors.

Set up
  1. Create a page and enter some content
  2. Go to Live Theme Options: General
  3. Under "Tabbed Pages," select those pages you want to include
7 Social Buttons Bottom Section

Live Theme supports 6 social buttons, sized 32x32. These can be replaced with custom social networking icons, and can therefore support any social network.

8 Advertisements Bottom Section

The 300x250 and 300x150 advertisements are optional widgets that are integrated into both the WordPress admin panel and the Live Theme admin panel. Therefore each requires configuration in two places:

Set up
  1. The advertisement image is configured in the Live Theme admin panel's Ad 300x250 section.
  2. The Ad 300x250 widget is added to the sidebar via the WordPress admin panel's Widgets section.

Admin Panel

General Settings

Option Values Description
Display Blog Title or Custom Logo?

Logo (default)

Title

Logo displays the custom logo while Title will only show the standard site title as text.
Custom Logo Image Upload a custom logo for the site header or select a previously uploaded image from the Live Theme gallery.
Custom Favicon Image

Upload a custom favicon (?) or select a previously uploaded image from the Live Theme gallery.

FORMAT: 16 x 16px PNG or JPG.

Tabbed Pages Pages

The Tabbed Pages section selects the pages that will be used to populate the bottom "tabbed" section of the main page. Create pages and then select them here and they will appear on the front page.

(Command/Control + Select to choose multiple)

Video Settings

Option Values Description
Video Embed Code

code

The theme comes ready to accept a live feed from any streaming provider. They will provide an embed code that you copy and paste here.

The video should be sized 640px x 360px

Display Video Bumpers or Video Stream

Video Stream (default)

Video bumpers

This is "the switch" that controls your live video feeding out to your site. When you're ready to go live, be sure to select "Video Stream" to begin broadcasting.

Video Bumper Image (#1-8)

Image

When setting up your video bumpers, upload images or select from the Live theme gallery if you've already uploaded one.

Their size is the same as the video wall: 640px x 360px

Video Bumper Destination (#1-8)

Link

Enter the link that your bumper image will send visitors to. Live Theme supports up to 8 scrolling video bumper images.

The bumper will only show if there is a destination entered.

Navigation Options

Option Values Description
Enable Wordpress 3.0 Custom Menus

Yes

No (default)

Selecting "yes" will use the Wordpress menu system, as opposed to the default, Live Theme navigation system.

Wordpress 3.0 features a powerful menu system that will be useful if you need to create more advanced menus, otherwise the Live Theme menu will be enough.

By default, Live Theme supports only top level navigation, not sub-menus

Exclude Pages from the Navigation Menus Page names All page names will be displayed in the site's navigation menu by default. Selected page name(s) in this list will not be visible in the site's navigation menu. Also, this option is ignored if custom menus are enabled and in use.
Exclude Categories in Navigation Menus Category names Blog post categories can be added to the navigation menu by selecting the "none" option. To exclude all categories from the site's navigation menu, select them all from the list.
Display Footer navigation

Yes (default)

No

Turning this off will remove the navigation bar at the bottom of the website

Social Networking Options

Option Values Description
Tweet this! text

Text

When users click "Tweet This" on the front page, it automatically creates a tweet for them to modify. Adjust the text text they see by default here.

Social Networking Icon (#1-6)

Icon

You may either upload a custom social icon, or use those provided by default in the Live Theme gallery.

By default, the icons display at 32px x 32px

Social Networking Destination (#1-6)

Link

Select the link that you would like to use to send users to your social networking profiles.

The icon will not display if there is no link entered.

Photo Stream

Option Values Description
Enter Flickr Username

Text

Enter a Flickr Username to display a stream of their most recent photos.

Remove the username to hide the Flickr area on the front page of Live Theme.

Advertisements Options

Option Values Description
Advertisement Image

Image

Live Theme supports two advertisement areas.
  1. Sidebar (1 image sized 300px x 250px)
  2. Footer (3 images sized 300px x 150px)
Upload the image you'd like to use, or alternatively select one that has already been uploaded via the Live Theme gallery.
Advertisement Adsense Code

Code

Optional: Add Adsense code if you are using paid Google advertisements.

Advertisement Destination Link

Set the link that will serve as a destination for visitors clicking on that particular image.

Analytics and RSS

Option Values Description
RSS Feed

Text

Enter the address of your blog's RSS feed, probably Feedburner or a similar service.

Tip: Feedburner allows you to switch domains or blogging services in the future without forcing your subscribers to resubscribe.
Google Tracking Code

Code

Enter the Google Tracking code for your Analytics account.

This will be added to the header of your site, which affects page count.

Other Tracking Code

Code

If you are using an Analytics package other than Google, such as ChurchAnalytics, add it here.

This will be added to the footer of your site, which affects page count.

Import/Export

You can save all of your Live Theme admin panel settings or import your previously saved settings. This is useful if you are moving hosts, deploying/promoting a blog from a staging server to a production server, or if you are a designer/developer who uses Live Theme as a default starting point for your projects.

Option Values Description
Live Them Settings Export Text code Copy the code and save it outside of WordPress.
Download Export Code File Click the Download File button the save the export code to a file.
Import Live Theme Options Text code Paste previously exported code into the box to be imported.
Import Options Code Button File Click the button and browse to the previously downloaded options code file.
Restore Theme Defaults N/A Click the button to erase all of your Live Theme admin panel settings and start with the factory defaults once again.

Widgets

Live Theme comes bundled with 7 custom widgets. These widgets are tightly integrated into the theme and may rely on options that are configured in the Live Theme admin panel.

The Widgets section is located under Appearance in the WordPress admin panel.

Widget Description
Live Countdown

This widget displays the time until the next live broadcast, and does not need to be set up in Live Theme Options. Simply set the date and time of the next broadcast and place the widget in the "Countdown" Sidebar

Live Facebook

If you are integrating with a Facebook application, add the Live Facebook widget to the "Facebook Tab" Sidebar and enter the application ID.

Live Twitter

If you are integrating with Twitter, add the Live Twitter widget to the "Twitter Tab" Sidebar and enter the relevant information:

  1. Hashtag (Without #)
  2. Your Username
  3. Update Rate (in seconds)
Live Theme - Sidebar Ad

This widget displays a 300px x 250px advertisement as setup in Live Theme Options > Advertisements

Place the widget in the "Sidebar Advertisement" Sidebar

Footer Ad (1-3)

Live Theme supports 3 Footer ads (size 300px x 150px) as setup in Live Theme Options > Advertisements

Place the widgets in the "Footer Advertisement" Sidebars, one widget in each sidebar.

Frequently Asked Questions

This section is under development.

Support

This section is under development.