This is a question I get on a regular base: How can I convert my Static HTML website into a WordPress website?

Let me give you a warning in advance, a WordPress website needs to be kept updated!
A static HTML site can run for years without you ever touching it for things like security updates. Just to make you aware of the need for updates!

Another thing that needs really close attention is to make sure that your rankings in Google and other search engines stay intact.
That means you need to make sure your URLs of your old site will stay the same with your new WordPress based website.

Luckily this can be done and for those few links you want to change you can redirect them via your .htaccess file.

But first things first, the conversion of your website.

First, what do you need:

• good hosting that support php
• a mysql database: databasename, username for that database and the password for that useraccount
• the possibility to use a .htaccess file

If you are not sure about the above mentioned items, ask your website hosting provider!

Installing WordPress in a Subfolder

The first thing you will do is to install WordPress into a Subfolder like /cms .

After you finished the installation you have to set the Privacy setting so that Search Engines are not allowed to visit and index your site (Settings -> Privacy) so your new URLs are not getting into the index until you are ready with your conversion.

Now you can strat building your WordPress website next to your current site, that site will say active while you build a new one.

Keeping Old URLs

Like a mentioned before, it is very important that you keep the URLs for the new site the same as the old one!

That is why you need to set the Permalinks to custom with the value /%postname%.html this will result in Posts links with the extension .html.

During the development of your new site the urls will be like /cms/pagina-url.html zijn, but after the final steps this will become /pagina-url.html , that same as the old site.
Make sure that the “slugs” are the same as the old site, and there is a plugin you will need is “.html on pages” . I take it you will have some pages that use the extension .html

You can now start to convert your old pages to WordPress by copying the text or the HTML code of the content from the old website into the HTML code screen of WordPress.

Your page URL is created by the Title of your page, but you can change them by editing the Slug permalink.

There is a plugin that could help you convert old pages: http://wordpress.org/extend/plugins/import-html-pages/ Attention! For this plugin to work you really need  PHP5! Ask your hosting provider if you are not sure.

Website Layout

The conversion from your old site to a WordPress based site with the same layout is completely different exercise than what I am describing here, to do that your will have to get a complete custom Theme / Layout. But why not take this opportunity and change the look of your site together with the conversion? Choose a nice premium or free theme  that will fit you company / website topic and customize it to your needs.

If you are happy with the look and feel and the content of your site you can follow these step to get it “live”:

1. delete or rename the index.html file in the root of your old site.
2. copy the index.php and .htaccess file from the /cms folder to the root of your site
3. change one rule in the index.php file into require(‘./cms/wp-blog-header.php’); (only with the index.php file in the root, not in the folder  /cms!!)
4. change only the Site address (URL) in the general setting (Setting -> General) into the domain name. (remove the /cms part)

Change Site Address Only!

5. remove or rename the old  .html files.
6. change the privacy settings so the Search Engines can access and index the site again.

If you handle the change over it this manner, than your old site is not reachable during the 5 minutes you need to change the index.html to the index.php and if you kept your URLs you are not loosing any visitors from the search engines like Google.

And of course you had taken a Back-Up of your old static website so you can restore you old side if you should encounter an unexpected error.

If you want new URLs for your pages than you can redirect the old URLs to the news ones in two ways:

• use a plugin http://wordpress.org/extend/plugins/redirection/
• via the .htaccess file in which you have to write a rule per url you want to forward:  redirect 301 /olde-url.html http://www.example.com/new-url.html

Good luck and if you still have some questions, please use the contact form.

If you have other tips and additions that might help others, please write them in the comments section below.

One last question: Is there a need to have this information in an even more detailed form like a pdf manual with screen shots and tips? if so, please leave a comment.

Want to read more about this topic? Go to Building a Website with WordPress.

This website is primarily focused on how you can setup CMS Options and special plugins to get a static website view using WordPress.

I also write about magazine style and news style themes, and how you should change your WordPress Themes to get a less dated site.

I’ve recently realized that the site needs an upgrade to reflect more on the process of building, configuring and installing things like themes and plugins.
As I mentioned before, this was not the initial intent of the site, but there seems to be a clear need for that kind of information. In the following days/weeks/months, you will see this site grow in that direction.

It takes time to write clear and understandable articles to show you where you want to go, so please stay with me as I will help you build your website with WordPress.

I have already completed some of these pages. A new page about The Process of Building a WordPress website will become one of the cornerstones of this site, and I will create links on this page to point you to the new pages as they are published.

I want to thank Milan for pointing out the flaw in this site’s setup as it is today. I will continue working to make this site one of the best resources around for building a WordPress website.

Want to read more about this topic? Go to Building a Website with WordPress.

Brian Gardner is showing off the redesign of his Magazine Theme, which is already a classic.

If you look at the new features in the header, you can see why this is going to be a great theme to use for Building a website with WordPress.

The tabs at the top are great for extra pages, and the category links will make it easy to “theme” your site.

In Brian’s post, he also shows the new configuration panel that will make it a lot easier to work with for the not-so-technical WordPress website builders.

With this theme, just like the Thesis theme, there are extra fields in the posting panel to give writers a simpler method for adding images to a post and have them show up in the correct positions.

I suppose that the new automatic thumbnail creation that is now implemented in a lot of  Studiopress themes will also be part of this theme…

To be honest with you, there is one thing I don’t like about this theme…. the colors used for the links and headers. As you can tell from my new Hybrid Top Cars website, I prefer blue!

Want to read more about this topic? Go to Building a Website with WordPress.

I have been working on this site to provide information on how to build a static website with WordPress.
The Theme I used was Cutline 1.x, but I wanted a better layout more kind off a magazine…

And now I have found one of the best free ones, although I like the other Revolution that Brain Garder brings to us, I found the price for this new them better!
No, the templates are great, but I don’t feel the need right now to buy a template for this website, it is still a work in progress, although this site is doing pretty well in the search engines as it comes to the keywords I targeted.

This new theme is a free version that you can get at the Download page for the free Revolution Blog Theme and you can read more about the theme at the Blog from Brain Gardner on The Free Revolution Blog Theme 

So I am going to take the next step and bring a new vision and layout to the site, I hope you like it, I know I do.
It’s a new challenge to make this site even more informational…

Want to read more about this topic? Go to Building a Website with WordPress.

I am setting this website up as an example on how to use WordPress as a Content Managment System, and will be posting about the things I find and work with.

The Site will have three Silos to work with:

WordPress Setup:
The Configuration settings to use WordPress as a Content Management System with a static Frontpage

WordPress Plugins:
An overview and Manuals on how to use the Plugins that complete the CMS part of WordPress and makes it easier to work with.
You will also get some tips on Plugins you can use to further Optimize your site for Search Engines.

WordPress Themes:
Some themes just work better for Building a Website with WordPress, you can read about them here with tips and trics how to use and improve them to suite your needs.

Enjoy the ride ride with me and scubscribe to the RSS Feed or the E-mail version.

[techtags:WordPress, CMS, Website, Building]

Want to read more about this topic? Go to Building a Website with WordPress.