Wave WordPress Theme
Version History & Changelog
Version 1.7.5 – Released: 08/04/2011
- Added meta tag which forces Internet Explorer to run in standards mode. Ironically, this breaks HTML validation.
- Moved Theme Settings panel under Appearance, so it's accessible from the Themes page along with Menus and Widgets.
- Updated bundled TimThumb to version 1.34 and jQuery to 1.6.2.
Version 1.7 – Released: 11/25/2010
- Fixed a bug that allowed any post to be shown in the featured sections on the homepage.
Version 1.6 – Released: 10/27/2010
- Posts on the homepage used to be only videos. Now they can be any type of post (video or blog), including featured posts.
Version 1.5 – Released: 08/13/2010
- Removed box-shadow from embedded videos.
- Added a save button between each section in Theme Settings.
Version 1.4 – Released: 07/29/2010
- NEW WP 3.0 Menu support for main navigation.
- NEW Option in Theme Settings to hide row of 5 sub-features on the homepage.
- NEW Icons displayed on the post thumbnails that represent the post type (video or blog).
- NEW All sorts of awesome new CSS3 frills. Works in all modern browsers, except Internet Explorer.
- Changed how post types (video, blog, featured) are handled. They are no longer category dependent.
- Removed some of the cusotm widgets which no longer work due to the post type handling change.
- Added the center column back to the homepage.
- Fixed a bug with Subscribe to Comments checkbox placement.
- Updated post meta box and broke it up into 2 boxes. Looks nicer, and easier to manage.
- Updated fancy tooltips to work with the latest versin of jQuery.
- Updated Theme Settings panel with cleaner visual style, new colour picker, and made it a top-level item - now appears at the bottom of the navigation menu instead of under Appearance.
Version 1.3.5 – Released: 02/26/2010
- Fixed a bug that prevented the featured category from being properly determined on the homepage.
- Fixed a bug that caused the embed field in video posts to break in some situations.
Version 1.3 – Released: 02/23/2010
- Better implementation for selecting the blog, video, and featured categories from the Theme Settings panel.
- Fixed a bug that prevented code from being escaped properly in the head include.
- Lots of other behind-the-scenes fixes and improvements to make the templates easier to work with.
- Bundled help documentation with the theme itself, so it can be accessed from WP-Admin.
Version 1.2 – Released: 02/12/2010
- Fixed the 404.php template which was broken in the previous version.
- Changed how Post Thumbnails are handled.
Version 1.1 – Released: 01/18/2010
- Fixed a bug that would allow the dropdown menus to hide behind videos in some versions of Firefox.
- Fixed 125×125 buttons widget to allow use of non-image ads, such as AdSense.
- Added WP 2.9+ Post Thumbnails – old method still in tact.
- Added support for self-hosted videos via the FLV Embed plugin.
- Added post author to video and blog post templates.
- Added URL and embed code snippet to video post template.
- Added recent videos widget since the list was removed from the footer.
- Completely re-coded about half of the templates to make them easier to customize.
- Reduced homepage template to 2 columns.
- Minimalized footer to only include copyright and credits.
- Removed the play icons from thumbnails to make it easier to customize the colour scheme.
- Updated bundled TimThumb to version 1.12.
Version 1.0 – Released: 06/11/2009
- Initial release.
Table of Contents
- A) Installation & Initial Setup
- B) Post Thumbnails
- C) Creating a Video Post
- D) Featured Posts
- E) Setting up the Nav
- F) Widgetized Sidebars
- G) Managing Ads
- H) Miscellaneous Theme Settings
- I) Support & Feature Requests
- J) TimThumb: Dynamic Image Resizer
- K) Supported Plugins
- L) Credits
Unpack the zip file you've downloaded from ThemeForest, and upload the /wave directory to the /wp-content/themes directory on your server.
WordPress 2.9+ Post Thumbnails
If you're running version Wave 1.1 and WordPress 2.9 or above, you can make use of the new Post Thumbnails functionality. In this case, assigning an image to be the post thumbnail is very easy. Simply upload your image using the built-in media manager, then click the "Use as thumbnail" link. You can completely ignore the Post Images box when writing posts if you're using the standard post thumbnail.
Backwards Compatible Dynamic Image Resizing
For previous versions of WordPress to 2.9, Wave uses Tim McDaniels’ TimThumb script for resizing the images used in the featured posts sections and in archive listings. Simply upload your images using the built-in media manager or direct FTP, then copy/paste the original file’s path into the Post Image field in the Post Images box. This method can be used if you simply don't want to use the built-in Post Thumbnail functionality, for whatever reason.
When you enter image paths in WP-Admin, you should start with the /wp-content directory. The WP home path is entered automatically in the templates. For example, if your image path is http://mydomain.com/wp-content/uploads/2010/01/image.jpg, you would paste /wp-content/uploads/2010/01/image.jpg in the field.
Incompatible Server Environment Workaround
In the case that your server is incompatible, you will have to resize images manually if you want them to look their best. Otherwise, images will be resized via CSS restrictions, which doesn’t produce the best results. When you disable image resizing, you are required to at least enter an image path for each of the different sizes. If you can’t or don’t want to resize them all yourself, that’s fine. But you have to at least enter a path for each image, or a placeholder (sad face smiley) will be presented. Image sizes are as follows…
Hero Image: 470×260
Sidekick Thumbnail: 190×140
Sub-feature Thumbnail: 158×116
Any easy way to automate image resizing, is to use the WP media manager and adjust your settings so that images are resized to the above specifications automatically when they’re uploaded. From the Settings -> Media panel, change the values to the following…
Unfortunately, there’s only 3 options and Wave has 4 image sizes. You can re-use the Sidekick Thumbnail for the Sub-feature Thumbnail and it won’t look too bad.
The main textarea is used as you would expect – for the main description of the video. This can be any length you want, but keeping it to a couple moderate paragraphs looks best.
In the Post Type & Video Details box, check the Video Post option. This tells the templates to use the alternate layout designed for video content.
Video Embed Code is the actual chunk of code that produces the video player. I’m assuming most people will be using this theme to present videos hosted elsewhere (YouTube, Vimeo, etc.). Simply copy and paste the entire embed code in this field.
Video Width tells the theme how wide to make the container that holds the video, and in turn, how much space to give the details that float beside it. Width is one of the first attributes you should see in the embed code, simply put the number in this field. For example, if width=”432″, enter 432 in this field.
If your video is very wide or in HD format, you can tell the theme to display this post a little differently to compensate for the large video. By adding a tag named “hd”, the theme will drop the video details below the video, giving it the full width of the site to display the video. This space is flexible, up to 920px.
Self Hosted Videos
New in Wave 1.1, is the ability to post self-hosted videos. This functionality relies on the FLV Embed plugin, which can be configured to your liking. The difference in posting self-hosted videos to using a service like YouTube, is that you use the quicktag in the post content area, as opposed to dumping the embed code in the Additional Information box. You do however, need to put the video's width in the Video Width field. In its simplest form, it looks like this...
[flv:/video/demo.flv 480 360]
There are other paramaters, such as the poster image, which can be found in the plugin's documentation.
Wave has always been compatible with the VideoPress service, simply by pasting the embed code into the Video Embed Code field.
Adding posts to the featured posts section is very easy. On the Write -> Post screen you should notice a new box directly under the main text area titled Post Type & Video Details. This area houses a series of input fields for the featured post and video items. Add an image to your post using either method described in section C. Short Title and Short Excerpt are the fields associated with the featured posts section. Short Title will likely echo the post title, while Short Excerpt is a custom excerpt which is used in the featured posts and homepage index. Leaving these fields blank will result in the theme defaulting back to the post title and automatic excerpt.
Also in the Post Type & Video Details box, there's an option called Featured Post with a checkbox. Checking this box will make your post show up in the featured area on the homepage.
New in version 1.4 is the ability to built a dynamic navigation right from WP-Admin. If you're running WordPress 3.0 or above, heave to the Apperance -> Menus section and create a new menu. Typically, the main navigation is called Main Nav. You can now add any pages or categories you'd like to the nav. Reorganize them however you'd like, but keep in mind that Wave only supports 2 levels of navigation.
If you don't setup a custom nav, a dynamic nav is created from pages.
The sidebars are widgetized, so you can drag and drop standard WP widgets and custom widgets designed specifically for Wave. I didn’t test every single widget I could get my hands on, but the most popular ones should display just fine.
Please refer to the WordPress Codex if you’re unfamiliar with using widgets.
There are several built-in ad spots in Wave. On the Theme Settings panel you will see a series of text areas after the basic settings which are for the ads. Once you have placed your code in the appropriate areas and saved, you will need to add the associated widgets to the sidebars.
The leaderboard doesn’t have a widget, as it’s conditional and is only displayed if there’s code in this box. If you don’t want a leaderboard, simply leave this box empty.
The 125×125 buttons widget can support any number of ads, up to 4. Obviously, even numbers look best. But if you only have 2 ads, don’t fret, it will look just fine.
Each ad box renders out the code you put it in as regular HTML. I’m assuming most people will be using an ad service like AdSense which provides code snippets you simply paste in. If you want to display your own buttons or ads, you’ll need to use full HTML here. For example…
<a href=”http://themeforest.net?ref=mattbrett”><img src=”/wp-content/themes/wave/images/TF_728×90.jpg” alt=”" /></a>
There are a few other options on the Theme Settings panel that haven’t been covered above.
Custom Logo – If you do have a logo and would like to use it in the header, you can replace the default image pretty easily. Upload your logo to the server (wherever you want), put the path in the Logo Image Path field. The logo dimensions need to be specified as well, since the image space is flexible. The max width is 920px, but the height can be whatever you want. Enter the width and height of your image in the Logo Image Width and Logo Image Height fields following (don’t include px, just the actual number).
Facebook URL, MySpace URL, Twitter URL – When you enter a URL for each of these sites, a nice big button is placed in the header. I will likely be adding more buttons if there are requests for them. I figured the big 3 would be a good start. Buttons only show up if you have entered a URL for them. So if you’re on Facebook and Twitter, but not MySpace – simply leave the MySpace field blank and no button will appear for it.
‹head› Include Code – Some ads require a chunk of code in the ‹head› as well. You can dump that and any other code that needs to be placed in the ‹head› in this field.
Footer Include Code – Most stat tracking code needs to be placed in the footer. Paste that code in this field.
Please send me an email via my ThemeForest profile if you’re having trouble with your theme, and I will do my best to get back to you as soon as possible. Please be patient, as I work freelance full time and do not have dedicated time for theme support. I rarely answer support requests left as comments on ThemeForest.
Also, it would be a good idea to a read through my Terms of Support document, which outlines the extent of support I offer, and information regarding updates, warranty, and compatibility.
TimThumb requires the GD library, which is available on any host sever with PHP 4.3+ installed. There shouldn’t be a problem with most web hosts, but if images are broken, this could be why. Contact your host and see if they can help you out.
If you are certain your server is compatible, you may need to check that the /cache directory is writable on your web server – set the permissions to 755 or 777.
If you absolutely cannot get TimThumb to work, I can offer no further assistance. As such, I’ve included an option in Theme Settings to disable image resizing entirely. In this case, you will have to resize images manually.
Most plugins will work just fine with Wave. But Wave has been tailored to work with the following plugins out of the box...
Dynamic image resizing via Tim McDaniels’ TimThumb.
Placeholder sad smiley icon courtesy of Function free icon set by Function Design & Development Studio
Twitter bird icon from Function Design & Development Studio.
Fancy tooltips on sub-features by Craig Thompson’s qTip jQuery plugin.
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.