Still we can find there are so many static HTML websites needs to upgrade into WordPress theme. These types of websites are not upgraded because of the site owners may don\u2019t want to change their content or they want to keep their site simple.<\/p>\n
But the actually reason of not to upgrade the website into WordPress is they don\u2019t know how to convert HTML site to WordPress site. And, they don\u2019t know who can provide HTML to WordPress conversion service<\/strong> without affecting their content and page formatting.<\/p>\n There are so many ways to solve this problem. Below are 5 steps that we are using to convert HTML template to WordPress theme.<\/p>\n To manually convert static HTML website to WordPress without losing your content and design, you need to just create your own custom theme. In this process, you need to do some basic things like copy and paste and create some files and folders and then just upload the final version.<\/p>\n Use Sublime<\/strong> or Notepad++<\/strong><\/a> to access the directory of your HTML site and the directory of your new WordPress site.<\/p>\n Step 1: Files and Theme Folder Creation<\/strong><\/p>\n First, you need to create a folder and write a proper name. You can keep this folder anywhere where you would like to keep and access easily.<\/p>\n Open the code editor, create below files and save them all in above created theme folder. Keep open all the files so you can edit those whenever needed.<\/p>\n Step 2: Copy Old CSS to New style.css<\/strong><\/p>\n If you don\u2019t want to change your design, copy your old CSS and add into new style.css file.<\/p>\n The beginning of your file will look like below.<\/p>\n Step 3: Cut and Paste your Current HTML<\/strong><\/p>\n In your header.php file copy and paste everything from your current index.html site. Copy all of which are above the opening div class=\u201dmain\u201d tag. Save header.php file and then close.<\/p>\n Second step is pick the complete aside class=\u201dsidebar\u201d tag from your index.html file. Copy and paste everything into previously created sidebar.php file. Save and close the file.<\/p>\n In third step, copy and paste everything after your sidebar class from index.html file into above created footer.php file. Save and close the file.<\/p>\n And last, select all remaining things from your index.html file, copy and paste them into your index.php file. Remember just save it and keep it open.<\/p>\n Now, close your index.html file and move to the next step.<\/p>\n <\/p>\n Step 4: index.php Finalization<\/strong><\/p>\n In this step, from newly created theme\u2019s index.php file, call all the section, which we have added in other files.<\/p>\n Place the following code at top of your index.php file.<\/p>\n Place following lines at the very bottom of your index.php file.<\/p>\n\n
![\"\"](\"https:\/\/merahost.org\/blog\/wp-content\/uploads\/2018\/03\/1-wyP5J4FoVFh0HRZqrc9n2w.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/merahost.org\/blog\/wp-content\/uploads\/2018\/03\/1-og0tYIouH1YvNN78o7_9xQ.png\")
<\/a><\/p>\n
![\"\"](\"https:\/\/merahost.org\/blog\/wp-content\/uploads\/2018\/03\/1-uPMlXTkZ_Aqjcd1_R01bxw.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/merahost.org\/blog\/wp-content\/uploads\/2018\/03\/1-k2DfRamWkM5kODUTVTn0Tw.png\")
<\/a><\/p>\n