Earlier, there wasn’t any tools, software or plugins which could help in importing HTML content to WordPress CMS system automatically. Most of the time, users have to manually copy and paste the page content. But now, there is host of plugins which can import a massive amount of HTML codes and data pages to WordPress. These plugins help in saving both time and money, especially for the large HTML sites which have hefty data.
The HTML to WordPress conversion has become pretty common these days, and several static site owners are opting for this process. Well, if you wish to carry out this process of your own, then you can download the plugin called HTML Import 2. It’s a complex plugin that comes with lots of settings, but it is the best tool for this job. Before you start the process, you need to configure its settings in a proper manner.
Once you will install the plugins, you can start importing files, content, linked images, pages, product categories, tags, taxonomies and titles.
Caution: Take a full backup of your files & databases before you start.
Here you need to do to initiate the process of data import:
Directory to import – You should enter the absolute URL of the directory you wish to import here. The plugin will normally display you the absolute path is from the web server, just make sure you have the current directory. Example: /home/hostg/public_html/domain
Old site URL– It will be used only to generate the accurate.htaccess redirects. The importer will not search for files here.
Default file– It’s very important that you enter the name of the default file (index.html, default.htm) for directories on your old site’s server. Example: index.html
File extensions to include– You need to enter the file extensions that should be separated by commas, without any periods. Example: Example: HTML,HTML,SHTML. All other file types will be ignored.
Directories to exclude– Here you have to enter the directory names, separated by commas, without slashes. All files in these directories would be ignored. Example: images, includes, Templates.
Select content by– You can either select the HTML Tag or the Adobe Dreamweaver.
Tag– The HTML tag, without brackets. Example: div
Attribute– Leave some place blank so that you can use a tag without an attribute or when the attribute don’t matter, such as <body> Example: id
=Value– Enter the attribute’s value (such as width, ID, or class name) without quotes Example: content
Select title by– HTML tag or Dreamweaver template region
Tag– The HTML tag, without brackets Example: title
Attribute– Leave blank to use a tag without an attribute, or when the attributes don’t matter, such as <title>
=Value – Enter the attribute’s value (such as width, ID, or class name) without quotes
Meta Data Settings
Import files– Posts, Pages or Products
Set status to– Drafted, Published, Private or Pending
Set Timestamps to- Now or last time the file was published
Set Author to- Add your own author details via the users > Profile Settings in the WordPress Admin and Select the Author.
Import Pages- You can import them as children of none. It will be good if you leave them as top level unless you have the sub or child pages of the parent page.
Template for imported pages- Select the page template as per your brand image or you can settle down with the default template.
Categories, Tags & Taxonomies
– Assign the categories, tags, and custom taxonomy terms as per your imported posts and content.
– In this, you need to set up a few categories, tags & taxonomies in the WordPress and then further assign them to your old HTML-based posts.
In this article, you will read about few steps that will assist you in shifting your HTML site to the WordPress content management system.