We appreciate WordPress, that’s a reality. WordPress “likes to say” that it really is the two “free of charge and priceless at the similar time”. Now, 415,274 bloggers on WorpPress.com would agree, not to mention the uncountable amount of self hosted WordPress web-sites all about the globe. With its extendability and simplicity of use, its not just for blogs any longer.
Now, we know that WordPress is great preference, but what if you presently have a prosperous HTML web site? Or are in appreciate with a particular HTML or CSS template? Is there a way to transform it to WordPress so you can have the style and design that you want and continue to make the most of the the great electrical power that is WordPress?
Of study course there is.
WordPress themes are built on the similar essential code as any HTML template. You just want to know where that code goes…
How to Convert HTML to WordPress:
WordPress themes are split into separate php documents. header. articles. sidebar. footer. Just take a peek within a existing WordPress topic to unravel the secret. Sites begin at the index web site so we will begin there and observe the code by. The index.php will first connect with the header.php. This is where your HTML tags, title and meta tags, web-site title or symbol and navigation will go. Then you must see the php code for the articles or the ‘loop’ as WordPress calls it. You’ll also see calls for the sidebar.php and footer.php. Look within people documents and you are going to see the code that builds people places.
Notice the ‘div’ tags that wrap the web site features. HTML is now mostly built with div tags as a substitute of tables. Most div’s are assigned a CSS fashion with a label (selector). Labels can be both an ID (#) or a Class (.) These designs are described in a different file termed fashion.css. Look by and match the CSS fashion to the congruent div tag.
Individuals with HTML practical experience or some major gumption can copy and paste the HTML code straight into a essential WordPress topic. For every single div tag with a label, also include that fashion into fashion.css. When changing your HTML to WordPress, a excellent solution is to diligently wrap the php code that is there among div tags. Make particular that any opening div tags have a matching close /div tag. If you get missing, double verify your supply code in a browser… div tags may open up in your header.php and near in your footer.php
As soon as you get the techie things in location, lets not neglect semantics.
If I transform to WordPress, will I lose my web site rank and existing website traffic? Ahead of going any well proven web site, have 301 redirects prepared to go for when the new web-site goes stay. Even if you build the correct similar web site, WordPress will build different URLs than what your present web-site has correct now. Redirects will stage search engines from the aged web site, to the new web site, allowing it know that a move has been manufactured. Research engines will observe appropriately so your conversions will be seamless with tiny down time and no website traffic reduction. Build the web-site in a short term spot, build your redirects and move every thing about to your area at 1 time.
If you might be not incredibly useful with website code, a skilled designer or website developer must be equipped transform your HTML to WordPress so you can expend your precious time carrying out what tends to make your web-site extra prosperous, like making articles!