Live Wire WordPress theme

Live Wire is a parent theme for WordPress.

This theme is a parent theme. All modification should be made via a child theme.

Features

Live Wire is built on Hybrid Core framework. I can't thank enough Justin Tadlock who has created it. This theme rolemodel is My Life theme, so check out all the Hybrid Themes.

Child themes

Live Wire is a parent theme, so create a child theme for any customizations.

/**
 * Theme Name: Live Wire Child
 * Theme URI: http://link-to-your-site.com
 * Description: Describe your child theme.
 * Version: 0.1
 * Author: Your Name
 * Author URI: http://link-to-your-site.com
 * Tags: Some, Tags
 * Template: live-wire
 */

After that you might want to import all the styles from parent theme.

@import url( '../live-wire/style.css' );

/* Custom code goes below here. */

This is officially-supported way of modifying themes in WordPress.

Note! If you want to use media queries in child theme and support them in browsers like IE7 and IE8, you should copy and paste css rules from parent theme style.css to child theme style.css and remove line @import url( '../live-wire/style.css' );

Remember to change all the url in fonts and backgound like this.
src: url('../live-wire/fonts/league_gothic-webfont.eot');
background: url(../live-wire/images/menu-plus.png) no-repeat 0 0;

Supported plugins

Live Wire includes base CSS for Gravity Forms and Hybrid Tabs plugin. CSS can be found in the bottom of the style.css.

Tips

Change default layout

Live Wire theme has two column layout by default, content on the left and sidebar on the right. You can overwrite this in post editor by choosing layout for that certain post:

Now you might want to change default layout for all post/pages. You can do that under Appearance >> Customize. This option was added in Live Wire version 0.2.

Add word Menu only in dropdown navigation

Since version 0.1.5 I have added words Primary navigation... and Secondary navigation... to TinyNav menu. Those words are only shown in TinyNav menu navigation.

Video post archive and video Thumbnail for youtube videos

Video Post type archive is displayd just a little differently. You can add Custom link in Menu using link http://mydomain.com/type/video/. Youtube videos have Thumbnail pictures in URL http://img.youtube.com/vi/ID/0.jpg. Just replace ID with your video ID like A7CI4yb3eu4.

Now, you can add this Thumbnail by adding Custom Field Thumbnail with value http://img.youtube.com/vi/ID/0.jpg in post editor. If you don't see custom Custom Field in post editor, click Screen options upper right and click Custom Fields.

Action Hooks reference

With action hooks you can add your custom code in a certain points in the theme. If you open header.php for example you'll see this line of code: 

<?php do_atomic( 'open_body' ); // live-wire_open_body ?>

It means that you can add your code in that spot without modifying header.php file. You do it using child theme functions.php. Add this inside setup function. 

add_action( "{$prefix}_open_body", 'my_open_body_code' );

And this after setup function.


function my_open_body_code() {

	echo 'My code';

}

Here are all the hooks used in Live Wire theme.

Theme support

Support for the Live Wire theme is not offered on the WordPress support forums. There is a community called Theme Hybrid where support is offered for this theme. You are encouraged to sign up to the site to use its support forums and become a part of the community.

Credits

Live Wire is build on Hybrid Core framework by Justin Tadlock.

Theme uses

Copyright & license

Live Wire is licensed under the GNU General Public License, version 2 (GPL).

This theme is copyrighted to Sami Keijonen.

2012 © Sami Keijonen. All rights reserved.