Articles

Easy Ways To Convert A Website From HTML To WordPress

by Emily Johns Technical Writer at Wordsuccor Ltd.

Because of the development of web-technologies, now HTML websites have become obsolescent. As such websites and their pages are stored as HTML-code in the server's file system, you need the constant involvement of qualified web designers and other experts of Internet technologies to run and manage websites successfully. For example If you are a non-technical person, and want to know about html to WordPress converter  a specialist with experience in HTML-layout will be required to update your HTML website with a new content and make vital changes.


At a time when there is cut-throat competition in the web-based business, all entrepreneurs want to reduce the website operation and management costs as far as possible. It helps them to increase their productivity and sustain the business. So, do you run an HTML website? Want to convert it in WordPress? If yes, then go through this article. This will let you know the necessary steps and resources to take your website to the WordPress platform. So, let’s get started.


Some Important Pre-steps Before Website Installation:


  1. HTML Website Analysis :

It is one of the most important tasks you should accomplish at first. Just check your website and look for usable/outdated content. Just clean irrelevant content off. Have a look at the site’s navigation system and think how you will improve it on your new website. It helps you to take a final decision about the things you need to migrate, such as content, features, and functionalities. You will be able to clear choose the necessary WordPress plugins to be used on the new website.


2. Create A BluePrint for Website Conversion :


There are many individuals who start the website conversion process without creating a blueprint in advance. So, they face many problems when they start the website migration process. As a result, their project takes more time to get completed because of sudden chaos.


So, you must create a well-planned website blueprint in advance. It will help you to complete all tasks (related to the site migration) in a planned way. Your website blueprint should contain essential things like website Architecture, Content, Design, identification of the targeted audience, Call-to-Action buttons, Website Navigation, etc.


3. Backup Your Website :


To avoid the risk of data loss during website migration, you must backup your website fully. Just download all important files, content, images, videos, etc, and store it an external device. You can also use WordPress plugins to backup your site easily and quickly.


Website conversion Process (From HTML to WordPress):


Method-1. Use HTML To WordPress Services (Recommended for Non-Coders) :


If you are a non-technical person, then this method is recommended for you. There are many best WordPress development companies that provide HTML to WordPress conversion services. Just contact them, discuss your specific needs and allow their WordPress developers to complete the website migration process in an easy way. You can also ask for changes in your WordPress website if anything is not working properly. 


Method 2. Website Conversion Through WordPress Themes :


If you want to take your HTML website to the WordPress platform yourself, then you can try this easy method. WordPress offers thousands of free and premium themes. Just review different themes from all possible angles and choose a high-quality theme for your website. The theme has its zipped file package downloaded. Just install and activate your New WordPress theme.


Once this process is completed, you will have a new WordPress website and theme- which is totally empty. Now, you need to import content and complete the process of the website migration. To do this, just go to your site’s admin> Plugins > Add New and find the HTML Import 2 plugin. Just install and activate the plugin and import the whole directory of HTML pages. Once you finish this, you will have a brand new WordPress website.


Method 3 :


This method is for those people who are familiar with different programming languages, SEO, and website building skills, then use this method. If you need assistance for converting HTML to WordPress process (for learning purposes), hire WordPress developers. See how it works:


  1. Creation of New Folder and Necessary Files :


You need to create a new folder on your desktop to keep your theme files. Give it a name so that it can be identified in an easy way. Once you do this, just create new files in your code editor:


  • Style.css

  • Index.php

  • header.php

  • sidebar.php

  • footer.php


Store all of them in your new theme folder.


B. Copy Existing CSS Into New Stylesheet :


If you want to duplicate the design, just edit your Style.css file. Just add the following to the top of your file:

/*

Theme Name: Replace with your Theme's name.

Theme URI: Your Theme's URI

Description: A brief description.

Version: 1.0

Author: You

Author URI: Your website address.

*/

Once you complete the above-mentioned work, just paste your existing CSS below, save the file and close it.


C. Separate The Current HTML files :

In this process, you have to cut and paste of the existing code into different files created by you. To do this, open your current site’s index.html file and highlight all files to the opening div class=”main” tag. Now, Copy and paste this selection header.php file, save and close it. Now return to your index.html file.


Highlight the aside class=”sidebar” element and all things that exist inside it. Just Copy and paste this selection into your sidebar.php file, save it and close the file. Select everything your index.html and copy and paste it into your footer.php file. Finally, select everything that’s left, paste it into your index.php file and save. Don’t close the file as you have to complete the final steps as well.



D. Give A Final Touch To Index.php File :


In order to finalize your new theme’s index.php file, just place the following line on the top of your index.php file-


 <?php get_header(); ?>


Now, place these lines of php at the bottom of your index.php file-


<?php get_sidebar(); ?>

<?php get_footer(); ?>

 

Now, create the theme’s index.php file and add the following code in the content section:


 <?php if ( have_posts() ) : ?>

   <?php while ( have_posts() ) : the_post(); ?>


     <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

               <div class="post-header">

                  <div class="date"><?php the_time( 'M j y' ); ?></div>

                  <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

                  <div class="author"><?php the_author(); ?></div>

               </div><!--end post header-->


      <div class="entry clear">

            <?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>

            <?php the_content(); ?>

            <?php edit_post_link(); ?>

            <?php wp_link_pages(); ?> 

      </div>

      <!--end entry-->


      <div class="post-footer">

            

            <div class="comments"><?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?>

            </div>


      </div><!--end post footer-->

    </div><!--end post-->


<?php endwhile; /* rewind or continue if all posts have been fetched */ ?>


      <div class="navigation index">

            <div class="alignleft"><?php next_posts_link( 'Older Entries' ); ?></div>

            <div class="alignright"><?php previous_posts_link( 'Newer Entries' ); ?></div>

      </div><!--end navigation-->


<?php else : ?>

<?php endif; ?>


Just save your index.php and close the file. By now, your theme is ready. Just upload it to your WordPress site.


E. Upload the Newly Created Theme To Your Website :


Just install WordPress on your system and place your new theme folder inside /wp-content/themes/. Go to WP-Admin > Appearance > Themes. You will see the newly created theme there. Just activate it.


F. Migrate Content From HTML Website To The WordPress Site :


Go to WP Admin> Plugins > Add New and look for HTML Import 2 plugin. Just install and activate the plugin. Just follow the instruction to import content from HTML websites. Once the migration of content is done, start running your new WordPress site as usual.


Final Words :


Tech-savvy individuals love to visit professional, attractive and responsive websites to drive business growth. If you want to take your HTML website to the WordPress platform, just convert HTML to WordPress theme. That’s it. If you don’t know how to do that, try the above-mentioned tips to convert the HTML website into WordPress and start your WordPress life in an easy way.




Sponsor Ads


About Emily Johns Freshman   Technical Writer at Wordsuccor Ltd.

10 connections, 0 recommendations, 37 honor points.
Joined APSense since, September 25th, 2015, From Elkhart, United States.

Created on Feb 17th 2018 00:09. Viewed 1,019 times.

Comments

No comment, be the first to comment.
Please sign in before you comment.