StylizedWeb is a web design trends and tutorials blog, maintained by Ross Johnson who also runs a web design company and design blog.

Categories Archive

Popular Posts
Advertisement
Basecamp The Web Design Sketchbook
Najbolje ponuda IT poslova u Srbiji na itposlovi.info Advertise on Stylized Web

10 Steps to a Client Friendly Wordpress CMS

add to Save to Delicious Save to Stumble Save to Digg

What is not to love about Wordpress? It is extremely extendable, an open source project, has a selection of thousands of plugins, in addition to the support community being simply massive. Wordpress has proved itself as a great blogging platform and content management system.

For us developers and techies the out of the box capabilities is more than we ever need to manage, edit, and add content in any shape or form. However many of us don’t simply build website for ourselves, and we have to think about our clients as well.

While Wordpress has a user friendly interface it is still blogging focused, and there are some usability enhancements that could be desired when those who are not technically savvy (which fits the bill for most clients) will be the primary users.

In this situation there are a few steps to improving the interface to make it easier for our clients.

1. Tweak the Admin Panel

The administration panel is with out a doubt focused on blogging, which makes sense since Wordpress is a blogging platform. Any time you aim to create more content, “Post” is always listed before “Page” and even the labeling “Write” feels more journalistic than page focused.

While it is not a perfect solution, there is a great plugin out there that greatly enhances the layout of the latest versions of Wordpress called Leopard.

With icons and a simple sidebar it will likely be more familiar to non techies or journalists.

If you like the existing interface just fine, you might want to look into the Simple CMS plugin instead. Simple CMS is a quick and easy way to change the focus from Posts to Pages.

If you want to take it a step further, and wish tweak all labeling and names to feel more “CMS” focused, the Admin Menu Management plugin will let you configure a lot of the dashboard elements to be more client friendly.

Finally cleaning up the interface can go a long way. By default Wordpress has a lot of irrelevant information on the dashboard. Information that the average client doesn’t need to be bothered with. The dashboard editor plugin lets you remove some of these unnecessary elements.

Hopefully when Wordpress 2.7 is finally released we won’t need to install these types of plugins as the interface is greatly improved.

2. Extend Capabilities of Navigation Control

If you are building Wordpress CMS sites then chances are you are using the wp_list_pages(); method of creating navigation. This is an excellent way to let clients extend their site and add pages to the site architecture with out any editing of code.

The function does leave much be desired. There are times where you don’t want particular pages to show up in the main navigation, or only include the top level of pages. Normally this requires code tweaking, which is not client friendly. Additionally your client may want several different types of navigation? For example top navigation, utilities, footer navigation, etc... these all might be slightly different.

Again you could do some hard coding, but that makes it difficult for the client to control. So ideally we would like to give some of that control to the client.

The Navigation List plugin gives you complete control over your navigation, including graphics, styling, ordering, etc.. You can create several different navigation blocks and it all done through a great drag and drop interface.

Now clients can have powerful and easy control over their navigational blocks and areas.

3. Create Custom Write Panels

Some web sites only need a homepage and a typical text/image page for content. However many sites do need “custom content” types. Typical examples may be “houses for sale” or “product pages.” Clients could try and craft the pages in the same way for every page, but that is extremely difficult and cumbersome. It would be much easier to take some of the work away from them and simply have them fill out the details (product title, cost, description, and add a picture) rather than trying to do it manually through the write panel.

There are two ways you can create custom write panels to make creating specific types of content easier for clients.

You can do some manual hard coding, like this tutorial

Or take a look into the flutter plugin

Flutter also has some great front end editing capabilities that you could look into as well.

4. Allow More Control Over the Templates

While Wordpress does make it easy to have additional templates for different types of content, allowing clients to customize templates as needed is a nice touch. A common need for example, is to allow clients to pick which sidebar to use on any given page that they are creating.

Additionally a major drawback with the format of Wordpress style pages is that you can edit / modify a pages main content but there is no easy way to edit any other areas of content. The most typical area would be a sidebar.

Side Content is another plugin that lets you have and define different sets of widgets as “side content” that can be edited on a per page basis.

The PageMash template lets you select and customize sidebars based on widgets as well as providing an easy to use interface. It features a drag and drop ajax interface for ease of client use.

5. Create Great Revision Control

Many clients love the idea of revision control. There is a sense of safety that comes with being able to revert back to a previously flawless page/post. Many clients who are not tech savvy are worried about making a change that breaks the site. Being able to switch back to a working page in a worse case scenario is very reassuring.

There are two great plugins that extend the capability of Wordpress revision control.

Revision Control

Revisions

6. Improve the Easy of Linking

If you have ever had to teach a client how to link to another interior page in Wordpress you will know how difficult the linking interface of Wordpress can be. It would be much easier to get a list of links to pages that exist for selection, rather than having to type it in manually.

AWS Easy Page Link lets you do just that.

7. Enhance Multimedia Support with Utilities

The web has become a rich multimedia experience, so it is no surprised a lot of websites not only need the ability to have multimedia on the site, but also add multimedia over time.

Two of the most common multimedia needs are the ability to add video, and to work with images. In a perfect world all clients would have the tools and knowledge to open, edit, resize and save images. However rarely is this the case.

So the Scissors plugin is a perfect fit for all your basic image editing and resizing needs, all through the administration panel.

And for those sites that need video the all in one video pack makes working with and posting video extremely easy.

8. Give them Control Over Contact Forms

It is rare to come across a site that doesn’t have at least one contact form. Many sites now have several contact forms. Beyond that, simply working with contact forms can be a pain.

Why not give the client control over their contact forms? Contact Form 7 makes it easy to create different contact forms and insert them into posts and pages. It features some worthwhile CAPTCHA spam protection.

9. Do Some Branding and Customization

I just wrote an article about branding your administration area. What came out of that were some great suggestions for plugins to brand the login / registration panels and the administration panel.

The Custom Admin Branding plugin
will let you swap out logos in the administration panels for your own, or your clients (depending on how you want to brand Wordpress).

WP Admin Theme Extended
will let you easily adjust and tweak the color scheme of the administration panel. Again this will let you either pick your branded colors, or your clients for the administration panel.

10. Ensure Everything is Backed up Regularly

You never know what, when and why something will happen to a website. You can’t count on clients to backup their site themselves, and I doubt you want to be in the business of managing backups for all website you create.

The DB Backup plugin
has auto scheduling with a wide variety of options and methods for backing up your important Wordpress database.

Leave a comment on Stylized Web Have some feedback? Leave a comment



Talk of the town
  • South West Balloon Flights: Thanks for the script. Looks nice.
  • Tony: How about WP Super Cache. Google now takes into account a site’s loading time and what better way to...
  • Emek Elektrik: Thanks Adminstrator For Dar Gelirli Users…
  • Nelly: That is a good article for css thank you admin
  • Nelly: I want to learn css Can anyone help me? Thanks a lot
Amigos

What do you think?





87 Responses so far

By sicakhat
on February 5, 2010

Beatiful Text or Dokument Localition…

By bnjmn
on January 25, 2010

Thanks for share!

By zenci sikiş
on January 13, 2010

Beatiful Text or Dokument Localition…

By Oyunoyn
on January 13, 2010

Thanks for share!

By Sohbet
on January 11, 2010

Thanx You Admin or Usher’s Very Good post is

By Kızlarla Sohbet
on January 11, 2010

Beatiful Text or Dokument Localition…

By Hubert
on December 19, 2009

Hey, nice post. :) Thanks for the interesting info.

By aks
on December 12, 2009

yeah….. ur suggestion are very useful thanks.

By Bala
on November 17, 2009

Cool man.. :-)

By Deepak
on November 14, 2009

very good tips same to help many hurdles to be overcome in using word press as CMS

By bnjmn
on November 11, 2009

Nice site! I stumbled across it while looking for a PNGfix for IE6. When you get a chance, check out the Pods plugin. It’s similar to Flutter, but (arguably) much easier to use. WordPress is becoming more and more of a CMS platform (instead of a blogging platform) every day!

By decha kunla
on November 5, 2009

Really nice article, i read entries blog afternoon then add it to my bookmarks and wait for your next article, i plan follow as you.

Thanks so much
decha kunla

By ben 10 oyunları
on October 17, 2009

I think once there will be additional plugins WP will be the most usefull CMS overall. thanks

By Greg B
on October 4, 2009

While Flutter fills a much needed hole in WordPress, I feel like Magic Fields is actually slightly better for creating custom data types for your clients to manage. It’s a fork of Flutter, so it’s very similar, but it’s got a lot smaller footprint (about 15,000 LESS lines of code) and seems to be less buggy and more stable than flutter. Pods is also great, but the fact that Magic Fields has a built-in image upload / resizer takes the cake for me.

By kral oyun
on September 21, 2009

I think once there will be additional plugins WP will be the most usefull CMS overall.

By Nicola
on September 1, 2009

Great article. Can you apply these techniques to a Wordpress CMS that’s already been built or do you need to start from scratch? What would you do if you’ve been handed a site with a Wordpress CMS that’s a mess? Just a dumping ground for files… very little structure, no SEO, really difficult to search. Am new to web design and just helping out a friend with a fairly small but growing Wordpress CMS. Can these plug-ins be plugged into something that’s already there? I don’t know how good Wordpress could be but I’ve seen much much more user-friendly CMSs…? Would really appreciate some wisdom…
Thanks

By penis büyütücü haplar
on July 21, 2009

Penis enlarger pills prosolution penis enlarger, penis size was prepared to increase the natural content is a special formula. Improve your health and your sexual erection problems resolved many of the world prosolution penis enlarger formula includes a special blend of herbs. So far, only America and Europe in the complaint or any adverse effects from this product is seen. This is an incredible warranty. Your sex life with these products now sattılan in Turkey will be perfect. You’ll see from the penis enlarger pills Prosolution Other Impacts.

By rize haber
on July 6, 2009

The promotion of the province and district, administrative, sports, geographical, cultural and economic structure and plateau tourism and you can find news rize current and last-minute news source.

By klip izle
on June 19, 2009

video klip downlaod sites thanks

By Alice
on June 5, 2009

This post saved me a lot of time! Thank You

By Matt
on June 4, 2009

Nice site! I stumbled across it while looking for a PNGfix for IE6. When you get a chance, check out the Pods plugin. It’s similar to Flutter, but (arguably) much easier to use. WordPress is becoming more and more of a CMS platform (instead of a blogging platform) every day!

By anzer balı
on June 3, 2009

Anzer Honey produced in Turkey and the world, his wife does not have precedents wild flowers covering flora that has the English-German scientists to do research 450-500 varieties in flowers, 80-90 in their many endemic flowers Anzer alone to grow and flower of the bee honey collected continue to trouble World famous Anzer honey flower is healing diseases.
Partly with the first week of June, with snowdrops in snowy regions and greens in the spring at the first step, Anzer, amazing beauty move the peak in July, starting in June and complete in August. In the last week of June to the eyes and flowers in the middle of August until the honey bee who will complete.
Depending on climate conditions Anzer first or second week of August is the right (the harvest), which action is taken with honey from the hive. The impact of weather conditions, the meadow of the (of grass), depending on early appraisal of the variability of supply is the amount of honey production. Very few, or even ever have been a year.
Does not grow on trees so only Anzer Anzer honey of Anzer region should be included in the pollen of flowers growing endemic otherwise Anzer honey is not true. To understand whether the fake fish Anzer pollen analysis is done for.
Anzer honey or other sugar to the external additives are not. Anzer honey without heat treatment is provided. Temperatures above 40 ° C `s and the pollen of Fish neutralized the enzyme that can be put into cold Sağım yapılmaktadır.Anzer honey bread and honey for breakfast is not normally consumed. Anzer honey is usually consumed with a view to healing diseases ..
Hacettepe University in Ankara Anzer honey warranty registration of a calf can be analyzed.
Anzer honey to the grandson of the Ottoman Empire, since the drug was used as is. Anzer honey as a paste strength of the Ottoman Sultans were given. Anzer honey of the healing source of many diseases.

By liseli kizlar
on May 24, 2009

thanks for the web site all

By elektrot
on May 14, 2009

INTERFERENCE FOREIGN TRADE web environment
We offer all products with the best service initiatives, improving the quality of service the products you ihtal web environment provides a detailed way. Category dedicated to the product range with the desired structure, providing convenient access to products from our web site to review the order or request for information from the contact form to reach us

By oyunindiryukle.blogspot.com
on May 14, 2009

Play Free Online Games, sports games, massive multiplayer games, action games, puzzle games, flash games and more, casual games.

By Harsh Agrawal
on May 5, 2009

I use Revision control plugin and I think it should be in the must have wordpress plugin. Though post revision is a great feature of wordpress but I feel annoyed when I see more then 4 post revision. They kill my storage and database. Its better to shut them down using revision control plugin.

By Melinda
on April 23, 2009

This was an excellent article. I am getting ready to try my hand at using WP as a CMS and this will be very helpful!

By SZCO
on April 12, 2009

Great info.

By RaiulBaztepo
on March 28, 2009

Hello!
Very Interesting post! Thank you for such interesting resource!
PS: Sorry for my bad english, I’v just started to learn this language ;)
See you!
Your, Raiul Baztepo

By Dave
on February 12, 2009

This article is amazing, I’m looking at changing my admin interface for clients and finding this is great! Problem is, though, a couple plugins give me problems in wordpress 2.7, like the leopard admin one doesn’t work at all and the wordpress admin and login themer plugin gives me messed up CSS files and I might as well just edit the original CSS files.

By kookimebux
on February 1, 2009

Hello. And Bye. :)

By Document Shredding
on January 19, 2009

Good Post. I am using wordpress for all of my website site projects now.

By Xtence webdesigners
on January 9, 2009

This is a great post about a great system, forget Joomla this is so much easier to work with, also for most of the people (clients) updating wordpress is like sending a mail.

Thanks for this great post!

By şiir
on January 3, 2009

thank you

By 3pointross
on December 16, 2008

Glad you found something useful here David,

Feel free to subscribe, I am going to have some great new posts on wordpress shortly.

Also you may want to check out my latest impressions on wordpress 2.7 which has a greatly improved interface, especially from a client perspective.

By David Radovanovic
on December 16, 2008

I’m glad I continued to search, even through my favorite “Family Guy” episode.

What a dilemma to have bragged to a client about how easy WordPress is only to realize that the client needs an even easier interface, specially the “Post vs Page” question.

Thanks for the recommendations!

By Shirley
on December 14, 2008

Great list. As for shifting the focus from posts to pages, that is key. And now w/ WordPress 2.7, its even easier to do that without using plugins.

By m@
on December 3, 2008

Nice article! Wordpress is a great tool for web designers to empower their clients.

By Sander
on December 2, 2008

Also important to use the ‘remove’ category plugin, this allows the urls for categories to be just the name of the category rather than cat/name.

With this website http://www.baumannsign.nl/ I have used Wordpress as CMS, please let me know what you think of it. Thanks in advance for taking a look.

By Raymond Selda
on December 2, 2008

Great article! My work involves using Wordpress as a simple CMS solution and this post would definitely help. Thank you.

By Web Talk
on November 27, 2008

my thumb up goes for the last , i mean the DB backup plugin is just great! Anyway there are others ways to get a regular backup of your blog. in the Cpanel there is the CronJob. I dont useit because i dont know what code to write down there but it is a cool feature…have you ever thought to write a little article about it? ;)

By Mr. DOS
on November 25, 2008

Another thing to suggest might be the installation of an automatic upgrader for WordPress – I find it quite a hassle to run around like my pants are on fire updating multiple customer WP installations every time a new release comes out!

— Mr. DOS

By Addicott Web
on November 21, 2008

Great article – thanks for putting it together! I know I’ve definitely worked with clients where they’re not as proficient in Wordpress as I am, so sometimes I take it for granted that I know where to go to do something. The clients don’t always know this stuff, and with the admin panel plugins that you mentioned in particular, it will definitely help simplify the experience for them and not make it as intimidating to use. Overall this is a great list of ways to help improve things for my clients. Thanks again!

By Ryan Nicholson
on November 21, 2008

This is a perfect example of a fantastic post, thanks for the list of plugins to check out!

I’ve been looking around a lot at finding a consistent CMS to use for client projects and can’t seem to find anything that is better suited than Wordpress. Plugins and ideas like these that you listed simply put together a perfect package for just about any small business site.

By charles
on November 21, 2008

i don’t comment much
but this is an excellent post
great content
to the point
thanks for the insight, i hadn’t seen the navigation list plug till now

By Nathan Beck
on November 21, 2008

Well let’s see what 2.7 has to offer.

Revision control is something I would definitely like to see soon, especially when WP is being created for a client to (man)handle!

By Frank
on November 21, 2008

Please see the plugin Adminimize, many functions for customize the admin-area. The plugin is ready for WP 2.7.

By David Perel
on November 21, 2008

I haven’t read the article yet because I am bowled over by your websites design. I love it.

By Guy
on November 21, 2008

Or check out cushycms.com

By BlogFwrd
on November 21, 2008

Great list and well done. Upcoming WordPress 2.7 has a UI which is more suitable for CMS usage plus ability to hide and rearrange the panels on dashboard. Morever, clients usually have problem with the terms inside WordPress admin such as trackbacks, custom field and excerpt (although WP provides simple explanation for them). So it will be better to tweak the WP language file to change them.

I will have to agree with Travis on cforms. It’s much better and user friendly than Contact Form 7.

By Travis
on November 21, 2008

Great list, but I’d have to recommend cforms over Contact Form 7:

http://wordpress.org/extend/plugins/cforms/

It is far and above the best and most sophisticated form plugin available for WordPress.

By Matthew Donadio
on November 20, 2008

Another option for linking is the RD internal Links plugin: http://www.blograndom.com/blog/extras/rb-internal-links-plugin/

We have been using the Improved Include Page plugin with some success (http://www.vtardia.com/blog/improved-include-page/) to simulate multiple write panels. It works OK, but I suspect the options you give work better.

I would also add TinyMCE Advanced to the list: http://www.laptoptips.ca/projects/tinymce-advanced/ Most of the users we have dealt with like having the added editing features.

By Susan
on November 20, 2008

This is an awesome list of tips – many I haven’t thought of!

By 3pointross
on November 20, 2008

@Morten – Thanks! The more I use wordpress the more little tweaks / tips I come across to increase the user experience of the software.

Even little things can make a clients use of the software so much easier. And while of course their needs are the most important, it does also cut down on the support calls that are likely to come in if something doesn’t make sense to a client.

By Morten
on November 17, 2008

Great list. I regularly create WP based sites for clients and I’ve been wondering if there are more things I can do to make them more user friendly. Definitely checking out Leopard Admin and some of the other stuff.

By Agahmemnon
on November 17, 2008

I have to say. It’s fucking good post!

  1. Jan 10, 2010: 300多种可帮你成为WordPress专家的资源 | 上海网站建设,上海网络公司
  2. Dec 11, 2009: Wuvving the Wonderful World of WordPress | Greg Barr MarCom
  3. Nov 30, 2009: 300+ Resources to Help You Become a WordPress Expert | LeVoltz - iPhone Games, Engineering Projects, Wordpress Themes
  4. Nov 4, 2009: 300+ Resources to Help You Become a WordPress Expert « eBSPAD
  5. Oct 29, 2009: WordPress 300+ Collection of Amazing Resources | Amazing and Inspiring Design
  6. Oct 12, 2009: Resource: Checkliste kundenfreundliches … | Wordpress Lesezeichen
  7. Oct 12, 2009: WordPress As a CMS
  8. Sep 23, 2009: Blog – Velagapati - 300+ Resources to Help You Become a WordPress Expert
  9. Sep 23, 2009: Blog – Velagapati - 300+ Resources to Help You Become a WordPress Expert
  10. Sep 23, 2009: Blog – Velagapati - 300+ Resources to Help You Become a WordPress Expert
  11. Aug 18, 2009: 10 Steps to a Client Friendly Wordpress CMS | StylizedWeb.com | WpMash - WordPress News
  12. Jun 8, 2009: 10 Steps to a Client Friendly Wordpress CMS | StylizedWeb.com | Squico
  13. Feb 3, 2009: Neues Projekt mit Wordpress unter der Haube | Webdesignblog
  14. Jan 10, 2009: DIGITALife » WordPress as CMS and other 10 Free CMS
  15. Jan 8, 2009: Links der Woche: Ausgabe 3 |
  16. Dec 1, 2008: Designer Tip: Creating a Client-Friendly WordPress CMS Install | WordPress Hacks Log
  17. Nov 28, 2008: Wordpress: un’interfaccia amministrativa più facile da usare per i clienti : cssblog.it
  18. Nov 25, 2008: Weekly Link Round-Up #56 | Trevor Davis
  19. Nov 24, 2008: Wordpress as a CMS tips on Stylized Web » - Web Design Marketing Podcast & Blog
  20. Nov 24, 2008: Design link for the week | Design daily news
  21. Nov 24, 2008: OUVYT » Blog Archive » Daily Del.icio.us
  22. Nov 23, 2008: Les liens de la semaine | ShigaBlog
  23. Nov 22, 2008: Useful Links (22/11/2008) | Apramana
  24. Nov 22, 2008: AndySowards.com :: Web Development Nerdy Daily Links For 11/22/2008 | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?
  25. Nov 22, 2008: links for 2008-11-21 | =) Bnpositive's Blog
  26. Nov 21, 2008: links for 2008-11-21 » Go Web Young Man
  27. Nov 21, 2008: Friday’s Five: Week 14 | ifoh designs
  28. Nov 21, 2008: links for 2008-11-21 « EasyRew.com :: Brain-free since ‘73…
  29. Nov 21, 2008: 10 Steps on Client Friendly Wordpress as CMS | CNSQ Online Blog
  30. Nov 19, 2008: 2wordpresscom 11/19/2008 « huaxlee’s daily post
  31. Nov 19, 2008: DIGITALife » Flash Css Photoshop and jQuery - Webdesigner stuff