Still a number of business owners are running a static HTML website. But when it comes to making changes in the static site, it becomes mandatory for the website owner to have HTML programming knowledge. So, if you lack coding skills you must migrate your static site to a dynamic platform. WordPress is a highly popular dynamic platform and its popularity is not going to abate too soon. You don't have to throw all your HTML and CSS files away when moving to WP platform. Rather you can convert your HTML files to WordPress.
When converting HTML files to Wordpress theme, generally WP default theme named TwentyThirteen is being used. To carry out the conversion you'll need a copy of HTML as well as CSS files for your current site, which will be later converted to WP theme format. There are various choices you get in terms of the program, which is used to make edits in your file. Well, you can choose text-editors such as Notepad and Notepad++ or rather use Dreamweaver instead. For this purpose, you can take up HTML to Wordpress Service.
Here's a step-by-step procedure following which you'll be able to Convert HTML to Wordpress Theme.
Step 1: Creation of Files and Folders
Begin with creating a new folder on your system’s desktop. Next, give a name to the folder. Choosing an easy to remember name won't let you forget where the folder is saved, such as the name of your WPTheme. Once you've named your folder create two files namely style.css and index.php, and add both these files to the newly built folder.
In order to make your WordPress platform recognize the files you've just created, make sure to create a comment block for the style.css file including the information like theme name, URI, a brief description, version, author and author URI.
Later, verify whether the TwentyThirteen theme is set to be your active WP theme or not. Subsequently, in the WP admin panel go to Appearance and then the Editor. Open your style.css file and copy the content from it, and paste it into the newly built style.css file.
Step 2: Create new PHP files
To Convert HTML to Wordpress Theme in the second step you'll need to open WP theme editor, wherein your existing theme will be segregated into different parts – the header, footer, sidebar and main index. You can make use of the same components for building some other WP themed site. For doing so, you'll need to divide the components into different PHP files. Next, all you need to do is to copy of the code of each HTML section and place them in their respective PHP files.
Get logged in your WP admin panel. Open the theme editor followed by the file in which you want to copy the code. For instance, open header.php file of your static website; copy the code and then paste it into the newly crafted header.php file. Follow the same procedure for rest of the files.
Step 3: Use Newly Created PHP files to fetch data
To bring in data from newly crafted PHP files, open the index.php file in your WP theme folder saved on your desktop. Add PHP code to your file top and just after the tag, as show below:
23 comments
wonderful article, people these days are actually looking for content like this. :) good one
ReplyExcellent tutorial article, I reblogged your post on converting a static HTML website/blog to a dynamic Wordpress website/blog on Tumblr.
ReplyMake your website with interactive javascript and jquery. Website development company in Delhi is a best and top most company which provides user friendly website that user can access their functionality easily.
ReplyGiven the simplicity of your directions, I had pretty much convinced myself there was no way my journal was going to come out with the same design as the rest of my html-based website… but I was pleasantly surprised. Just wanted to say thanks :)
Replyreputed web design and
web development company Jaipur .We offers responsive web development, website designing and seo solutions in Jaipur.
This is a fantastic concept, but i’m skeptical of it’s results….
ReplyI’m definitely going to have a play with this and see just how flexible it is.
seo company jaipur
Thanks for the post!
OMG! That’s totally awesome. Hahaha.
ReplyI’ve never thought of something like that being possible, but it makes complete sense.
It’s not going to work on complex sites and it will be glitchy in general I imagine, but it should be able to crudely bash out the theme structure in a usable state, particularly for simple themes. It worked fairly well on my personal blog.
website development company in jaipur
Definitely converting html website to WordPress needs some valuable inputs where we need to carry on with genuine things. However, the overall procedure is really awesome and effective.
Reply
Replyhow to genuine window 7 ultimate 32 bits free , onenote 2007 activation , microsoft office publisher 2007 trial download , windows multipoint 2011 serial or key , windows 7 ultimate sp1 keys , product key of windows 7 professional sp1 , windows 10 activation issues 0xc004c003 , microsoft visio professional 2016 , sCrJ5H
thanks for sharing
Replydigitalopeners
In the beginning (of the web) all websites were made with nothing but text and static HTML. Now though, over 20 years later, the web is a much different place. Websites are much more complex. They provide richer and more enjoyable experiences for site creators and visitors alike.
Replydigitalopeners.com
Really nice one.thank you for sharing Best Selenium Training in Chennai |Selenium Training in Chennai | Best Selenium Training Center in Chennai
ReplyAndroid Training in Chennai
awesome blogging
ReplyBest Selenium Training Center in Chennai | Best Automation Testing Training in Chennai | Best selenium training and placement in chennai | Selenium Training in velachery
javascript scripting language
ReplyVery interesting and innovative post..Thanks for updating..
ReplyAndroid Project Center in Chennai | Android Project Center in Velachery
Thanks for sharing such an wonderful post with us..
ReplyBest Summer Courses in Saidapet | No.1 Summer Courses in Saidapet
Wow very good to read the blog
Replybest php training institute in chennai
It is amazing and wonderful to visit your site.. . thanks for sharing your ideas and views... keep rocks and updating...thanks for sharing your ideas and views... keep rocks and updating
ReplyLinux Training in Velachery | Linux Training Institute in Chennai | Linux Training in Kanchipuram
I feel really happy to have seen your webpage and look forward to so many more entertaining times reading here. Thanks once more for all the details.
ReplyAWS Training Institute in Chennai | AWS Training in Velachery | AWS Training Center in Kanchipuram
It is amazing and wonderful to visit your site.Thanks for sharing your ideas and views... keep rocks and updating
ReplyPython Certification Training Center in Chennai | Python Certification Exam in Chennai | Python Exam Center in Chennai | Python Training in Chennai
Thank you for your information. I have got some important suggestions from it. Keep on sharing.
ReplyVery informative blog. Helps to gain knowledge about new concepts and techniques.
Linux Training in Velachery | Linux Training Institute in Chennai | Linux Training in Kanchipuram
Very impressive and interesting blog, this is the best place to get wonderful information thanks much for sharing here...
ReplyBest Embedded System Training in Kanchipuram | Embedded Training in Kanchipuram | Embedded Training Center in Velachery
Very informative blog. Helps to gain knowledge about new concepts and techniques. Thanks a lot for sharing this wonderful blog.keep updating such a excellent post with us.
ReplyAWS Training Institute in Chennai | AWS Training Center in Velachery | AWS Exams Center in Chennai | AWS Online Exams in Chennai
Very informative blog. Helps to gain knowledge about new concepts and techniques.Thanks a lot for sharing this wonderful blog.keep updating such a excellent post
ReplyPython Training Institute in Chennai | Python Exam Center in Chennai | Python Certification in Taramani | Python Training in OMR | Python Exams in Velachery
Post a Comment
Note: Only a member of this blog may post a comment.