We love WordPress, that is a reality. WordPress “likes to say” that it is each “free and priceless on the similar time”. At the moment, 415,274 bloggers on WorpPress.com would agree, to not point out the uncountable variety of self hosted WordPress websites everywhere in the globe. With its extendability and ease of use, its not only for blogs anymore.
Now, we all know that WordPress is nice selection, however what if you have already got a profitable HTML web site? Or are in love with a sure HTML or CSS template? Is there a option to convert it to WordPress so you possibly can have the design that you really want and nonetheless make the most of the the superior energy that’s WordPress?
In fact there’s.
WordPress themes are constructed on the identical primary code as any HTML template. You simply have to know the place that code goes…
The best way to Convert HTML to WordPress:
WordPress themes are cut up into separate php information. header. content material. sidebar. footer. Take a peek inside a present WordPress theme to unravel the thriller. Web sites begin on the index web page so we’ll begin there and comply with the code via. The index.php will first name the header.php. That is the place your HTML tags, title and meta tags, website title or emblem and navigation will go. Then you need to see the php code for the content material or the ‘loop’ as WordPress calls it. You will additionally see requires the sidebar.php and footer.php. Look inside these information and you will see the code that builds these areas.
Discover the ‘div’ tags that wrap the web page parts. HTML is now primarily constructed with div tags as an alternative of tables. Most div’s are assigned a CSS fashion with a label (selector). Labels may be both an ID (#) or a CLASS (.) These types are outlined in one other file referred to as type.css. Look by way of and match the CSS type to the congruent div tag.
These with HTML expertise or some critical gumption can copy and paste the HTML code straight right into a primary WordPress theme. For every div tag with a label, additionally add that fashion into type.css. When changing your HTML to WordPress, a great strategy is to rigorously wrap the php code that’s there between div tags. Make sure that any opening div tags have an identical finish /div tag. For those who get misplaced, double verify your supply code in a browser… div tags might open in your header.php and shut in your footer.php
When you get the techie stuff in place, lets not overlook semantics.
If I convert to WordPress, will I lose my web page rank and present visitors? Earlier than shifting any nicely established web site, have 301 redirects able to go for when the brand new website goes stay. Even in case you create the very same web page, WordPress will create totally different URLs than what your present website has proper now. Redirects will level search engines like google from the previous web page, to the brand new web page, letting it know that a transfer has been made. Search engines like google will comply with accordingly so your conversions might be seamless with little down time and no visitors loss. Construct the location in a short lived location, create your redirects and transfer every little thing over to your area at one time.
Should you’re not very useful with net code, knowledgeable designer or net developer ought to give you the chance convert your HTML to WordPress so you’ll be able to spend your helpful time doing what makes your website extra profitable, like creating content material!