• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Privacy Policy
  • Terms of Use
  • FTC Statement
  • Sitemap
  • About and Contact

Build A WordPress Website

Using WordPress as a Content Management System and Blog

  • Home
  • WordPress Install
    • WordPress Hosting
    • An Easy Way to Install a WordPress Website
  • WordPress Setup
    • Getting the WordPress Options Right
  • WordPress Plugins
    • WordPress CMS Plugins
    • WordPress SEO Plugins
  • WordPress Themes
    • Free WordPress CMS Themes
    • WordPress CMS Themes
    • Basic Theme Header Changes
  • Manual
    • Choose between Pages or Posts
  • Resources
You are here: Home / Archives for Build

Build

From Static HTML to WordPress Website

Filed Under: WordPress CMS, WordPress Setup May 16, 2015

This is a question I get on a regular base: How can I convert my Static HTML to WordPress based 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 or new versions. 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 that the 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.

Convert Static HTML to WordPress

But first things first, the conversion of your website.

First, what do you need:

  • good hosting (aff) 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 (aff) 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 -> Reading) so your new URLs are not getting into the search engine indexes until you are ready with your conversion.

Now you can start building your WordPress website next to your current site, that site will stay 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/page-url.html , but after the final steps this will become /page-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 that you will need which 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 static HTML to WordPress based site with the same layout is a 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 (aff) name. (remove the /cms part)

Change Site Address Only!
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 rename the index.html so the index.php takes over and if you kept your URLs you are not loosing any visitors from the search engines like Google.

And of course you have taken a complete Back-Up of your old static website so you can restore your old side if you should encounter any unexpected error(s).

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

However if you change your URLs, even with a 301 redirect you could loose some credit and backlinks that are pointing to your site.

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.

Update: You asked for it and now it's finally here… From Static HTML To WordPress version 1.0

You can share the PDF with friends, post it on you website but you cannot sell it or change anything in it! If you find any language or grammatical errors please let me know so I can correct them.

From Static HTML to WordPress Website

Affiliate Link Disclosures

By Herbert-Jan van Dinther Filed Under: WordPress CMS, WordPress Setup Tagged With: Build, CMS, How to, HTML, website, wordpress 32 Comments

WordPress Agent Theme for Real Estate Agents

Filed Under: WordPress CMS, WordPress Themes May 13, 2013

WP Agent Theme Colors

Brain Gardner, WordPress theme designer extraordinaire, just announced the release of a new theme specifically targeted to Real Estate Agents.

This theme comes with great features like automatic thumbnail creation and special pages for your real estate listing.

There are separate writing panels for your listings with fields for price and other items pertaining to the property. You write the data, and the theme will handle the layout so that every listing has the same format.

For Google maps code, there is a special field where you only need the location code.

WordPress Real Estate Agent Theme

It comes with four different color schemes that give you the ability to use the one that best fits your company. You also get the PSD files, so you can make your own changes or hire AgentPress to do further customization for you.

WordPress Theme for Realestate Agent in Tan

Different ideas for usage

Although this theme was developed by Brian Gardner together with Nicole Nicolay (of My Tech Opinion) for real estate agents, it looks to me like you can adapt this theme. With a few simple changes, you can make it work for different agents like car dealers, motorcycle companies, and even custom car builders.

In fact, every company that chooses to showcase their products with several photos can benefit by using this theme.

If you want to build a professional website for marketing products in the high end consumer market, the SEO-ready Agent Theme from StudioPress (aff) may be just what you need.

Affiliate Link Disclosures

By Herbert-Jan van Dinther Filed Under: WordPress CMS, WordPress Themes Tagged With: Build, building, CMS, Customers, Magazine Style, theme, wordpress 12 Comments

Building a Website with WordPress as Content Management System

Filed Under: Weblog News, WordPress CMS October 5, 2008


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 (aff) 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]
Affiliate Link Disclosures

By Herbert-Jan van Dinther Filed Under: Weblog News, WordPress CMS Tagged With: Build, CMS, How to, website, wordpress 5 Comments

Primary Sidebar

Advertisements

Get Free Updates!

New Articles right into your inbox, sign up for free now!

P.s. I won't Spam You or Sale Your Mail Address

FTC Disclosure

Disclosure: Please assume that any outbound link is an affiliate link, which means we may receive a commission in the event you click a link and make a purchase. Just so you know, affiliate links do not result in you paying a penny more. Read more...

Start Your WordPress Site!

Get your own WordPress site started::
  • 1. Get Website Hosting.from GreenGeeks.com and use their easy WordPress installation script.
  • 2. Get a Cool WordPress Theme, I recommend themes from
    StudioPress.com and Elegant Themes
  • P.S. This site is build on Metro by StudioPress.

Popular Articles

  • 7 Tips to Customize WordPress Twenty Eleven Theme
  • How To Make WordPress Look Like a Website
  • How to Build a WordPress Website
  • How To Upgrade Old Version of WordPress
  • WordPress Introduction
  • Basic Theme Header Changes
  • An Easy Way to Install a WordPress Website
Advertisements
Elegant Themes - Premium WordPress Themes

Topics

  • Weblog News
  • WordPress Blog
  • WordPress CMS
  • WordPress Plugins
  • WordPress SEO
  • WordPress Setup
  • WordPress Themes
  • WordPress Video

Footer

Most recent Articles

  • Spice Up Your Site With WordPress Shortcodes Ultimate
  • Keeping WordPress Up To Date and Secure
  • How To Upgrade Old Version of WordPress
  • 20 Basic WordPress Plugins for Your WordPress Website
  • 7 Tips to Customize WordPress Twenty Eleven Theme

StudioPress WP Themes

Advertisements
StudioPress Theme of the Month

WordPress Themes

Elegant Themes
StudioPress.com
ThemeForest
Mojo Themes

Copyright © 2023 Build a WordPress Website · Design Metro Theme by StudioPress