Feb 10, 2013

Transform static HTML-site in WordPress

Filled under:

Transform static HTML-site in WordPress
Recently, while reading one of my favorite forums, I came across a question on how to convert a static website developed using Dreamweaver, a WordPress-theme, and thus to make it fast and really straining.At first I thought it was impossible, or at least it will not be easy, but after seeing the responses of others, I realized that I was wrong. While this process is not so simple in fact, it can be done quickly and easily! And here we are not limited to Dreamweaver. Almost any site can be converted to WordPress- theme. (Please note that at the end of this article, I gave a few reasons why you should think carefully about the consequences of such a transition.)


If you're holding a old static website that you would like to "draw" on a content management system (CMS) such as WordPress, and thus not really going into the details and technical issues, then this guide is for you. In general, it involves two main steps, aimed at the transfer of your static site into the database as WordPress pages and posts. Step one : Gather all the static pages of your site in one place (this can be done with HTTrack, if necessary). Stage Two : Import the page with a simple WordPress-Plugin.

Let's start with the basics. Not so important, how the code was developed your site, so that when a user visits your site, it does collect all Delate into one (with blotches of server-side images from different folders, and so on), which we otherwise call the HTML-page . Even if some elements of the page are dynamic, the code itself is assembled in one place, and can be moved to WordPress in working condition. There may be exceptions, which I will omit here but most sites be transportable very successful. So even if your site contains pages with the. Php, which runs the files header.inc and footer.php, as the user will see this main page in the browser, the resulting source code will be assembled in one place, as if it were written by hand HTML-page. Is the type of code you want to convert your site to WordPress via the above method in this article.

If you already have an old static HTML-site, which has no inclusions from the server, then you already have everything you need to move to WordPress. In this case, you can skip the next step and go to the section titled "Importruem content in WordPress».


Transform your dynamic pages to static

HTTrack Website Copier allows you to completely deflate the website to your hard drive. If any pages dynamically linked to each other, use the blotches on the server side to dynamically add data to each page (such as the header of the site, the basement, the menu), then you will need to set up a mirror site HTTrack with all the patches, and recreated the site on your hard disk. Usually does not take much time, but it all depends on the size of your site, of course. Fortunately, you can just run it, and do other things, but at this time all of your site will be pumped from the server. There are a lot of options you can use. Most of you just use the GUI instead of going into details. In this document, there is a lot of useful screenshots to help you understand everything.

Personally, I like to run the program from the command prompt on your Linux, and used with the option-K, that the reference to use the absolute URL. When I run it from the command line, I use something like:

httrack http://www.yoursite.com-O / home / you / somefolder-K

But I can not know what will be your code if you suddenly decide to use the command line instead of the GUI. You need to read the documentation to get it right for your project.


No matter how you start HTTrack, or what options you use, as soon as you have a folder that contains the entire site, all static HTML-page, you are ready to move to WordPress.

Import content in WordPress

Start by installing a fresh copy of WordPress. Then add the following plugin and activate it.

WordPress-plugin Import HTML Pages

Once you activate it, go to Settings and set the there are some options. You can choose either to create pages or posts (not together). When I was using this plugin, I opted to create pages. Now you need to specify how the plugin should recognize the "just content" (without all the surrounding code  theme, side panedey and basements). My content was wearing a div-element with id content, so it was very easy, as well, so your content can be designed very differently, unique HTML-tags, you can adjust the following settings.



WordPress-plugin Import HTML Pages

Once you've set up all the options, you are ready to run the plugin. It's pretty simple: you have a new WordPress-blog, with all the content pages of your old static site.

At this stage, you will probably want to create a design in the form of WordPress-theme, or use the new design. Personally, I think that there is an advantage to use the new theme. Right now is the time to give a refreshing look to your site, do not you? In any case, the conversion of HTML-theme in the WordPress theme is beyond the scope of this guide.

You should also think about how to make some referrals, but in general, look for just a few minutes you have had your old static site to a new blog based on WordPress.

Additional Notes: Before you start the transfer, please consider The following notes.


1. Although WordPress greatly simplifies the support site, and offers a variety of modern advantages, there are many aspects to consider. For example, a static site always loads faster than dynamic, especially if your site uses a dynamic database. If your site takes a huge amount of traffic, the server is likely to average bear load, if your site is static, for a site on WordPress for large volumes of traffic, will probably need a more powerful server. If you think that this can hurt you somehow, then you can consider in order to upgrade your server or to change hosting company.

2. You may have problems with changing URL. There is a good chance that you will have to put every last page redirect to a new, or you will have to learn and focus on creating automatic redirects.

3. Some things may not work. It is impossible to predict with any page on your site, scripts, or items may have problems.

Best of all, if you spend the first practice test transfer site, and see what problems may arise. As it is done quickly, the first test will help you avoid the various problems in the future.

0 comments:

Post a Comment