Essential Keystrokes is…

where I share my favorite tips, tools, reviews and commentary on web design, marketing, blogging, new media and related topics. For more about this site and the voice behind it, check out my About page.


SubscribeFollow me on TwitterLinked In Stumble Upon What I Digg Email me

Archive for wordpress as cms

One of my clients, APEX Gymnastics School, was very happy with the general look and feel of the site I created for them a few years ago, but due to the growth of her business and the fact that more and more of her customers were going to her website first for information, we needed to set her site up so she could make changes herself from anywhere.

Since WordPress continues to become the most powerful and flexible content management system (CMS) available, it was the obvious solution.

Wordpress as a CMS project file

What Was Needed

  • Ability for client to quickly add announcements to home page from anywhere – this is very important for posting closings due to weather, and it allows her to make changes from home when it is convenient rather than having to be in the office.
  • Ability to maintain basic look and feel of previous site and horizontal, drop down menu with individual pages for specific programs.
  • Ability to edit/modify text on pages throughout the site quickly.

Making It Work

The first decision I had to make was whether to code the new WordPress site from scratch or to use another theme as a base. Brian Gardner’s Revolution Pro Business theme had so much of the structure I needed already included, it just made the most sense to use it as the base.

Wordpress as a CMS example

Next I recreated the header to accommodate the new site width and to include the phone numbers of both gym locations (one of them is brand new).

The home page is set up to display some basic information about her program and latest news. The client can easily add an announcement to the site by logging into the WordPress dashboard and creating a new “Post”.

Each navigation item on the horizontal navigation bar is either a Page or a child page (which shows up in the drop down).

All of the comment code has been removed as she is not looking for comments on the static pages. However, if she ever wants to put up a post where she wants feedback, she can. It also makes it easier to add polls, video, and photos to the site.

Pages can easily be edited, modified, added or deleted using the dashboard without the client having to know any HTML. Additionally, we added the TinyMCE Advanced plugin to give her more of the “Word”-like formatting buttons in the editor. I especially like the ability to add a data table easily – perfect for displaying class times.

On the individual pages, visitors can see the latest announcements without going to the home page and they can sign up for updates.  Additionally, there is plenty of room in the sidebar to “advertise” in house programs.

The Result

The best part about this site redesign is that I have a very happy client who is thrilled to be able to make her own changes to her site. It took us an hour of training over the phone to get her up and running – luckily she is pretty tech-savvy to start with.

What do you think? I’d love to see more examples of WordPress as a CMS, if you happen to have one! Also, you can see more sites I have created as “traditional” sites using WordPress in my archives.

Categories : Project Files
Comments (7)


Team Training NE Celiac Family