Noupe Design Blog » WORDPRESS

Building Community Sites with WordPress: 15 Plugins to Get Started

vitaly — Thu, 18 Mar 2010 13:46:19 +0000

By Cameron Chapman

Most bloggers would love to see more of a sense of community among the regular visitors to their blog. Sure, discussions sometimes take place in the comments of various posts, but it all seems a bit disorganized and they never really get off the ground. There has to be a better way to create a real sense of community on a WordPress blog.

The good news is that there are plenty of great plugins out there that can help you get your visitors more involved in your blog. Some are simple: they let your users submit content they think is useful, or make it easier to have a real discussion in comments. Others are more complex, on par with full-featured social networks like Facebook. All of them can help you create a community surrounding your blog and your content.

Encourage User-Generated Content

Even if you post on your blog every day, sometimes it would be nice to have some help. So why not ask your regular visitors to submit content they think your other visitors might find useful? Of course, they can do this already by emailing you or adding a link in the comments, but then you still have to do most of the work. The plugins below will simplify getting these user submissions to a publishable state on your blog.

Community Submitted News

Community Submitted News lets any visitor to your blog submit content. All content is sent to a moderation panel and nothing is made public until it has been approved by an administrator (which prevents spam postings from being made live). It’s a great idea if you have an active community surrounding your blog but don’t always have time to write original content. It also gives your blog’s readers a more active role in content creation.

WordPress Wiki

WordPress Wiki was created by the same developers who created the WP e-Commerce plugin. It’s a full-featured wiki plugin for WP that lets you specify certain posts or pages as editable as wiki pages, while leaving other pages or posts in their traditional, un-editable format.

FV Community News

FV Community News is another plugin that lets users submit posts from other blogs to your site for inclusion. It includes a moderation panel and works within a widget on your site. It also has built-in spam protection and give administrators the ability to edit submissions.

TDO Mini Forms

The TDO Mini Forms plugin lets your subscribers or even non-registered users submit or edit posts and pages. Submissions are kept in “draft” form until approved by an administrator. The same can be done with edits. It can even be configured to work with Akismet to filter out spam submissions.

Encourage Interaction

Even if you’re not interested in setting up a social network surrounding your blog, wouldnt’ it be nice to see your visitors able to better interact with each other, and for you to be able to interact with them more easily? Whether this means setting up a forum or just making it easier for discussions to take place in your comments, the plugins below will help.

Gigya Socialize

The Gigya Socialize plugin lets you incorporate social APIs (like Facebook Connect, Twitter, Google, Yahoo, LinkedIn, and MySpace ID) to your site and let your visitors become more engaged. Visitors can invite friends from their preferred social network. It also lets you publish status and newsfeed updates directly to your social networks.

WP-Forum

Adding a forum to your blog is an easy way to increase interaction among your visitors. WP-Forum is a simple discussion forum plugin. It can be used with a single WP blog or with WordPress MU.

Threaded Comments

Adding Threaded Comments to you WP blog lets you turn the comments section on every post into a discussion, where users can reply directly to other users and have their response appear directly under the original comment (rather than just in chronological order). It’s a great option for encouraging your visitors to engage not just with you, but with each other as well.

Comment Per Paragraph

Comment Per Paragraph is actually a WP theme, but it has some valuable features that can really add to the interaction on your blog. Basically, this theme lets your visitors comment on each paragraph within a post, rather than just at the end of the post. It makes commenting or discussions on specific points within your post much easier and more user-friendly.

Digress.it

Digress.it is a plugin that lets your visitors add notes in the “margins” of a blog post, much the same as one would in a book. The difference here is that these notes are visible to everyone, and anyone can add a note. It can be used in an educational setting, to annotate a post, or even to offer criticism.

Feedback by Paragraph

Feedback by Paragraph is another plugin that lets users leave comments on individual paragraphs within a post. Comments are shown in a Thickbox pop-up. Comments here respect settings of individual posts as far as who is allowed to post, and moderation policies are also honored. The fact that paragraph-level comments are kept separate from the main content is a nice feature that makes it easy to implement without requiring any kind of redesign.

Turn WordPress Into a Social Network

If you want to go all in and create a social network on your WordPress-powered site, the plugins below are the place to start. They range from very simple plugins that basically just let you set up user profiles to full social networking packages that let your users do almost everything they can do on mainstream social networks like Facebook or LinkedIn.

BuddyPress

BuddyPress is a powerful set of social networking plugins for WordPress. It’s quick to install and set up, and can be as complicated or simple as you want. One of the nice features about BuddyPress is that you can turn on or off specific features whenever you want, making it as powerful or simple as you need.

Mingle

Mingle is a simple social networking plugin for WordPress. It works with most WP themes, and lets you set up profile pages, friend lists, profile page posts (like status updates), profile activities, social comments, and email notifications. It’s not as full-featured as BuddyPress, but it’s also simpler to set up and works with a wider range of themes.

Customize Your Community

The Customize Your Community plugin lets you not only change your WP login page, but also makes it so subscribers to your site are redirected to a profile editing page rather than the WP backend. It changes the way your registration, login/logout, and lost password pages look so they no longer contain any WP branding information. Users with roles set to anything other than “subscriber” will still see the traditional WP backend, though login/logout pages, etc. will show the customized design.

Community Blogs for BuddyPress

This plugin lets you create group or community blogs with multiple authors within BuddyPress. Administrators on a BuddyPress site can use the plugin to give a member registered user status to any blog they choose within the site (or multiple blogs). It’s a great option for extending the collaboration features of a BuddyPress site.

Profiler

Profiler creates user profiles for every registered user on your blog, including Gravatar images. It also creates a members directory and can be used with the User Photo plugin and the Whisper plugin.

Conclusion

Think through the kinds of social interactions you’d like to take place on your blog and then find a plugin that will help you foster those interactions. The above list isn’t exhaustive, so if you know of other great WP plugins for building community around your content, please add them in the comments below!

Further Resources

20+ WordPress Plugins for your Membership or Community Site – A great roundup of plugins useful specifically to membership sites (including paid membership sites).
10 WordPress Plugins to Help Build Community – A collection of plugins that can help build a sense of community on your blog.
Creating a Social Network Using WordPress MU – A tutorial for setting up your own social networking site from Holdfire.
How To Build a Social Networking Site Using WordPress – A great article from MakeUseOf.com on using BuddyPress to create a social network.

10 WordPress ‘HOW-TO’ to Give Your Blog the Quality it Deserves

Editorial — Wed, 26 Aug 2009 12:56:50 +0000

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.

ID, 'custom_more', true); ?>

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('//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.

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 '
      
    ';
  }
}
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 tag)

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:

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

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

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

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) { ?>

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.

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:


Home%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 » %u2019 . str_replace("-", " ", $text) . %u2018%u2019;
        }
    }
    echo wp_title();
}
breadcrumbs();
?>

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

Source: Add Breadcrumbs to WordPress Without a Plugin

40 Exceptional “CMS Enabling” WordPress Plugins

Editorial — Wed, 27 May 2009 22:42:32 +0000

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 three-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.

The Comprehensive Guide for a Powerful CMS using WordPress – Part 1
The Comprehensive Guide for a Powerful CMS using WordPress – Part 2

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

25 Unique uses of WordPress as CMS

Editorial — Sun, 10 May 2009 20:26:10 +0000

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 three-part series, “The Comprehensive Guide for a Powerful CMS using WordPress”.

The Comprehensive Guide for a Powerful CMS using WordPress – Part 1
The Comprehensive Guide for a Powerful CMS using WordPress – Part 3

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.

The Comprehensive Guide for a Powerful CMS using WordPress – Part one: 101 Techniques for a Powerful CMS using WordPress

Editorial — Tue, 05 May 2009 23:25:39 +0000

This is the first article in the three-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.

The Comprehensive Guide for a Powerful CMS using WordPress – Part 2
The Comprehensive Guide for a Powerful CMS using WordPress – Part 3

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:


       
             Home

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.





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) { ?>

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

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:

Title of the first paragraph
description
";
	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:

 '',
 'after_widget' => '',
 'before_title' => '',
 'after_title' => '',
  ));
  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:

 'Page Menu',
	'id' => 'page-menu',
	'before_widget' => '',
	'after_widget' => '',
	'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:

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

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.

- 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.