How To Have The Functionality Of A CMS On Any Old Website

Ads by Google

For years I have been in love with WordPress as a blogging platform and a CMS (content management system) because it makes updating the content as simple as using a word processor.  That’s the point of a CMS right?

A CMS gives a website designer the ability to design a site and then just show the customer (or department head or whomever) how to do the content updates himself.  With a site built on a CMS, the less tech-savvy can more easily manage the content themselves.  Hence the name “content management system.”

What if you could find one of those free website templates on the Internet and easily and quickly set up the content to be edited just like a CMS?  Now, believe it or not, it is possible.


In this article I will walk you through how to set up a website template to be edited like a CMS using a tool called Pulse CMS.

please note: this article is geared towards those who have prior knowledge about setting websites up.  The idea is to be able to set up the site so you can hand it off to someone who doesn’t possess web design skills so they can handle the content management aspects of the site themselves.

For the purposes of this tutorial, I will be downloading any old free website template I can find on the Internet.  Obviously if you are a designer and have designed a site already, you are a step ahead.

Ads by Google

Step One: Downloading & Installing The Website Template

I googled for free website templates and choose this one for no particular reason.

If you are familiar with setting up websites then this step should be fairly easy.  All I did was unzip the website files, changed the index.html file to a PHP file and uploaded everything to the web server via FileZilla.

I changed the file to a PHP file because the embed code we will be using later will be PHP.  This way we shouldn’t have any issues.

Step Two: Decide The Pages To Be Controlled Via CMS & Create Them

Not being much of a coder or web designer myself, I cheated and grabbed the text from the index file instead of starting from scratch.  You may want to decide what you will be calling each of the page files so you can set up the navigation links before grabbing the text from the index.php file.

Notice that I only set up the aboutus.php file for this test but you will want to set up all of your pages in the same way.

OK, so now I have both an index.php file and an aboutus.php file.  I scrolled down and found the boxes of information that I either wanted to be controlled by the CMS or I wanted to delete all together.  If you know enough about code, this shouldn’t be much of an issue.  The box I want to be controlled, I just deleted the default information and made space for the embed code.  You will soon see what we will be doing so hang on.

Step Three: Download The Software & Upload It To Your Server

The cool part about this step is that there is no installation needed and no tables are created.  Mad cool, huh?

Head over to the Pulse CMS website and download the zip file.

Unzip the folder.  Before uploading the folder to your server, you’ll want to edit the “includes/config.php” file and change the default password.

Once finished with that, upload the folder to the directory containing the website files.  Now you should be able to log in by going to that directory (anysite.com/pulse).

Step Four: Set Up Blocks, Grab Embed Codes & Insert Them In Pages

A block is what they call an editable region on your website.  Since I am setting up an About Us page to be modified via the CMS, that is the block I will be working on.  In fact, when you first log into your pulse directory, you’ll notice that there is already a block set up called “About.html” which is why I chose the About Us page for this tutorial.

For the sake of ease, I will be leaving the block the way it is:

And just grabbing the embed code:

Then, since the files we created are PHP files now, you should have no problem with the code being read once you paste it in place.

Now, any block you have set up should contain content that can be modified simply by logging into the /pulse directory and making the appropriate changes.

Pulse CMS has an interface that, similar to WordPress, is about as easy as using a word processor.  As a web designer, you should be able to hand over the login details to the pulse directory to a less tech- or design-savvy person and quickly show them how to make updates themselves.

Do you know of any other, perhaps easier ways to set up a site for easy content management?  Please share!

Ads by Google

15 Comments - Write a Comment

Reply

Asshu

Great ! I will try it .

Reply

s

a

Reply

fruitgeek.wordpress.com

You could easily use Stiqr to do this.

timmyjohnboy

OK, Stiqr is more of a tool for design elements and “sticks” elements on top of your current site. It’s not really a “content management system” but I guess you could call it a “design management system.” With stiqr you can easily personalize a site’s design.

Pulse CMS is different. Pulse CMS is software actually installed on your site’s server giving you CMS-style control over the content. It’s cool because you can take a website template and make it into a CMS.

If I’m missing something, please be more specific as to how Stiqr can do this.

Asshu

Yeah ! I w’d like to know too.

Reply

timmyjohnboy

OK, Stiqr is more of a tool for design elements and “sticks” elements on top of your current site. It’s not really a “content management system” but I guess you could call it a “design management system.” With stiqr you can easily personalize a site’s design.

Pulse CMS is different. Pulse CMS is software actually installed on your site’s server giving you CMS-style control over the content. It’s cool because you can take a website template and make it into a CMS.

If I’m missing something, please be more specific as to how Stiqr can do this.

Reply

Anonymous

I have some more examples of light cms’s. They are all different approaches of this same system. I will just post them here, and maybe you can have a look:
http://www.cushycms.com/
http://pagelime.com/
http://surrealcms.com/
http://novo-ws.com/orbis-cms/
http://grabaperch.com/
http://www.snappysnippets.com/
and my favorite by it’s simplicity: http://www.texty.com/

Reply

diogo

I have some more examples of light cms’s. They are all different approaches of this same system. I will just post them here, and maybe you can have a look:
http://www.cushycms.com/
http://pagelime.com/
http://surrealcms.com/
http://novo-ws.com/orbis-cms/
http://grabaperch.com/
http://www.snappysnippets.com/
and my favorite by it’s simplicity: http://www.texty.com/

Reply

Emanuele Carrea

Good one, but I personally prefer Nuggetz, which integrates directly on the web pages.

http://www.nuggetz.co.uk/

cheers!

Reply

Emanuele Carrea

Good one, but I personally prefer Nuggetz, which integrates directly on the web pages.

http://www.nuggetz.co.uk/

cheers!

Reply

timmyjohnboy

Thanks for the tips… I will definitely check those out too.

Reply

Anonymous

Nice. Checking this out!

Reply

AWA

This is just too cool! I run a Webmasters Association and was looking for an EASY way for them to give thrie clients CMS control. Hats off to ya!

timmyjohnboy

Glad we could help!

Reply

Patrick Morrow

Nice system. But, like you say, not for the complete novice. There really aren’t many decent options for the average end-user to create and maintain their own sites. Like most CMSs this requires a pretty advanced level of tech know how just to get started.

Your comment