In choosing a CMS, one thing you should consider is the theming or templating process. While some CMSs have very simple and easy-to-use theming systems, others can be a real bear to use.

Below are tutorials for some of the more popular CMSs out there. Some have tons of tutorials available (WordPress, Drupal, Concrete5) while others have limited documentation outside of the official site (Magnolia, Umbraco, TYPOlight). Some CMSs we’d planned to feature had little readily-available theming documentation and were left off the list entirely. In any case, whatever CMS you choose should have reliable, easy-to-understand instructions for creating custom themes, either in the official documentation or easily available within the developer community.

CMS Made Simple

CMS Made Simple is an open source CMS built in PHP.

Getting Started: Templates

This page from CMSMS’s documentation covers all the basics for creating your own templates. It also includes information on customizing the default templates.

3 ways to plug a custom CSS stylesheet in CMSMS

This tutorial shows three different ways to use custom CSS with CMS Made Simple. Methods included are using metadata in global admin settings, directly in the website templates, and using the native stylesheet mechanism of CMSMS.

Concrete5

Concrete5 is an open-source CMS released under the MIT software license.

Tutorial: Making a template for concrete5

This tutorial shows how to adapt a regular HTML template for use with Concrete5. The tutorial is illustrated and very simple to follow, with all the code you need included.

Concrete5—Create your own theme

This multi-part tutorial shows you exactly how to create your own template for Concrete5. It covers the elements of a theme, the HTML structure, and more.

Understanding and Building Themes in Concrete

This is the official theming documentation for Concrete5 and includes both a basic introduction to themes and links to more advanced topics.

CushyCMS

CushyCMS is a free, hosted CMS option.

How to Build a Maintainable Site using CushyCMS and Twitter

While this tutorial covers a lot more than just theming, that’s what it starts with. And it does a great job of showing how to create a theme for CushyCMS, with very easy-to-follow instructions.

CushyCMS Designer Documentation

This is the official documentation for designers. It includes everything you’d want to know about designing or customizing themes for use with CushyCMS. Topics covered include overriding content types, using Cushy with dynamic languages, XML elements and more.

DotNetNuke

DotNetNuke is an open-source CMS for ASP.NET.

Creating your first DotNetNuke Skin

This is a very basic tutorial on how to create a skin for DotNetNuke. It’s a good starting point for learning to create skins, though it doesn’t really result in an end-product many people would want to use.

Creating a Skin Template

This is a thorough template on creating a skin that’s part of a series on creating websites in DotNetNuke. It includes tons of information on skin design and implementation. Additional tutorials after this one provide more in depth information on skinning and are linked at the bottom of this page.

How to Create a Pure CSS Skin in DotNetNuke

This is a 9-part video tutorial on how to create CSS-based skins for DotNetNuke. It’s very complete and based on the Simple Red Leaf layout available from DNN Creative Magazine.

Drupal

Drupal is a free, open-source, PHP-based CMS.

Theming Guide

This is the theming guide available in the Drupal documentation. It covers everything you’d want to know about building Drupal themes, including information for both Drupal 5 and 6. Best practices and information on how to contribute themes are also included.

Create a Killer Band Site With Drupal: A 6-part Tutorial Series

This tutorial is specific to band-sites, but the information it contains could easily be applied to other types of sites. It covers everything from designing the site in Illustrator to Drupal theming and admin. And it gives plenty of examples of similar sites running on Drupal.

How to Make a Drupal Theme

This is a very simple but complete tutorial on how to create your own Drupal themes. It covers theme building based on the PHPtemplate theme engine and Drupal 6. It also covers the different files included in a Drupal theme and what each one does.

From PSD to Drupal Theme TutorialPart 1, Part 2, Part 3

This multi-part tutorial covers everything you need to know to convert a PSD file into a Drupal theme. It’s another very complete tutorial that includes all the code you’ll need.

ExpressionEngine

ExpressionEngine is a PHP and MySQL-based CMS.

Dissecting the Default Templates

This page gives a complete run-down of how templates in ExpressionEngine work. It covers everything from category headings and parameters to variables to RSS and mailing lists. It’s a good starting point for anyone interested in developing EE templates.

Introduction to Templates Tutorial

This video tutorial covers the basics of ExpressionEngine templates. It’s another good place to start if you want to design EE templates.

Building a Small Business Site

This series of tutorials covers the complete setup of a website in ExpressionEngine. It includes a few tutorials specifically on how to work with templates, though, all of which are worth a look.

Joomla!

Joomla! is a PHP-based, free CMS.

Creating a W3C Valid Joomla Template

This tutorial shows how to create a CSS-based Joomla theme that’s completely standards-compliant and accessible. The end result is a basic, 3-column theme that can be adapted to different needs.

5 Easy Steps Converting HTML Template to Joomla Template

Here’s a five-step tutorial for turning just about any HTML template into a Joomla theme. The starting template should be (X)HTML and CSS-based and standards-compliant. This is really a very simple process and the tutorial outlines the steps very well.

How to Create Your First Joomla Template

This tutorial covers all the basics to creating a Joomla template, specifically geared to someone with no Joomla templating experience. It’s highly illustrated, making it really easy to follow. It’s also one of the most extensive Joomla theme tutorials out there.

How to make a Joomla theme

This is a very basic tutorial covering creating your own simple Joomla theme. It consists of only ten steps and provides sample code.

Magnolia

Magnolia is an enterprise-level CMS built on the Java platform. There is a free, open-source edition available.

Templating Guide

This is the templating tutorial from Magnolia’s official documentation. It covers the basics of creating a simple template.

MODx

MODx is an open-source “application framework” built on PHP.

Beginner’s Guide to MODx: Creating the Template

This tutorial is from the MODx wiki and covers all the basics of theming with MODx. It includes all the sample code you’ll need and is broken down in easy-to-understand sections.

Theming MODx

Here’s another wiki-based tutorial for creating MODx themes. Sample code is included, though this tutorial doesn’t seem to be quite as complete as the one in the official documentation.

Building a Website with MODx for Newbies—Part 3: Working with Templates

This tutorial gives thorough instructions for customizing an existing template to work with MODx. Additional tutorials in the series get into more detailed customizations and other aspects of working with MODx.

Plone

Plone is a free, open-source CMS.

Creating a new theme for Plone: a real-world example

This is a very complete tutorial that covers all aspects of building a Plone theme from a Photoshop mockup. It shows how to do everything from creating the basic foundation for the theme to styling the individual elements.

Creating a Custom Theme for Plone

This is another incredibly detailed tutorial for creating Plone themes. It covers everything from creating custom CSS to overriding visual elements.

Radiant CMS

Radiant is a free Ruby On Rails CMS.

Radiant CMS

This tutorial covers the basics of working with Radiant, including how the pages are set up and how to design around the basic page structure. It shows the basic divs used and how theme and template files are generally set up.

SilverStripe

SilverStripe is built on the open source Sapphire development framework.

Developing Themes

This is the theme development guide right from the SilverStripe Documentation. It’s a great place to start, as it explains all the basics of how SilverStripe themes are structured and the core files required.

Tutorial for SilverStripe

This is a tutorial for creating a very basic SilverStripe theme. It includes three steps. In the end, you get a framework that allows for quick and easy theme development without compromising the capabilities of SilverStripe.

Building a Theme from a Static Template

Here’s a tutorial that covers how to adapt just about any website template to work as a SilverStripe theme. It includes a sample template to work with (both the starting files and the completed ones). It also includes documentation for working with other templates in case you’d prefer to start with something different.

Tutorial: Building a Basic Site

This is the tutorial in SilverStripe’s official documentation. It covers building templates in addition to other basic functionality of the CMS.

Textpattern

Textpattern is an open source CMS built on PHP and MySQL.

Your First Textpattern Theme

This is an 8-part tutorial on creating a Textpattern theme, specifically geared at beginners. It covers forms, pages, excerpts, secondary pages and forms, and tags, among other things. It’s very complete and easy to understand.

Page (Template) Related Tags

This page gives a complete overview of the tags used in building page templates (as opposed to form templates) for Textpattern. It’s a must-have resource for anyone building Textpattern templates.

TYPO3

TYPO3 is a GPL-licensed CMS built with PHP.

Creating TYPO3 Templates

This is a very detailed tutorial from ThemesWiki that thoroughly explains how to create templates for TYPO3. It covers the elements of a template, objects and properties, using TypoScript, integrating design templates, using the auto parser template and more.

TYPO3 Template Design Guide

This is a rather short article on creating maintainable sites and templates in TYPO3. It includes hints for using TemplaVoila, too.

Futuristic Template Building Tutorial

Here’s a very in-depth tutorial on creating TYPO3 templates. It includes sections covering integration of an HTML page template with TemplaVoila, creating additional page templates, “flexible content elements,” and information on TypoScript.

TYPOlight

TYPOlight is a free, PHP-based CMS that uses Ajax and other “Web 2.0″ technologies.

Tutorials: Creating Custom Templates

This tutorial is from the TYPOlight documentation and covers all the basics of creating your own layouts. Topics included are creating basic modules, importing style sheets, creating page layouts and the site structure, adding content, and previewing and modifying your templates. You can also watch the tutorial as a narrated screencast.

Umbraco

Umbraco is an open source CMS built on ASP.NET.

Understanding Templates & Stylesheets

This article from the official documentation offers the basics of how Umbraco builds pages and using templates. It’s a perfect starting point for learning how to build templates for Umbraco.

WordPress

WordPress is a free blogging platform that can be modified to be used as a CMS.

So you want to create WordPress themes huh?

This is one of the most complete WP theme-building tutorials out there. It consists of 25 separate lessons and covers how the WP templating system works, The Loop, post meta data, search forms, calendars, comment templates and pretty much everything else about themes in WP. If you want to build a theme completely from scratch, this is the tutorial to show you how.

How to create a simple WordPress theme

This tutorial gives instructions for creating a basic, simple WP theme that includes the header.php, index.php, sidebar.php and footer.php template files, in addition to the style sheet. It’s very simple and straight-forward, but a great place to start if you’re new to building WP themes. The basic steps can easily be adapted to building more complex themes.

How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

Here’s another very complete tutorial, offering up 11 lessons on how to create a WP theme. It focuses on creating a theme with good SEO, valid and logical semantic markup, separated trackbacks and comments, two widget areas, and all the basics you’d expect from a WP theme. The lessons are ordered logically and include theme development tools and information about the WP template and directory structure.

How to convert any web template into a WordPress theme

Sometimes you don’t want to design a theme from scratch. Maybe you’ve found the perfect theme (or designed one), but it’s just a regular web template, not a WP theme. This tutorial will show you how to convert that web template into a WP theme without too much trouble. It also includes a link to a video tutorial showing how one template was converted.

How to Create a WordPress Theme from Scratch

This tutorial shows how to take a basic HTML/CSS template and convert it to a WP theme. It’s incredibly complete, covering every aspect of WP theming. It also explains how themes are structured and how to create the core theme files.

Author: Cameron Chapman

Cameron Chapman is a writer, blogger, copyeditor, and social media addict. She’s been designing for more than six years and writing her whole life. If you’d like to connect with her, you can follow her on Twitter or at her Personal Website.

Write for Us! We are looking for exciting and creative articles, if you want to contribute, just send us an email.

  

The content management system you choose can really make a huge difference in how much time you (or your clients) spend keeping a site updated and maintained. There’s a huge variety out there—some estimates put the number at around 1700 different options. Some are great…some, not so much.

Below are ten useful guidelines to consider when choosing a CMS, followed by rundowns on ten great CMS options available and how they stack up based on the guidelines.

Ten Simple Guidelines for Choosing the Perfect CMS

1. The CMS you choose should be really good at whatever the main function of your website is.

What do you want your website to do? Is it going to be primarily a static website, like an online brochure? Or is it going to be a fully-functioning ecommerce site? Or maybe it’s going to be really media-heavy with tons of videos, photos, and audio files. Or is a blog going to be the primary focus?

Whatever your site’s primary function is going to be, you need to define it and then find a CMS that does that particular thing really, really well. If blogging is the main focus of the site, then use a blog platform. If images and video are the main focus, then you need to find a CMS that either has great support for media built-in or has great plugins for enabling those functions. If your site is going to focus on an online store, then the platform you choose needs to be able to seamlessly integrate that online store without a ton of extra work.

2. A CMS needs to work intuitively.

When you average user opens up the backend of the site, they should be able to figure out how to do basic functions without too much instruction. Different elements of the site should be clearly labeled. The basics of posting a new page, editing a page, and even changing themes or sidebar elements should all be relatively simple to figure out for the average computer user.

3. The backend needs to be standardized.

Things should all work basically the same way in the backend of the site. A good CMS should have a standardized format for each section of the backend. If one section uses a drop-down menu for selecting something, then all of the other sections should use the same type of menu for similar options—not radio buttons or some other selector.

The same goes for the way things are named or otherwise referred to. If something is called a “page” in one place and a “post” in another, that’s going to get confusing (plus, most people consider those two different things). If it’s a “sidebar” in one place and a “second column” somewhere else, that’s going to confuse your average user.

4. The backend needs to be logical and well-organized.

Things should be laid out logically in the backend. This means that all of the functions related to editing, or sidebars, or themes, or creating new content, should be grouped somehow or otherwise function the same. Alternatively, some CMSs put all of the things related to pages in one place, sidebars in another, plugins in another, etc. Either way, they’re laid out logically and once you know the basic architecture, it’s easy enough to figure out where things are supposed to be.

5. The right CMS shouldn’t have a ton of extra functionality you’ll never use.

This is a completely personal choice. Some sites will make use of tons of advanced functionality. Other sites won’t. If you’re never going to have an online store, why do you need a CMS that focuses on ecommerce? If you never plan to do anything beyond posting photos to your site, why have a CMS that does that plus a hundred other things? Instead, find a CMS that does the one thing you want to do really well and forget about the other features.

6. The right CMS should be easy for non-geeks to use.

Web designers and developers are very good at using web-based applications and pretty much anything else computer-related. A lot of their clients, on the other hand, probably aren’t. While most of the end-users of any CMS are going to have at least basic computer knowledge, they’re probably not super tech savvy. While you might love a particular CMS and think it’s the best thing since solid-state hard drives, your clients might find it confusing, hard to use, and overly complicated.

The question I always ask myself when considering this is, “Could my mother use this?” My mother is your typical business computer user. She can do spreadsheets, word processing, and email, but she’s definitely not a techy. If I’m confident that I could easily explain a CMS to her and she’d then be able to use it with a minimum of later support, then I know it’s going to be appropriate for 90% of other likely users.

7. It needs to include a WYSIWYG editor.

WYSIWYG editors make life easier for your clients. Most clients don’t know HTML and don’t care to learn. But they want to be able to use bold or italic text or use header tags to create sections within their pages. A WYSIWYG editor makes that all possible for non-tech-savvy users.

8. The pages it creates should be fast-loading and have simple code.

One of the major advantages of a CMS is that it simplifies the updating and management of a website. So the pages it produces should also be simple. There shouldn’t be a lot of extra code or provisions for unused functionality in the final page code. All that serves to do is slow the load times for the page and increase the likelihood that something will render wrong or throw an error.

9. The template engine should allow you complete creative control.

Some CMSs have very set ideas about what a website should look like. There needs to be a sidebar for navigation. You shouldn’t use navigation dropdowns. The content has to be arranged in nice, neat columns. Who’s the designer here? Whatever CMS you choose should let you design pages the way you want and should work around your needs.

10. The right CMS should have adequate support and documentation.

In all likelihood, you’re going to run into some sort of problems with any CMS you choose. Whether this is caused by add-ons or in the course of customizing some bit of code, or whether the CMs is doing something unexpected, having somewhere you can turn to to get advice on how to fix the problem is invaluable.

This doesn’t necessarily have to be some expensive tech support phone number or other paid support. Sometimes you can get quicker and better responses from a user community. Does the CMS you’re considering have support forums frequented both by other users and by those involved in the project? Are there other, off-site forums dedicated to that particular CMS? The people who visit these forums can be a wealth of information for doing just about anything with your CMS of choice.

Thorough documentation for the CMS is also valuable. It should provide information on everything from basic use of the CMS to customizations and advanced functionality. In addition to being complete, it should also be easy to understand and accurate (which can be hard to determine until you actually delve into doing some of what it suggests).

Ten Excellent CMS Options

1. WordPress

WordPress has morphed from a basic blogging platform into a fully-functioning CMS. WordPress’ primary functionality is still blogging, though with plugins it’s capable of doing everything from brochure sites to portfolio and gallery sites to fully-featured ecommerce sites. For the most part, WordPress’ backend is intuitive to use, with different functions laid out based on different sections of the site (appearance, posts, pages, etc.) The way things work in the backed, though, is very standardized and once you’re used to doing things in one section, it’s easy enough to figure them out in every other section. Likewise, it’s also well organized and finding where to perform different functions is very straight-forward in most cases. The WYSIWYG editor provides all the basic functions you could need, including inserting images, video, and other media, and makes it easy to toggle back and forth between HTML and Visual mode.

Because a lot of WP’s functionality comes from plugins, the basic platform is pretty simple, with support for pages, posts, and other standard content that will be used on the vast majority of sites. You only need to add plugins as you need their functionality, meaning there isn’t a whole lot of unused “stuff” in the core installation. WP is also simple enough to use for non-geeks (my mother has no problem with it and she’s running a complete ecommerce site with WP) and the different user permissions means it’s harder for users to break things (just limit their access to things like themes and plugins).

WP is also completely standards-compliant. The pages it creates are simple and quick-loading. Of course, some plugins create not-so-small pages, especially those that put JavaScript and CSS right into the page instead of in separate files. Just be aware of this when checking out plugins.

WP really makes it possible to design pages however you see fit. From galleries to text-heavy sites and pretty much anything in between, WP can do it through the use of custom themes and page templates.

Where WP really shines, though, is in it’s documentation. The WordPress Codex is massive, covering everything from basic instructions for use to creating your own plugins and working with advanced features. WP also has active forums where you can generally find fixes for any problems you might encounter from other users.

2. Radiant CMS

Radiant is built on Ruby on Rails. It’s really good at building basic sites with an unlimited number of pages. Blogging and gallery functionality can be added through extensions. The backend is simple and logically laid out, with pages, snippets, and layouts as the primary sections. Functions work pretty much the same no matter which section you’re in.

Currently, Radiant is rather limited in its functionality, so it’s unlikely you’ll end up with any unneeded functions. Extensions can be built in Ruby On Rails, though, opening up huge possibilities for future functionality. The WYSIWYG editor is basic but allows users to perform all of the basic functions.

Radiant has an extremely easy-to-use backend. Basic functions like updating and add pages are really no more complicated than sending an email. This makes it a great solution for clients who aren’t at all tech-savvy. The code Radiant produces is simple and clean.

Pages can be built to look pretty much however you want based on a combination of snippets you create. There also appears to be an active developer community with extensive documentation for developers. End-user documentation is a bit light, but it’s such simple to use CMS that it’s not really a big issue.

3. SilverStripe

SilverStripe is a full-featured CMS that’s capable of just about anything you want it to do. It’s built in PHP on the Sapphire framework, making it more customizable. One of SilverStripe’s most interesting features is that designers can customize the backend for each of their clients, only showing content fields the clients actually need to access. This makes it potentially one of the easiest-to-use CMSs for geeks and non-geeks alike. And of course it includes a WYSIWYG editor.

SilverStripe is probably overkill for most very basic websites, but because of its ability to be customized, it’s appropriate for most other sites. SilverStripe also provides tons of great, free support, including documentation for both developers and end-users, forums and an IRC channel. SilverStripe makes a point to stay out of the HTML/CSS portion of your site, making it possible to design pages to look however you want.

4. Joomla!

Joomla is widely considered to be the most popular open-source CMS currently available. It runs on PHP and MySQL. The backend is relatively simple and straightforward, with sections for managing articles, the front page, menus, media, and other content. There’s also a link to create a new article to save time. Drop-down menus also give more options for those and other sections (including extensions). Joomla’s WYSIWYG editor includes tons of formatting options—even emoticons.

Joomla is pretty powerful, so it’s another CMS probably not well-suited to very simple sites, where it would have a lot of excess functionality. It includes a number of provisions to make pages load faster, including caching and GZIP page compression. Joomla also has a huge list of plugins available to extend its functionality, making it appropriate for just about any kind of site requiring advanced functionality. One of the biggest drawbacks of Joomla, though, is it’s use of tables for layout. While there are workarounds to replace the tables with CSS, it might not be worth the effort considering how many other CMSs don’t use tables to begin with.

5. TYPOlight

TYPOlight uses PHP5 and Ajax and includes functionality for static pages, blogs, newsletters, and calendars, among other sections. The backend is intuitive while still offering a ton of functionality. There are shortcuts for doing everything from creating forms to including Flash content. Content is displayed within modules, which can be styled with CSS. The output is accessible XHTML Strict. It also offers mootools and GZip support.

TYPOlight may be a bit overwhelming for those who aren’t at least a little bit tech-savvy. It’s not that it’s complicated; just that there’s a lot of options and a lot of different ways to customize it. It does include a complete WYSIWYG editor and other tools to make publishing content simple. The interface is intuitive if you take a minute to look over what’s there and everything is laid out logically. Again, it’s just that there’s a lot of information in there!

TYPOlight does include some nice developer tools, including a built-in CSS generator and a form generator. There’s plenty of documentation on the site for both developers and end-users. There are screencasts, forums, and a wiki for support. There are also options for paid support through TYPOlight partners in case you (or your clients) really need advanced help.

6. Frog

Frog is basically a PHP-based version of Radiant CMS (mentioned above). Frog has a simplified UI that’s very intuitive. It allows for an unlimited hierarchy of pages and allows you to customize templates on a per-page basis. It includes the requisite WYSIWYG editor, simplified and more like WP’s than some of the more complex editors. It also features reusable snippets for regularly-used bits of content.

The backend provides a very coherent and well-organized structure that’s user-friendly while also being quite powerful. The basic functionality is aimed at a site with an unlimited number of pages, but there are plenty of plugins to extend that functionality. There are currently plugins for both admin functions and front-end improvements (including a number for image galleries). The code Frog creates is clean and semantic.

Frog has decent documentation, with plenty of how-to articles for both basic functions and development. There’s also an IRC channel to get answers to any questions you might have.

7. Textpattern

Textpattern uses a tabbed UI on the backend, which is surprisingly intuitive. It automatically brings you to the content editor to add a new page when you login, a great feature for sites that add new content regularly. The biggest drawback to Textpattern is its lack of a WYSIWYG editor. It does use Textile, though, for content editing, which is easy enough for a new user to learn.

The pages output by Textpattern are very lightweight and quick-loading, so no issues there. The thing I like most about Textpattern is that it feels like a real alternative type of CMS. The rest of the options out there are all, to some extent at least, kind of the same. The basic functionality of the CMS is very simple, without a ton of added features you’re unlikely to ever use. There’s support for images, categories, and articles, and not a whole lot else. But there are a ton of different plugins available to extend its functionality, including plugins for everything from media and gallery support to advanced navigation options and stats. There are even a couple of different ecommerce plugins available.

There’s a large community built around Textpattern, so documentation and support are surprisingly good. There’s at least one book available, plus a support forum, developers’ weblog, and TextBook (a community-powered user manual).

8. ExpressionEngine

Expression Engine is one of the more powerful CMSs out there. EE has support for just about every function you could ever need or want, either in the core package or through plugins. The backend is very simple and intuitive (the first time I used it I was able to figure out the backend within a couple of minutes). It’s probably overkill for very basic websites, but appropriate for pretty much anything else. Modules are available for everything from statistics to user forums. The built-in WYSIWYG editor is pretty standard and works well.

The pages created by EE are a bit bulkier than many of the other CMSs featured here, but still appear to be reasonably clean, with the exception of some JavaScript plugins. Some of the plugins available (or at least some of those used on sites powered by EE) either stick the JavaScript in the header of the page or, worse, right in the middle of the page’s code. But there have to be some tradeoffs when working with a CMS with this much built-in functionality.

EE’s biggest drawback is that, except in certain circumstances, it’s quite expensive. A personal license is $99.95 and a commercial license is $249.95. You can use the free Core Version, but only on personal, non-commercial or non-profit sites.

9. Drupal

Drupal is another very powerful CMS that can be used for everything from corporate sites to ecommerce sites to social networking sites. The backend of Drupal is incredibly simple, with logically organized links to create new content, manage accounts, and edit existing content. One of Drupal’s nicest features is their “Book Page” content type. These pages can be grouped into collections, referred to as books, which are automatically linked together. This is a huge advantage if working with this kind of content. Drupal doesn’t have a WYSIWYG editor in the core installation, but there is a module to add the functionality.

The amount of functionality available in the backend is astounding, especially considering how easy it is to access it all. Drupal has tons of modules available, too, to add functionality beyond basic content management. There really are plugins to be able to do just about anything you could think of. The code output by Drupal is a bit more complex than some simpler CMSs, but still relatively semantic and easy to decipher.

Drupal has a huge user community with forums both on the main development site and elsewhere. There’s also extensive documentation for end-users and developers.

10. CMS Made Simple

When they say “Made Simple,” they really mean it. CMS Made Simple was the first CMS I ever used. I literally set up my first CMS-powered website in the course of a single evening (with a customized but out-of-the-box template). It includes complete template support, an incredibly easy-to-use backend, and an unlimited content hierarchy. There’s support for “global content blocks” (called snippets in a lot of other CMSs) and plenty of options for site layout. There’s also access to help files right from the backend, including the wiki, IRC and forums. This is another CMS with no built-in WYSIWYG editor, but there is a plugin to add that functionality.

The pages output by CMS Made Simple are all XHTML and CSS compliant in addition to being clean and quick-loading. The core installation has all the basic content functionality you’d need, with plugins available to add most other functionality, with one exception: there doesn’t currently appear to be an ecommerce plugin for the platform.

There’s good documentation available for CMSMS. There’s also extensive support options, including IRC and forums.

Author: Cameron Chapman

Cameron Chapman is a writer, blogger, copyeditor, and social media addict. She’s been designing for more than six years and writing her whole life. If you’d like to connect with her, you can follow her on Twitter or at her Personal Website.

Write for Us! We are looking for exciting and creative articles, if you want to contribute, just send us an email.

  

Joomla is one of the most popular CMSs out there, and it’s no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins), that can be added to your Joomla website. This allows the average user to add more functionality and dynamic content to their website without being a developer or programmer.

In this post you will find a thorough collection of all kinds of resources that will aid designers and developers working with Joomla-powered websites. This collection is intended to simplify your tasks and save you time when working with Joomla.

This post covers essential resources related to Joomla— Themes, Extensions, Tutorials, Forums, Cheat Sheets and Useful Documents.

Joomla’s current version is 1.5, however, some people are still using 1.0. Some of the extensions are only compatible with 1.0, we tried to mix between both version while prioritizing 1.5.

Beautiful Free Joomla Themes

MyPortfolio

Xtreme Sports

Manuscript

Ditystyle

Business

Fashion and Style

Decayed

Sublime

Siteground

ManiFolio

Happiness

Red Evo Aphelion

JW Getty

Beautiful Day

Rainbow

Anemone Colourful

Transparent Bliss

Color Paper

Xblog

Contaminated

Must Have Joomla Extensions

JoomlaPack

Backup is the most important thing for any bloggers. JoomlaPack is an open-source backup component for the Joomla. It allows to create a site backup that can be restored on any Joomla!-capable server.

sh404SEF

sh404SEF is really useful and essentianl Joomla extensions. sh404SEF creates Joomla SEF URL, and turn them to a more user-friendly format for your site visitors, as well as for search engines.

JoomSEO

It is necessary to have correct metadata and keyword get discovered by Search Engines. JoomSEO adds heading tags to content titles and descriptions relevant for the search engines, improving ranking and accessibility.

JoomlaComment

This is a useful comment extension which has features such a threaded comments, CAPTCHA Protection and more.

Avatar/Gravatar Plugin

Avatar/ Gravter is widely used in website. This extension add the gravter functionality to your site.

JoomlaStats

No matter what CMS you are using, Knowing your site stats such as hits, pageviews, search engines & keywords are improtant. JoomlaStats is the great tool to be aware of what users/bots are doing with your site .

Community Builder

Community Builder suite (CB) extends the Joomla! user management system such as : extra fields in profile, enhanced registration workflows, user lists, admin defined tabs and user profiles, image upload, front-end workflow management, Forum, Galleries.

Page Peel Banner

This module is developed based on a wonderful Pageear Script, which shows a Page Peel effect on the site

AllVideos

If you have media site or want to add videos is AllVideo is a must have extension . You can use the plugin to easily embed videos hosted on popular services like YouTube, Metacafe, Vimeo (and many more) inside your Joomla! articles (content items). or playback almost any video/audio filetype directly from your server or a remote server.

JoomGallery

JoomGallery is a gallery component completely integrated into Joomla, with support for Joomla 1.0 and 1.5 native. Easyto configure with fullscreen animated JavaScript view (Lightbox, Slimbox or Thickbox3).

The Ultimate Social Bookmarking Plugin

Blogger all over the world knows how important it is to have a good social network. This plugin will adds social bookmarking buttons to your content, making it easy for your visitors to submit your articles and build traffic to your website.

Joomla! AddThis

Another useful module that intergrates AddThis on your site on specified position.his module only works with Joomla 1.5.x. You can customize any AddThis Parameter easily within the module it self.

Joomulus

A Flash based tag cloud that works with Joomla 1.5

Jumi

If you are web designer or web developer this is a must have plugin. This plugin allows you can include php, html, javascript scripts into the modules position, articles, category or section descriptions, or into your own custom made component pages.

Slick RSS

This is a really cool plugin . It parse and display RSS Feed News with DHTML Teaser Tooltip

AJAX Shoutbox

This Joomla module adds live chat functionality to your Joomla site. Your visitors can chat with each other right in your website without refreshing their browsers.

Contact Enhanced

Getting feedback or allowing your readers to communicate is vital for any kind of website. Contacts Enhanced is a contact component allows to have contact form with CAPTCHA and custom fields.

Mini FrontPage

MiniFrontPage module provides you with a lightweight but powerful news headline style of your most recent content items.

AdSense Module

A really simple handy solution for implementing Google AdSense ads in Joomla.

PixSearch Ajax Search module

Another cool module that mimics search like the one on apple.com. It shows result as you type.

Joomla Tutorials and Resources

A Beginners Guide to organizing content in Joomla

How to administer your Joomla system (set meta info, manage emails, stats)?

How to Move Your Joomla! 1.5 Site to a New Server

How to Convert an existing Web site to a Joomla! Web site?

How to Create Your First Joomla Template

How to make your Joomla admin panel rock?

Writing a Simple Module

Joomla CSS Drop Down Menu Tutorial

How to Speed Up – Optimize Joomla Performance?

Install Joomla locally

Joomla Cheat Sheets and Useful Documents

Joomla Template Cheat Sheet

A cheatsheet for Joomal Templte files and useful syntax

Joomla! Official Documentation

The best place to start for any kind Joomla tips, tricks, questions.

Joomla Database Structure

Joomla Developer Manual

All the helpful information behind Joomla development.

Web Developer SEO Cheat Sheet

Joomla Glossary

A Glossary of all terms related to the Joomla. Very useful.

Joomla 1.5 Basic Template Cheatsheet

Cheatsheets for your Joomla! development

Lots of Joomla related references and chat sheets

Joomla! 1.5 API Reference

The Joomla! Framework API, and A number of third-party libraries used by Joomla! and/or available for use by third-party Joomla! extension developers are listed here.

Joomla! and Common CSS debug tools

Forums and Where to Get Started

Here are some of the sites on the web to find any Joomla related news, tips, tricks and resources:

• Joomla Official Discussion Forums

• JoomlaCode

• Joomla Developer Resources

• How to Joomla

• Joomla Tutorials

• Jooml! Shack

• Teach Me Joomla

• Best of Joomla

We tried to bring you the best Joomla resources on web, but it is obvious to miss a great theme, extensions or Joomla related site. Please share it with everyone in the comment.

Author: Kawsar Ali

Kawsar Ali is a web designer, graphic designer, and wannabe photograper based in NY, U.S. He’s also the founder of Desizn Tech, a site for web designer and web developer. If you’d like to connect with him, you can follow him on Twitter or at his Personal Website.

Write for Us! We are looking for exciting and creative articles, if you want to contribute, just send us an email.

  

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

  

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.

  

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:

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