Category Archives: Wordpress Tips

Style 3.0 Menu Items | Menu Classes

I never took much notice to this until today but, WordPress has several useful menu item classes that can be used to style menu items individually. .current_page_item{} // Class for Current Page .current-cat{} // Class for Current Category .current-menu-item{} // Class for any other current Menu Item .menu-item-type-taxonomy{} // Class for a Category .menu-item-type-post_type{} // Class for Pages .menu-item-type-custom{} // Class for any custom item that you added .menu-item-home{} // Class for the Home Link This comes in very handy for anyone using WordPress 3.0+ … Continue reading

Posted in Tutorials, Wordpress Tips | Tagged , | Leave a comment

Display Excerpts in Twenty Ten

I didn’t think this would be as easy as it was until I did a bit of searching. I’ve been messing with Twenty Ten theme and getting it to display two columns of posts on the main page. The issue with this is, each post is a different length, so it makes the page look uneven. To fix this I wanted to show only the post excerpt, that way each post would be the same size until it was selected. Twenty Ten by default does … Continue reading

Posted in Wordpress Tips | Tagged , | 8 Comments

Warcraft Style Blockquotes

A while ago I played around with a plugin that would change the look of my blockquotes to mimic World of Warcraft blue posts as seen on mmo-champion. There’s been a few updates and added features over the past few months, but I found the easiest way to get the style I wanted was to just add to my own css. For example, using [ blockquote ] text here [ / blockquote ] I can style them any way I want. Just by adding a … Continue reading

Posted in Wordpress Tips | Tagged , , | Leave a comment

Gravatar Hovercard Fix for IE

I noticed when using Ottos code for displaying Gravatar Hovercards on my site was giving me an error with IE. At first I thought it was a plugin conflict. After testing it with different themes, it seems to be a theme conflict, but I couldn’t figure out what was causing it. I posted the issue on wordpress.org forums And between a few members they found a solution. When you add a meta description tag on your page, i.e. <meta name="description" content="…" IE adds a global … Continue reading

Posted in Other Stuff, Wordpress Tips | Tagged , | 3 Comments

Gravatar Hovercard WordPress Plugin

Ran across a site by Otto today explaining how WordPress.com is introducing a new feature called Gravatar Hovercards. It creates a popup for users with Gravatars showing more info from their Gravatar profile, such as web links, social links etc. You can see it working on this page unless you’re using IE. Here is the code you can use to create a plugin. Taken from Ottos site. <?php /* Plugin Name: Gravatar Hovercards */ function gravatar_hovercards_jquery() { wp_enqueue_script(‘jquery’); } add_action(‘wp_enqueue_scripts’, ‘gravatar_hovercards_jquery’); function gravatar_hovercards() { echo … Continue reading

Posted in Other Stuff, Wordpress Tips | Tagged , , | 6 Comments

Add Round Corners to Twenty Ten in IE and FF

Twenty Ten Weaver comes with an option to add rounded comers to the wrapper of your site. This is also not difficult to do with a Twenty Ten theme, but since it’s a browser specific style, it doesn’t display in Internet Explorer. Anyways, here’s how you can do it. 1. First download a small java script called Curvy Corners, extract it and upload the two .js files to your sites root directory. 2. Next open your themes style.css file in your favorite editor. If you want to … Continue reading

Posted in Tutorials, Wordpress Tips | Tagged , , , | 8 Comments

Weaver Snippets

I’ve added a section in projects called Weaver Snippets. it’s basically a list of some of the code I used on this site. Snippets are css code added into the <head> section of Twenty Ten Weaver theme which overide basic settings or change settings not in the basic options. This list of snippets is a work in progress and I’ll be updating it often. I doubt everyone will find it useful, but some might. Alot of times when I’m asked how I did something in … Continue reading

Posted in Wordpress Tips | Tagged , , | 2 Comments

Twenty Ten CSS Snippets and Tricks

This page contains a list of random code snippets I’ve found useful, most are for Twenty ten theme or 2010 Weaver. 1. Better Twenty Ten 404 page <?php /** * The template for displaying 404 pages (Not Found). * * @package WordPress * @subpackage Twenty_Ten * @since Twenty Ten 1.0 */ get_header(); ?> <div id="container"> <div id="content" role="main"> <div id="post-0" class="post error404 not-found"> <h1 class="entry-title"><?php _e( ‘Not Found’, ‘twentyten’ ); ?></h1> <div class="entry-content"> <p><?php _e( ‘Apologies, but the page you requested could not be found. … Continue reading

Posted in Wordpress Tips | Tagged , , | 1 Comment

Add search form in Twenty Ten header

I’ve been playing around a bit more with Twenty ten did a few neat things with it. One thing I added was a search to the header on my site, you can see it at the top. To do this, I searched Google for some code for a search box, wrapped it in a div and added the style to my own CSS. First make a copy of Twenty Tens header.php then open it in any editor. I wanted mine to show on the right … Continue reading

Posted in Tutorials, Wordpress Tips | Tagged , , | 17 Comments