As a web developer, you can broaden your potential client base and add value for existing clients by listing ‘WordPress’ as an area of expertise. WordPress is incredibly versatile, it can be tweaked to add many non traditional features to run a more effective blog.

Throughout this article, we’ll be focus on 10 WordPress Theme ideas, tips and useful tutorials you need to have ready in hand when developing your WordPress website to enhance your blog and give it the quality it deserves.

1. How to disable scripts and styles

Many plugins and themes add JavaScript and CSS files to your site. While this alone isn’t necessarily a bad thing, using several plugins that do this can bog down your site with loads of requests for these files.

In this tutorial Justin Tadlock describes a smart solution to disable scripts and styles of your plugins by looking for wp_enqueue_script() and wp_enqueue_style() in your plugin file and then disable it in your theme’s functions.php. He chosen two popular plugins: Contact Form 7 and WP-PageNavi.

Disabling JavaScript

Doing a search for wp_enqueue_script will turn up the following bit of code:

wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'contact-form-7.js' ), array('jquery', 'jquery-form'), WPCF7_VERSION, $in_footer );

Now, open your theme’s functions.php file and add this PHP code:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'contact-form-7' );
}

Disabling Styles

Now, let’s repeat the previous step but this time we will search for wp_enqueue_style in the plugin file and the following bit of code will be returned:

wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');

Again to disable the style of this plugin, you will open your theme’s functions.php file and add this PHP code:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'wp-pagenavi' );
}

By doing the above 2 steps, you’ll disable the stylesheet and the script for this plugin. Feel free to deregister as many styles as you want within this function.

Source: How to disable scripts and styles

2. Display Thumbnails For Related Posts in Wordpress

In this tutorial you’ll learn how to increase page views by adding thumbnails to related posts using the popular YARPP plugin and Wordpress custom fields.

Source: Display Thumbnails For Related Posts in Wordpress

3. A Custom Read More

In this post you’ll learn how to create a custom “Read More” messages on a per-post basis using custom fields in WordPress.

All you need to do is replace your usual the_content template tag with this code. Then when you write a post, create a new custom field with the key of custom_more.

<?php $custommore = get_post_meta($post->ID, 'custom_more', true); ?>
<?php if (!$custommore) { $custommore = 'Read More &raquo;'; } ?>
<?php the_content($custommore); ?>

Source: A Custom Read More

4. Get the first image from the post automatically and display it

Most WordPress users including me are using custom fields to display thumbs on their blog homepage but i recently stumbled across a simple php function that allows you to grab the first image from the post automatically, and display it on your home page without the need to add any custom field to the post.

All you need to do is paste the following function on your theme’s functions.php file.

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img. src=[\'"]([^\'"] )[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}

After that you need to open your theme’s index.php and paste the following code where you want to display the first image in each post.

<?php echo catch_that_image() ?>

Source: Get the first image from the post and display it

5. How to Highlight Search Terms with jQuery

Spice up your WordPress search page by highlighting search terms within your search results. The solution described in this tutorial will highlight both the title and post content and is a drop-in modification for WordPress.

Now you need to paste the following code in your theme’s functions.php file.

function hls_set_query() {
  $query  = attribute_escape(get_search_query());
  if(strlen($query) > 0){
    echo '
      <script type="text/javascript">
        var hls_query  = "'.$query.'";
      </script>
    ';
  }
}
function hls_init_jquery() {
  wp_enqueue_script('jquery');
}
add_action('init', 'hls_init_jquery');
add_action('wp_print_scripts', 'hls_set_query');

After that you need to open your theme’s header.php and paste the following code (just before the </head> tag)

<style type="text/css" media="screen">
  .hls { background: #D3E18A; } /* <- Change the CSS style of */
                                /*    highlighted texts here. */
</style>
<script type="text/javascript">
jQuery.fn.extend({
  highlight: function(search, insensitive, hls_class){
    var regex = new RegExp("(<[^>]*>)|(\\b"  search.replace(/([-.* ?^${}()|[\]\/\\])/g,"\\$1")  ")", insensitive ? "ig" : "g");
    return this.html(this.html().replace(regex, function(a, b, c){
      return (a.charAt(0) == "<") ? a : "<strong class=\""  hsl_class  "\">"   c   "</strong>";
    }));
  }
});
jQuery(document).ready(function($){
  if(typeof(hls_query) != 'undefined'){
    $("#post-area").highlight(hls_query, 1, "hls"); // <- Change 'post-area' to ID of HTML tag you
                                                    //    want to highlight search terms in.
  }
});
</script>

Source: How to Highlight Search Terms with jQuery

6. Display Latest Posts by Category Archive

This tutorial will help you build a ‘Latest Posts by Category Archive‘ easily, this can be used to set up custom blog homepages, 404 pages, landing pages or even a special archive page. If you are looking for a plugin to generate such an archive, please check out: WP Plugin: Latest Posts by Category Archive.

Source: Latest Posts by Category Archive

7. Only Show Posts With a Specific Custom Field

Sometimes you only want to show posts that you’ve added a specific custom field to. A typical post loop begins like this:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Now you just add a simple query_posts function immediately above the loop code. In our scenario it would look like this:

<?php query_posts('meta_key=review_type&meta_value=movie');  ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Source: Only Show Posts With a Specific Custom Field

8. Find Page’s Top Level Parent ID

This post discusses the problem of displaying 2nd and 3d level of navigation in a sidebar no matter what page you are on. First thing you need to create is a new page (subnav.php) in your theme folder that you will be using for displaying side navigation from 2nd level downwards and include it in your theme’s sidebar.php

<?php include("subnav.php"); ?>

Now you just add the following code to your subnav.php:

<?php

if ($post->post_parent)	{
	$ancestors=get_post_ancestors($post->ID);
	$root=count($ancestors)-1;
	$parent = $ancestors[$root];
} else {
	$parent = $post->ID;
}
$children = wp_list_pages("title_li=&child_of=". $parent ."&echo=0");
if ($children) { ?>
<ul id="subnav">
<?php echo $children; ?>
</ul>
<?php } ?>

This code checks if the current page has a parent. If so, that means that we are at least 2 levels deep in the navigation. In that case function get_post_ancestors is called and returns an array of all the ancestors’ IDs up to the top level (root). Once we get the ID of the top level parent we can use it in wp_list_pages function to get its children.

Source: Find Page’s Top Level Parent ID

9. List latest posts from certain category

Currently i am working on Noupe’s new theme, and i wanted to display recent posts from one category. I stumbled across a smart code snippet that will get this job done.

<?php query_posts('category_name=photoshop&showposts=7'); ?>
<?php while (have_posts()) : the_post(); ?>
     <li>
           <a href="<?php the_permalink(); ?>">
               <?php the_title(); ?>
           </a>
     </li>
<?php endwhile; ?>

The query_posts code is telling WordPress to locate the latest 7 posts in the Photoshop category. The loop then runs the code to display them.

Source: List Recent Posts from One Category

10. Add Breadcrumbs to WordPress Without a Plugin

Breadcrumbs are a great way to give people a perspective of where they are on your site. You can easily add them via several good plugins. But if you want to build breadcrumbs into a theme without using a plugin, here is what you need to do.

Create a php file called breadcrumbs.php and insert the following code:

<div class="breadcrumbs">
<?php
function breadcrumbs() {
    $theFullUrl = $_SERVER["REQUEST_URI"];
    $urlArray=explode("/",$theFullUrl);
    echo %u2018You Are Here: <a href="/">Home</a>%u2019;
    while (list($j,$text) = each($urlArray)) {
        $dir=%u201D;
        if ($j > 1) {
            $i=1;
            while ($i < $j) {
                $dir .= %u2018/%u2019 . $urlArray[$i];
                $text = $urlArray[$i];
                $i  ;
            }
            if($j < count($urlArray)-1) echo %u2018 &raquo; <a href="%u2019.$dir.%u2018">%u2019 . str_replace("-", " ", $text) . %u2018</a>%u2019;
        }
    }
    echo wp_title();
}
breadcrumbs();
?>
</div><!%u2013/breadcrumbs%u2013>

Wherever you want to add the breadcrumbs in your theme files, just add the following line…

<?php include ( TEMPLATEPATH . %u2018/breadcrumbs.php%u2019); ?>

Source: Add Breadcrumbs to WordPress Without a Plugin

  

WordPress is a great blogging platform with a potential of being an easy to use content management system. This is the third article of our four-part series, “The Comprehensive Guide for a Powerful CMS using WordPress”. We are taking a look at 40+ quality and useful WordPress Plug-ins that will turn a simple WordPress site into a blazing fast dynamic one, with easily managed content, that you and your clients will love to use.

Making Your Content Unbreakable

There is one big drawback to using WordPress as a CMS: the lack of custom content types/groups, an area where developers put restrictions on how clients insert content. This is fairly easy to do with some knowledge of custom fields, but can be a little complicated if your client is new to WordPress. Developers must create workarounds to keep the content clean, portable and relatively unbreakable.

1. More Fields Plugin

More Fields is a WordPress plugin that adds boxes to the Write/Edit page. These boxes contains input fields, so that additional (more) fields can be added to a post. For example, if you write about books, you can add a box where you can enter title and author, etc. The boxes can be placed either to the right or to the left on the Write/Edit page.

Download Plugin

2. Creating Custom Content Type with Flutter Plugin

Flutter is made precisely for CMS-making, allows you to create custom Write Panel (Posts, Pages, and Theme Options). This, basically, is a custom content type in which you can add your own fields. So, if a WordPress installation gives you two different content types (Post and Page), Flutter enables you to add more Write Panels to your likings. You can create any type of field (File Uploads, Audio, Video, Checkboxes, Dropdowns) to make as simple as possible for your client or yourself to enter content.

Download Plugin

3. Post Templates Plugin

If you find yourself writing posts and pages on a regular basis which have the same structure, then this plugin would be a great addition to your WordPress plugin arsenal. This could be very useful for clients who have no idea how to get started to write a new page or post. Written by Vincent Prat, Post Templates plugin helps you save time blogging by letting you save and recall templates for writing posts and pages.

Download Plugin

4. WP-CMS Post Control Plugin

This plugin gives you complete control over your write options. It not only allows you to hides unwanted items like custom fields, trackbacks, revisions etc… but also gives you a whole lot more control over how WordPress deals with creating content! This helps you use WordPress more like a CMS, alowing you to totally customise what your authors see and use.

Download Plugin

Managing Users and their Roles

1. User Access Manager Plugin

This plugin is useful if you need a member area or a private section at your blog or you want that other people can write at your blog but not everywhere. Features include:

• User groups
• Set seperate access for readers and editors
• Set access by user groups
• Set access by post categories
• User-defined post/page title (if no access)
• User-defined post/page text (if no access)
• Optional login form (if no access)
• User-defined comment text (if no access)

Download Plugin

2. Role Scoper Plugin

Role Scoper is a comprehensive enrichment for access control in WordPress, giving you CMS-like control of permissions. Assign reading, editing or administration roles to users or groups on a page-specific, category-specific or other content-specific basis.

Download Plugin

3. Role Manager Plugin

This Plugin allows you to define and manage multiple subscriber profiles – called Roles and their Capabilities. Also you can create new Roles and Capabilities.

Download Plugin

4. Member Access Plugin

Member Access allows a WordPress administrator to make individual posts and pages accessible only to logged-in members. Member Access allows global configuration so that all posts or pages can be viewable by everyone (the default) or only by members, and it also allows each post and page to override the global setting.

Download Plugin

Better & Smart Navigation

1. WP-PageNavi Plugin

Adds a more advanced paging navigation your WordPress blog. Example: Pages (17): [1] 2 3 4 » … Last »

Download Plugin

2. Wordpress Navigation List Plugin

The plugin gives you the ability to create unique site navigation from your pages, categories and users using a Drag ‘n Drop Interface; arrange the items within a group in any arbitrary order. Navigation groups may be composed of any combination of pages, categories, Authors, (Editors, Contributors, Subscribers), internal/external links and list dividers. This plugin has a lot of other great features, you have to check it out.

Download Plugin

3. Multi-level Navigation Plugin

Adds an SEO friendly, accessible dropdown/flyout/slider menu to your WordPress blog. The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. The plugin produces W3C valid HTML and CSS and only requires Javascript to function for very old browsers such as IE 6. Check out the demo here. The options page allows you to choose from a range of options including:

• What content will be displayed in the menu
• Animation speed (how fast the dropdowns appear)
• Mouseover delay
• Hide delay
• Add a second menu

Download Plugin

4. Yoast Breadcrumbs Plugin

Breadcrumbs are the links, usually above the title post, that look like “Home > Articles > WordPress SEO”. They are good for two things: a) They allow your users to easily navigate your site. b) They allow search engines to determine the structure of your site more easily.

These breadcrumbs should link back to the homepage, and the category the post is in. This plugin allows you to add breadcrumbs to your theme.

5. Simple Sidebar Navigation Plugin

This plugin adds a widget into the Widgets dashboard that allows in a simple way, without writing any PHP code on your part, to create custom navigation in any sidebar pre-defined by your WP theme. Features include:

• Flat and multi-level navigation hierarchy for existing pages and custom links.
• Very flexible conditional appearance options.
• Out-of-the-box Suckerfish support.
• Option to add navigation links with custom title, url and target attribute.
• Unlimited number of navigation widgets.
• Optional setting includes blog posts into the navigation selection list (only pages are available by default).
• Support for custom drop-down menus CSS.

Download Plugin

Having a Multilingual Site

Writing multilingual content is already hard enough, so why go extra mile without making sure you already have a good plan to manage translation on your blog. Check out the plugins below that will help you have a fully featured multilingual CMS.

1. WPML Multilingual CMS Plugin

Turns WordPress sites into a fully featured multilingual content management system (CMS). WPML helps it go the extra mile. Features include: 1) Multilingual content support based on Drupal i18n architecture. 2) CMS navigation allows adding drop down menus, breadcrumbs trail and sidebar navigation (all wigetized). 3) Creates internal Sticky Links so that they never break. You can read more about the capabilities of this powerful plugin here.

Download Plugin

2. xLanguage Plugin

xLanguage is a full featured plugin allows you to blog in different language, and allows user to select which version to read. It works for blog post, page, tags, categories. The user language preferences will also select the right theme and plugins MO files.

Download Plugin

3. qTranslate Plugin

qTranslate makes creation of multilingual content as easy as working with a single language. Here are some features:

• qTranslate Services – Professional human and automated machine translation with two clicks
• One-Click-Switching between the languages – Change the language as easy as switching between Visual and HTML
• Language customizations without changing the .mo files – Use Quick-Tags instead for easy localization
• Multilingual dates out of the box – Translates dates and time for you
• Comes with a lot of languages already builtin! – English, German, Simplified Chinese and a lot of others

Download Plugin

Easily Manage Categories, Pages and Posts

1. Idealien Category Enhancements Plugin

Manage category templates as easily as you manage page templates. Select which apply through the post > categories menu using file names that make sense, not category ID numbers. Now any views of the category (or sub-categories) will render the according to the category template selected. Posts in a given category can also use a category-based template.

Download Plugin

2. pageMash > Page Management Plugin

Customise the order your pages are listed in and manage the parent structure with this simple ajax drag-and-drop administrative interface with an option to toggle the page to be hidden from output. Great tool to quickly re-arrange your page menus.

Download Plugin

3. Yet Another Related Posts Plugin

Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site. Using a customizable algorithm considering post titles, content, tags, and categories, YARPP calculates a “match score” for each pair of posts on your blog.

Download Plugin

4. Exclude Pages Plugin

This plugin adds a checkbox, “include this page in menus”, which is checked by default. If you un-check it, the page will not appear in any listings of pages (which includes, and is usually limited to, your page navigation menus).

Download Plugin

5. WP No Category Base Plugin

As the name suggests this plugin will completely remove the mandatory ‘Category Base’ from your category permalinks ( e.g. myblog.com/category/my-category/ to myblog.com/my-category/ ).

Download Plugin

SEO

Wordpress by default is pretty decent at letting search engines see what’s going on. But there are a whole bunch of plugins that can be used to make your blog rank better.

1. Google XML Sitemaps Plugin

This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN Search and YAHOO, are notified about the update.

Download Plugin

2. All in One SEO Pack Plugin

Optimizes your Wordpress blog for Search Engines: page titles, meta tags, keywords, and descriptions. This plugin allows you to configure them for either your entire blog or on a post by post basis.

Download Plugin

3. Redirection Plugin

Redirection is a WordPress plugin to manage 301 redirections, keep track of 404 errors, and generally tidy up any loose ends your site may have. This is particularly useful if you are migrating pages from an old website, or are changing the directory of your WordPress installation.

Download Plugin

4. Permalinks Moved Permanently Plugin

If you just migrated your Wordpress blog from one permalink structure to another, and you don’t want to lose Pagerank or traffic that accesses your blog through the old permalinks, this is for you.

Download Plugin

5. SEO Smart Links Plugin

SEO Smart Links provides automatic SEO benefits for your site in addition to custom keyword lists, nofollow and much more. SEO Smart Links can automatically link keywords and phrases in your posts and comments with corresponding posts, pages, categories and tags on your blog.

Download Plugin

6. Platinum SEO Pack Plugin

This is an improvised version of the AllinOne SEO plugin. It does everything that AllinOne was doing and also some extra cool features. It takes care of pretty much everything, a bit more advanced than a basic SEO plugin but easy to use as well.

Download Plugin

Highly customizable Widgets

1. Widgets Reloaded Plugin

Widgets Reloaded replaces many of the default widgets with versions that allow much more control. Widgets come with highly customizable control panels. Each widget can also be used any number of times.

Download Plugin

2. Flexi Pages Widget Plugin

Flexi Pages Widget is a highly configurable WordPress sidebar widget to list pages and sub-pages. Can be used as an alternative to the default ‘Pages’ widget. Features include:

• Option to display sub-pages only in parent page and related pages.
• Option to select and exclude certain pages from getting displayed in the list. Alternatively, only certain pages can be displayed by using the ‘include’ option.
• Option to include a link to the home page.
• Other options include title, sort column/order, hierarchical/flat format, show date.
• Multiple instances of the widget. Unlimited number of instances of the widget can be added to the sidebar.

Download Plugin

3. SidePosts Widget Plugin

With this widget you select the category you want, and all entries with this category, will be shown on the sidebar instead the main blog. You will have then a small blog on the sidebar for those special entries. For each entry, you have the link to the post page. You can select the number to post to show and if must show only the post excerpt or the full post content (Also excerpt with thumbnails can be shown).

Download Plugin

4. Query Posts Widget Plugin

This widget has everything you’ll ever need to show posts on your site without touching code. It’s like having a WordPress developer ready to do your bidding all wrapped up in a widget. All you need is a theme that’s widgetized.

It lets you displays posts by nearly any criteria you can imagine using the query_posts() function, except you don’t need to know anything about PHP to use it. You can do all kinds of neat things: Posts by tag, Posts by category, Posts by author, Posts by time/date, Posts by custom field key and/or value, Choose any number, Show pages, Show the full post, excerpt, or even order them in a list, and much more…

Download Plugin

Must Check Plugins

1. Search Everything Plugin

Search Everything increases the ability of the default Wordpress Search, options included: Search Every Page, Search Every Tag, Search Every Category, Search non-password protected pages only, Search Every Comment, Search Every Custom Field, Exclude Posts from search, Exclude Categories from search and more.

Download Plugin

2. Subscribe2 Plugin

Subscribe2 provides a comprehensive subscription management and email notification system for WordPress blogs that sends email notifications to a list of subscribers when you publish new content to your blog. Email Notifications can be sent on a per-post basis or periodically in a Digest email.

Download Plugin

3. Exec-PHP Plugin

The Exec-PHP plugin executes PHP code in posts, pages and text widgets. Features include

• Executes PHP code in the excerpt and the content portion of your posts and pages
• Configurable execution of PHP code in text widgets (for WordPress 2.2 or higher)
• Write PHP code in familiar syntax, eg.

Download Plugin

4. WP e-Commerce Plugin

The WP e-Commerce shopping cart plugin for WordPress is an elegant easy to use fully featured shopping cart application suitable for selling your products, services, and or fees online.

Download Plugin

5. NextGEN Gallery Plugin

NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. It can turn a regular blog into a powerful photo-blog while giving you all the tools to manage it efficiently and easily.

Download Plugin

6. Contact Form 7 Plugin

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Download Plugin

7. Viper’s Video Quicktags Plugin

Tired of copying and pasting the embed HTML from sites like YouTube? Then this plugin is for you. Simply click one of the new buttons that this plugin adds to the write screen (rich editor included) and then paste the URL that the video is located at into the prompt box — easy as that. You can fully configure how the videos are displayed (width, height, colors, alignment on the page) and much more.

Download Plugin

  

WordPress is often thought of as little more than a blogging platform. But it’s capable of so much more. Through a little customization and the use of plugins, WordPress can easily be transformed into a full-featured content management system. Here are more than 25 sites who have done just that (and done it well).

This is the second article in the four-part series, “The Comprehensive Guide for a Powerful CMS using WordPress“.

UGSMAG

UGSMAG is a Canadian hip hop magazine. The home page is laid out in a grid, with featured articles along the left two columns and news on the right. The color scheme and design choices reflect the young, independent audience they attract. The lack of a category list (other than the top nav, which simply lists “News,” “Features,” and “Interviews”) and archives lend the page to looking more like a traditional news or magazine website than a blog.

Subtle changes to individual article pages, such as removing the category labels, the use of a drop cap initial character, and moving the date from it’s usual blog-centric location under the title to the upper-right hand corner of the page all also contribute to the site looking more like a magazine and less like your standard blog.

The Weather Pops

The Weather Pops are a group of weather-related characters available for licensing. The site is simple and straightforward, and an excellent example of how WordPress can be used to build a simple yet powerful website. The pages included on the site offer great examples of how you can incorporate a gallery, contact form, and standard pages into a WP site.

The integration of plugins, such as the NextGEN Gallery plugin used on the gallery page, further improves the functionality of the site. Unless you looked at the code of the site, it’s unlikely anyone would have any idea this site was built using WP.

Temple Bar TradFest

The Temple Bar TradFest is an Irish music and culture festival held each year. The home page of this site bears absolutely no resemblance to a blog. The same can be said for internal pages, too. Individual pages within the site have no date or timestamp, no category or other tags, and otherwise look nothing like a traditional blog post.

Good use of plugins for the gallery and other pages further improves the functionality of this WP installation. This is another site where your average visitor would have no clue it was built on WP unless they checked the source code.

Table Talk

Table Talk is an online store selling dining furniture, tableware, and similar products. The home page features a product gallery with rotating images and the product pages show products laid out in a grid format. The site was built using the WP e-Commerce plugin for the online store functionality. E-commerce plugins greatly increase WP’s ability to be used as a CMS for virtually any kind of site.

Pages within the Table Talk site are set up without comments, date and time stamps, and categories. Categories are used for products, instead.

TP Hire

TPs is a teepee rental company serving Sussex and South East England. This site is actually a great example of using WordPress as a CMS. In addition to the standard pages found on most business sites (news, information, about us, etc.), there’s also a really great gallery page that uses the Lightbox formatting for viewing larger images and the option to view images in a slideshow. The layout of the events page is also an excellent example of how pages can be thoroughly customized within WP to suit the needs of the individual site.

The Art of Catalin Bridinel

The Art of Catalin Bridinel is your basic portfolio site. This site is a bit more blog-ish than most of the others here, but still offers up a good example of how to use WordPress for something other than your traditional blog. Paintings are listed in blog posts, with a large image appearing immediately under the title and a brief description under that. Comments are enabled here, unlike on many other CMS sites. The overall design, lack of sidebars, and other stylistic elements make this look more like a traditional portfolio site than a blog.

Search Inside Video

Search Inside Video is a service that provides searchable transcripts for online video content. Their site is one of the more innovative uses of WordPress as a CMS that I’ve seen. The overall site design is very simple, basically consisting of one long page with anchor tags for different content. Not exactly a revolutionary idea. But the implementation of it is very slick. It’s a great example of thinking outside the box in using WP as a CMS.

P2P Rescue

P2P Rescue is a non-profit organization working to help Sri Lanka and other Southeast Asian countries. The home page offers up basic information and articles about the organization and their cause. The overall site architecture is very simple, but again, bears little resemblance to a regular WP blog. Use of plugins for allowing donations to be made through PayPal further increases WP’s base functionality. The site also includes an online store powered by WP e-Commerce. Other pages include basic information about the organization and a blog (under the “Voices” section).

Myshli

Myshli is the portfolio of Danil Kryvoruchko. The home page of the site offers a gallery of designs, including a JavaScript slideshow of selected works. Individual pages on the site include galleries for each different type of work they do (web, print, etc.) along with an about page. Pages for individual projects show a variety of screenshots and images. The site also includes a blog with a different theme from the rest of the site (the main site has a black background whereas the blog has a white background).

Little White Lies

Little White lies is a website that revolves around movies. The home page is not unlike many other news and magazine websites, offering up links to current content, including interviews and reviews of upcoming and recently released films. Category pages (such as for interviews or reviews) use a different layout than the home page, though it does make them feel a bit more blog-like.

The article pages have stripped out the majority of blog-centric features, but have left in the comments section (many newspapers and magazines have added comment functionality to their articles both in and outside of blogs). The shop section on the blog appears to be the only section not powered by WordPress. Why this is is unclear, as there are some great plugins for e-commerce on WP.

KMX Karts

KMX Karts are manufacturers of recumbent trikes. The home page bears no resemblance to a blog, with the exception of the presence of a somewhat blog-like footer. The site includes a number of different kinds of page templates. There are pages for the different Kart models, pages for accessories, and pages for general company information. Each type of page, because they have their own unique functions, is slightly different from the other pages. The theme, though, is consistent throughout the site. The e-commerce aspects of the site are powered by the Shopp plugin.

IconDock

IconDock sells stock icons to designers. This is one of the prettiest sites I’ve seen using WP as a CMS. The home page is simple while still offering up plenty of content and some icons for sale right on the home page. Navigation is easy, with top nav and links placed within the content (such as the “Browse Icon Library” in the main image on the home page). The e-commerce portion of the site is powered by the WP e-Commerce plugin. The product pages offer up plenty of information about individual icon sets as well as different pricing options.

One of the coolest features on this site, though, is the drag-and-drop shopping cart (just drag an icon or set to the box on the left-hand side of the screen to add it to your cart). The box on the side shows your cart’s contents and removing an item is as simple as clicking the “x” in the corner. It’s definitely one of the slicker shopping cart UIs I’ve seen.

Ginger Restaurant

Ginger is a restaurant in South Africa. The overall site design and architecture are very simple while also being very attractive. The home page offers up basic information, including their hours and phone number. Other pages include more information about the restaurant, an online menu, and a gallery of the restaurant and their food. The gallery uses the JavaScript Thickbox functionality for displaying photos. There’s also a slideshow in the header of their offerings.

A couple of features that really set this site apart from similar sites, though, are their addition of links to their Facebook page and a page that lets you tell friends about Ginger. This kind of functionality is rarely seen on local business sites but should be utilized more often.

Fraai Magazine

Fraai Magazine is a free online magazine offering up creative inspiration. The site uses a the FLV Embed plugin to embed the Flash magazine into the site. (FYI: There is also a plugin available for WordPress, Page Flip Image Gallery, that allows you to create a flip-book style magazine right within WP.)

Other pages on the site include a visual index of articles and a page listing the issues available. The overall site is very simple but it’s an effective implementation of WP and appears to work well for what they’re doing.

Ford Motor Company—Global Auto Shows

This is the site of Ford Motor Company’s global auto show coverage. This is another site where you’d never guess it was powered by WordPress if you didn’t look at the source code. The home page offers up a gallery of featured vehicles, links to the different Ford brands, and a list of recent articles. Other pages on the site include a show schedule, information on concept cars (including a gallery) and information on vehicle types. From the looks of it, there’s a lot of custom programming going on on the site, including some custom Flash modules.

Executive Warfare

This is the site for Executive Warfare, a book by David F. D’Alessandro with Michele Owens. The basic layout of the site is very simple, as is the site architecture. The home page features some basic information about the book as well as a couple of sample articles. Pages contained on the site include a sample chapter, “10 Rules”, Reviews, an “About the Authors” page, and a video page.

The site also has a blog. The page templates are all the same, though the use of images and block quotes gives them each a unique look. Overall, it’s a great site that offers up its content in a way that is both aesthetically pleasing and practical.

Cubicle Ninjas

Cubicle Ninjas is a design firm offering up web design and development, graphic design and illustration services. The overall design is bold while still being simple. Their portfolio pages are some of the best I’ve seen, offering up embedded video on some pages in addition to images of individual projects. The Cforms2 plugin (which offers great customization options) is used for their “Request a Quote” page.

Camacho Cigars

This is the site of the Camacho Cigars company. The site architecture is completely un-blog-like. For example, the “Our Story” page contains subpages (”History of Camacho,” “Tobacco in Honduras,” and “Production Tour” linked with icons from the page itself. Other pages on the site include a page detailing their cigars, a “Where to Buy” page, a “Press Room” and a contact page. This is another site that does well by linking their social network profiles right from their home page.

Alpha Multimedia Solutions, Inc.

This is the online portfolio of Alpha Multimedia Solutions. The site’s design is simple and elegant, as is the architecture and navigation. The offer up case studies for their different clients and the pages for these use a slightly different template than their other pages. The use of slideshows for each project in the header also add to the overall look of the site very nicely.

Gaijin Film & Sound

Gaijin Film & Sound is a film, sound and new media production and consultancy company. Their home page offers up basic information about the company, including contact information in the sidebar, a list of services, and an abbreviated list of clients.

The top nav on the site is very effective and includes links to “About,” “Portfolio,” “Production,” and other pages. Their portfolio page is one of the nicest on the site, offering up links to videos within a very aesthetically pleasing layout.

Frisk Design

Frisk Design is a web design company. Their site makes great use of pages within WP for offering up information about the company, their services, portfolio, and contact. A blog is also included, though it’s not the focus of the site. The portfolio has a very elegant layout that offers up information about each site without having to click through to individual project pages.

Feedback Audio

Feedback Audio provides music production, film audio production, and live sound production services. The home page of the site offers up a great overview of the company, their services, and ongoing projects. It’s an elegant design that offers some great visual pop. The individual page templates are simple and the lack of a sidebar keeps this from looking anything like a blog.

Eye-Fi

Eye-Fi is a company that provides SD cards for digital cameras with built-in wifi for transferring photos to your computer. The site has an excellent layout that is at once visually interesting and easy to navigate. There’s no blog on the site, only pages that offer up information about the products, including where to buy and how they work. Overall, it’s an excellent example of a WP-powered site.

Earth911.com

Earth911.com is an environmental information site. The top navigation is one of the best I’ve seen, offering intelligent drop down menus that are only there when you want them to be. The overall site design is exceptional, simple while still be visually pleasing. Individual category pages are also beautifully designed, offering up basic information at the top along with articles related to the topic below. Overall, the site is one of the better designed portals I’ve seen powered by WP.

OriginOne

OriginOne is a clothing company that celebrates human oneness and connectedness. The site design is edgy and complex while still being very user-friendly and easy to navigate. The online store is powered by the Shopp plugin for WP. There’s no blog present on the site. Individual pages are kept simple, with the content as king. The shop itself is beautifully laid out and works well for a shop without a ton of products.

  

This is the first article in the four-part series, “The Comprehensive Guide for a Powerful CMS using WordPress“. Throughout this article, we’ll be focus on many WordPress Theme hacks, ideas, tips and useful tutorials you need to have ready in hand when developing WordPress websites.

There are some technical stuff we have to get out of the way first. Let’s take a look at useful, yet rather unknown techniques for a powerful CMS using WordPress. Each section of the article presents a suggestion and provides you with an explanation of the solution for each suggestion.

WordPress CMS Hacks and Tricks

1. Create a static home page

By default, a WordPress home page shows chronological blog post entries — with the most recent post at the top. If your goal is to have a WP-created Page with static information, WordPress will allow you to select a different page as your home page so that you can display more traditional content like information about yourself or your business.

How To »

In your admin area, just go to Setting » Reading. Here you can decide if your home page will display your blog posts or a static page, if you choose a static page you can also choose which page to be your home page from the select box.

Points to take care »

• First problem you may run into when you make a static page your home page is that the link to that page now appears in the main site navigation. Usually the page called “Home” in the main site navigation. This tutorial shows how to remove one of those links from your site navigation so that visitors to your site are not confused by the duplicate link.
• The second problem is you will see that link again in the sidebar widget, the fix is pretty simple. The WordPress Pages navigation widget now allows you to exclude any page from its links by inserting the Page IDs of pages you want to exclude into the “Exclude” box in the Pages widget.

2. Customized Navigation bar

Adding too many pages to a WordPress blog that has a navigation bar in the header can really make your Wordpress blog a mess. There are options to control what pages are shown in the navigation bar and even a way to add external links.

How To »

The Template Tag, wp_list_pages(), displays a list of WordPress Pages as links. It is often used to customize the Sidebar or Header. You can simply edit the header.php file and exclude any page id you want, you can also include the pages you want. So now the code of the top nav bar will look like this:

<ul id="pagenav">
       <li class="<?php if ( is_home() ) { echo 'current_page_item'; } ?>">
             <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>">Home</a>
       </li>
       <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=&exclude=17,38' ); ?>
</ul>

Creating Two-Tiered Conditional Navigation in Wordpress »

A common navigational scheme, parent pages on top and child pages (if they exist) on bottom:

How To »

Darren Hoyt goes through a nice solution to help us: 1) query the page, 2) determine if there are child pages, and 3) properly highlight both the .current_page_parent and .current_page_item links.

<ul id="nav">
<?php wp_list_pages('title_li=&depth=1'); ?>
</ul>

<?php if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul id="subnav">
<?php echo $children; ?>
</ul>
<?php } else { ?>
<?php } ?>

And then he show us how to use CSS to make sure the :active and :hover states display correctly whether or not subpages exist — if they do, the primary nav uses current_page_parent, if they don’t, it resorts to simply current_page_item.

Use breadcrumbs

Breadcrumbs are great for so many reasons: usability, SEO, etc. In terms of plugins, there are many options, my favorite is Yoast’s Breadcrumbs, because it’s easy to implement. Another breadcrumbs plugin, gives you a new template tag called breadcrumb_trail() that you can place anywhere in your theme. Once that’s done, it’ll display a hierarchical menu of where the current visitor is on your site. It’s quite useful if you have more than a few pages or posts.

3. Making Your Content Unbreakable

There is one big drawback to using WordPress as a CMS: the lack of custom content types/groups, an area where developers put restrictions on how clients insert content. This is fairly easy to do with some knowledge of custom fields, but can be a little complicated if your client is new to WordPress. Developers must create workarounds to keep the content clean, portable and relatively unbreakable. Darren Hoyt discussed some solutions for this issue, probably not the best solution out there but could get the job done.

How To »

Luckily, WordPress has a solution for us. Liam is using a little something called add_meta_box. This is a detailed and quite useful tutorial on creating custom write panels for the WordPress Write Post page. Custom write panels are most useful for customized installations of WordPress and could be used to add many different types of information into a post both easily and quickly.

This is is a great example of how useful and flexible Custom Fields can be in developing a full CMS with WordPress.

How to preset text in the WordPress post editor »

There are built-in actions and filter hooks that allow us to change things. Justin Tadlock is showing us how to use a simple filter to preset text in the WordPress post/page editor. This technique will work with both the visual and HTML editor. This technique might be very useful for clients who want to create a new page and not sure how to start, you can just create a demo text for them and they will just modify using your template post.

All you have to do is open functions.php in your favorite text editor and input this PHP code:

<?php
add_filter( 'default_content', 'my_editor_content' );
function my_editor_content( $content ) {
$content = "<h3>Title of the first paragraph</h3>
<p>description</p><p class='img'><img src="" alt=""/></p>";
	return $content;
}
?>

It’s as simple as that. Just a few lines of code. I added here some XHTML code so the client won’t need to do this himself.

4. How to widgetize your theme

WordPress Widgets are also known as “sidebar accessories” which are WordPress Plugins or add-ons to your WordPress blog sidebar. This could come in handy for your client, WordPress Widgets allow the easy addition of design elements, gadgets, content, images, and more to your WordPress sidebar to personalize the blog without knowing HTML, PHP, or any code.

How to Widgetize Your WordPress Footer »

Many themes have a widgetized sidebar or even two. But what about widgetizing your WordPress footer. Sometimes it’s a good to have widgets at the bottom of the blog for links to other posts and maybe some details about yourself. In this simple tutorial you will learn how to create 3 footer widget areas which can be edited from the admin area of your WordPress installation.

Simply open your functions.php file in your current theme folder, and replace the current sidebar widget code with the one below:

<?php
 if ( function_exists('register_sidebar') )
 register_sidebar(array(
 'before_widget' => '<li id="%1$s" class="widget %2$s">',
 'after_widget' => '</li>',
 'before_title' => '<h2 class="widgettitle">',
 'after_title' => '</h2>',
  ));
  register_sidebar(array('name'=>'subfooterleft'));
  register_sidebar(array('name'=>'subfootercenter'));
  register_sidebar(array('name'=>'subfooterright'));

What this does is registers 3 sidebars called subfooterleft, subfootercenter and subfooterright which will correspond to the left, center and right widgets in the subfooter. A detailed tutorial would be great for you to guide you through the steps of styling the footer widgets, adding the markup and finally adding the widgets through the Admin area » Widgets

How to widgetize your page menu in WordPress »

We all feel the pain of having to customize our page menus for pretty much any WordPress theme. There are several methods that people have been trying to overcome this one frustrating thing with WordPress, but the method Justin Tadlock is describing here is easy and requires little coding. Your theme needs to use the wp_page_menu() function to add its page menu so you can completely widgetize your menu.

Open your theme’s functions.php file and add the code below:

<?php

register_sidebar( array(
	'name' => 'Page Menu',
	'id' => 'page-menu',
	'before_widget' => '<div id="page-nav">',
	'after_widget' => '</div>',
	'before_title' => false,
	'after_title' => false
) );

add_filter( 'wp_page_menu', 'my_page_menu' );

function my_page_menu( $menu ) {
	dynamic_sidebar( 'page-menu' );
}
?>

Now, head over to the Widgets page in your WordPress admin. Select the Page Menu widget area and create your menu there using the different methods described in this great tutorial.

5. Custom post and page templates

Page templates let you change the design and/or functionality of particular pages by using a certain template. This new Page Template will then override the default page.php Page Template included with your Theme. If you want to use another page template, simply open your Write Page admin panel » Attributes and select the template you want for that page. More details can be found here.

Set Up Custom Wordpress post Templates »

You can use a specific post template for single posts that you want to function differently. In a recent project i worked on, i didn’t want the posts in the news category to look or behave like the rest of the posts, i thought it would be better to have another template for the posts in the “news” category. I found a smart solution, you will need to put only the code below in your single.php file in your current theme folder:

<?php
$post = $wp_query->post;
if ( in_category('13') ) {
include(TEMPLATEPATH . '/single13.php');
} else {
include(TEMPLATEPATH . '/single1.php');
}
?>

Here we are telling WordPress: If the post is in category ID number 13, display single13.php. If not in category ID number 13, display single1.php. Now you just create 2 new files “single13.php” & “single1.php”, and do whatever you want to do. From this, you can make as many single post page looks as you want, as long as they are styled by their category.

WordPress Single Post Templates- this post goes through a simple technique to have post templates like page templates. Austin recommends using a filter in your functions.php. Here’s the code to add to your theme’s functions.php file. (be sure you paste this code between tags):

add_filter('single_template', create_function('$t', 'foreach( (array) get_the_category() as $cat )
{ if ( file_exists(TEMPLATEPATH . "/single-{$cat->term_id}.php") )
return TEMPLATEPATH . "/single-{$cat->term_id}.php"; } return $t;' ));

This technique solve the multiple categories issue (a post is included in more than one category) since it cycles through all the categories in the array and checks to see which one of them has an associated post template. When it finds one, it uses the post template file, but if it doesn’t, then it falls back on the default single.php template.

6. Permalink Structure

Permalinks are the permanent URLs to your individual weblog posts, as well as categories and other lists of weblog postings. We won’t go through the usual techniques to how to beautify your links and get rid of the post id at the end of the url, display date, etc…

Advanced Customization of WordPress Permalink Structure »

Here is an advanced tutorial for customizing your permalink structure of WP’s pages system.

How to remove the “category” suffix in the category permalinks

Today we want to check out “>how to make your category url don’t look like they are blog categories, so instead of:

http://yoursite.com/blog/category/category-title/

We have:

http://yoursite.com/category-title/

How to remove Category Base from Wordpress Permalinks

Some bloggers do not want to have any category base in their Permalinks structure. Wordpress does not allows you to do it. Here is how you can get it done.

7. Create a sitemap for the whole website

Google XML Sitemaps- This plugin will create a Google sitemaps compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress generated pages as well as custom ones. Everytime you edit or create a post, your sitemap is updated and all major search engines that support the sitemap protocol, like ASK.com, Google, MSN Search and YAHOO, are notified about the update.

8. Disable Comments and Trackbacks

Now you want to disable comments on your blog, go to Discussion Settings » Default article settings to disable the comments on your blog. You can also edit your single.php file and delete the code that calls the comments.php file.

9. Use PHP in your pages and posts

Conventional ways of creating advanced pages in WordPress was to create all your XHTML/PHP/CSS in a template file and then create a page and link the two, this works, but you end up with loads of template files and editing them is a pain and not very manageable.

Using one of these 2 plugins will allow you to easily add any code such as XHTML, CSS, PHP, JavaScript directly inside of the post box for your posts and will be executed as it should be.

Exec-PHP or runPHP plugins to executes PHP code in posts, pages and text widgets.

10. Creating Custom Content Type with Flutter

Flutter is made precisely for CMS-making, allows you to create custom Write Panel (Posts, Pages, and Theme Options). This, basically, is a custom content type in which you can add your own fields. So, if a WordPress installation gives you two different content types (Post and Page), Flutter enables you to add more Write Panels to your likings. You can create any type of field (File Uploads, Audio, Video, Checkboxes, Dropdowns) to make as simple as possible for your client or yourself to enter content.

Things To Consider When Using WordPress as a CMS

There are the certain points we need to think about before choosing and designing a website where WordPress will be used as the CMS. Devlounge has shared “Things To Consider When Using WordPress as a CMS“, this is a must read post for anyone thinking about using WordPress as CMS. Below you will find just few of the points, you need to check out this article to get a better understanding.

• Is WordPress the correct CMS? Will it fit the needs? Is the translations available for the WordPress backend good enough? How will it be upgraded?
• Will I need to extend WordPress using plugins? Are any hacks to the core necessary, because if they are, how will I make sure that these won’t break when the core is upgraded?
• What types of content will there be, and what should be deemed static (i.e. use Pages), and what is flowing updates (i.e. Posts)? How will I present this, and what is the main type of content?
• How will the permalink structure be? Should it really say “category”, why not “view” or “updates” or something else?

WordPress CMS Theme Implementation Tutorials

- WordPress CMS Part 2: Theme Implementation- A very detailed tutorial taking you through the steps to create your CMS featured theme.

- WordPress CMS Part 2: Theme Implementation- A very detailed tutorial taking you through the steps to create your CMS featured theme.

- How to Use WordPress for a Portfolio Site – Part 1 & Part 2- Using WP for a portfolio site (primarily graphics and design-based).

- How to use WordPress to run a magazine, news website

Must Read Posts

Five Ways to Familiarize Clients with WordPress- What developers have tried to make their clients more comfortable with WordPress. Here’s a wrap-up of the best and most common suggestions.

Don’t mess with my Toot Toot- This is a tutorial about a plugin the author created to add a very simple new and different type of post.

Using WordPress as CMS- A series of posts on Using WordPress as a CMS – from the more theoretical to the more practical (sub)topics.

WordPress as a CMS- In this screencast, Chris Coyier shows off a number of WordPress features that make WordPress very “CMS-like”.

Please share your experience and what was the best techniques you found to be very useful when developing WordPress as a true CMS platform.

  

Performance is a key factor for any successful website. And since WordPress is becoming more popular than ever, it will only be at its best when raised in the proper conditions. Here are a few things to try if you find that your WordPress site is not performing as well as it could be due to high traffic or hidden issues you don’t know about.

Some Basic & Simple Steps

1. Upgrade to latest WordPress release

WordPress 2.7 have manny performance improvements over previous versions. So you better upgrade to latest release to make use of this.

2. Remove unnecessary Plugins & upgrade current ones

Remove any plugins that you aren’t using. Deactivate them and physically delete them from your web server. Deactivated plugins will affect the speed of a site because the Wordpress checks to see if they are activated or not. Also you must stay up to date with the latest versions of the plugins you are currently using. Developers release new versions because they’ve modified the code in some way to make the plugin work better.

3. Minimize PHP and database queries

I read about this great tip on Wpcandy’s simple ways to speed up WordPress post. It makes a lot of sense, cutting down on PHP and database queries. Each time a page on your site loads, if your browser has to execute any PHP queries, it adds to the load time. If you replace the PHP queries with static HTML, every time a page loads, your browser just reads the HTML.

4. Optimize and Repair your Database from myPhpAdmin

Every week or so you should login to your myPhpAdmin and optimize your db. Locate your Wordpress DatabaseTables, check all the tables in the Check Boxes, select the Optimise Tables Option and repair. You would be surprised how well this trick might work, it saved more than 10% of my current database size.

Take a good care of your Images

5. Use Reliable image hosting service

Try moving the common web images, CSS, JavaScript and other static files to Amazon S3 Storage service and you will notice the average CPU load / memory requirement of the web server will be reduced a lot. Read this step by step guide.

You can also try this WordPress plugin, WP-Offload will boost the performance of your blog by seamlessly offloading static content like images, documents and movies. This will greatly reduce bandwidth consumption and the number of HTTP requests issued to your web server. Additional features such as remote image manipulation and thumbnail generation are provided.

6. Optimize your images with this great tool

Shrink O’Matic is an AIR application to easily (batch) resize (shrink) images. It handles JPGs, GIFs and PNGs. Simply drag and drop images and they’ll be resized as you wish! Options allow you to choose the output sizes, names and formats.

Great Advices for better performance

7.Install WP Super Cache Plugin

I guess many of you know why we always insist on using this plugin. This plugin generates static html files from your dynamic WordPress blog. After an html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts and will not actually load any content from the database at all therefore the post will load faster with less stress on your server.

8.PHP Speedy WP

PHP Speedy WP can quickly and easily speed up your WordPress site and improve your blog’s response time without too much effort on your side by allowing us to automatically combine all JS and CSS files into only two files – which in turn helps greatly with page loading times. CSS Background Images are automatically converted to data URIs. This is useful in reducing the amount of HTTP requests even further. And, importantly, it’s compatible with Internet Explorer, even though it doesn’t support data URIs. Unfortunately, PHP speedy comes with few flaws out of box that need fixing: Combined JavaScript is placed at the top of the page instead at the bottom, it does not work with WP Super Cache. In order to get this two working like we want them, you have to check this great article by Prelovac to make few adjustments to both plugins.

9.WP CSS

This plugin GZIP and strip whitespace from your CSS files. It allows you to confidently use @import inside a CSS file and not worry about what happens on the user’s end. It will look through your style.css file and put any @import files into it. A cache expiry time can also be set. You can also add CSS files to a specific page or post and putting all of them into one file.

10.DB Cache

This plugin caches every database query with given lifetime. It is very fast and uses small disk space for caching.

I didn’t try this plugin yet but I’ve read many reviews recommending it. Let me know what do you guys think about it so we can update this post with correct information about its performance.

11.Speed up access to your favorite frameworks via the AJAX Libraries API

The AJAX Libraries API is an attempt to make Web applications faster for developers in simple ways by becoming a content distribution network and loading architecture for popular javascript libraries including:

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

You can either link to the source code directly:

<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>

Or you can use Google’s API:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("prototype", "1.6.0.2");</script>

By using the google.load() method, your application has high speed, globally available access to a growing list of the most popular, open source and up to date JavaScript libraries.

12.Display page loading time + number of queries

Here is a simple code to insert on your template to know how long it took for your page to load, or how many sql queries were executed. This tip is very good for knowing how well is your WordPress blog is optimized.

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.

13.Optimize DB

MySQL is a great database, but it doesn’t clean itself up the way it should sometimes. This plugin runs an optimize table command on your WordPress tables, effectively defragmenting it. This is very useful for tables that are frequently updated. The interface is very simple at the moment: just one button: Optimize Now, and some info on how much space will be saved. It looks like this:

Must Read Resources & References

• 15+ Tips to Speed Up Your Website, and Optimize Your Code
• 5 Tips to Help Your Slow or Sluggish Blog or Web Site
• 4 Simple Ways To Speed Up WordPress
• The 3 Easiest Ways to Speed Up WordPress
• The 3 Easiest Ways to Speed Up WordPress

That should do it for now. Hopefully, a few of these will help to make your WordPress perform in a much faster way. What are some of your favorite tips? Leave a comment below and let us know!