{"id":919,"date":"2018-12-26T20:41:39","date_gmt":"2018-12-26T18:41:39","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=919"},"modified":"2018-12-26T20:45:22","modified_gmt":"2018-12-26T18:45:22","slug":"how-to-convert-your-html-site-to-wordpress","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/","title":{"rendered":"How to Convert Your HTML Site to WordPress"},"content":{"rendered":"<p>If you came of age during the 90&#8217;s, you likely remember watching \u201cFriends\u201d on TV, eating cereal Saturday mornings while watching cartoons, and staying up late to play video games using your Game Boy Color. When you searched the web during that time, all websites had nothing but text and static HTML. Fast-forward two decades and \u201cFriends\u201d is on streaming services or syndication, Saturday cartoons have been replaced with entire channels dedicated to the genre, and handheld video games are most commonly played on your mobile phone.<\/p>\n<p><a href=\"\/articles\/how-to-convert-your-html-site-to-wordpress\/\"><img decoding=\"async\" class=\"aligncenter\" src=\"\/articles\/wp-content\/uploads\/2018\/12\/convert-static-html-wordpress.jpg\" alt=\"how to convert static html to wordpress\" \/><\/a><br \/>\n<!--more--><\/p>\n<p>HTML only websites have given way to websites that are more complex. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website creators. A lot of this new flexibility is thanks to<a href=\"\/articles\/differences-static-html-wordpress\/\" rel=\"noopener\"> projects like WordPress<\/a>. Now, just about anyone who installs WordPress can quickly create an exciting website with functionality that was not thought of decades ago. They don\u2019t need code, and they don\u2019t need HTML.<\/p>\n<p>What can you do if you want to migrate your HTML only site to a WordPress site? Thankfully, there are a number of options available to address this problem.<\/p>\n<h2>Three Ways to Migrate Your HTML Site to WordPress<\/h2>\n<ol>\n<li><strong> Manually Make a WordPress Site Based on a Static HTML Site<\/strong><br \/>\nDepending on your level of expertise with coding, this may not be a difficult option, or it may be a daunting task. The idea is to take the code that you already have and use that as a base in creating WordPress theme files. You\u2019ll need a little bit of PHP, CSS, and HTML experience. But, at the end of the day, you\u2019re going to be doing a lot of copying and pasting.<\/p>\n<p>The good side is that you will have a WordPress theme that looks like your original site. The downside is that you won\u2019t have the WordPress flexibility that allows you to use widgets and edit your site on WordPress&#8217; back end.<\/li>\n<li><strong> Take a Pre-Made Theme and Then Move Your Content over to It<\/strong><br \/>\nWordPress has so many pre-made themes that you will likely find one that has a similar feel and style to the site you have. You can simply adjust it so that its<a href=\"\/articles\/avoid-html-website-features\/\" rel=\"noopener\"> design and appearance<\/a> resembles your old website. If you do this, you will have complete access to all of the features of WordPress. In the future, you can expand that existing theme, taking advantage of the best that WordPress has to offer.<\/li>\n<li><strong> Pay Someone to Do It for You<\/strong><br \/>\nThis option has the benefit of being the easiest option on our list. Depending on your budget, you can find someone who\u2019s experienced at migrating HTML only sites to WordPress to do it for you. The downside is that you miss out on getting a feel for how WordPress works. Once you understand how WordPress works, you will be able to do a lot of the adjusting yourself when needed. Something that not many know is that some of<a href=\"https:\/\/hostingcanada.org\" target=\"_blank\" rel=\"noopener\"> Canada\u2019s best web hosting<\/a> companies offer HTML to WordPress migrations for free.<\/li>\n<h2>How to Manually Make a WordPress Site Based on Static HTML<\/h2>\n<p>Start by <strong>creating a theme folder<\/strong> with basic files. It\u2019s a lot like when you create a directory on your computer, so you can pick whatever name you want. Then, use a code editor to create various text files. They should have the following names:<\/p>\n<ul>\n<li><strong> style.css<\/strong><\/li>\n<li><strong> index.php<\/strong><\/li>\n<li><strong> header.php<\/strong><\/li>\n<li><strong> sidebar.php<\/strong><\/li>\n<li><strong> footer.php<\/strong><\/li>\n<\/ul>\n<p>You will get back to those in a minute.<\/p>\n<p>Next, <strong>Copy Your Existing CSS<\/strong> onto Your WordPress Stylesheet.<\/p>\n<p>This goes into the <em>style.CSS<\/em> file you created earlier. Here you will need to include things such as:<\/p>\n<ul>\n<li><strong> Author \u2013 Your name<\/strong><\/li>\n<li><strong> Theme Name \u2013 The name you want to give your theme<\/strong><\/li>\n<li><strong> Description \u2013 How you wish to describe your theme<\/strong><\/li>\n<li><strong> Author URI \u2013 This links to your homepage<\/strong><\/li>\n<\/ul>\n<p>Following the header, you should copy and paste CSS from your original static HTML website. Save things and close things up.<\/p>\n<p>Before doing the next step, it\u2019s good for you to understand the way that WordPress works. WordPress relies on PHP when it wants to call and retrieve data from underlying databases. The files that you are creating indicate to WordPress where each piece of content will be displayed. In this step you\u2019re basically taking the HTML that you\u2019ve created and will paste it in different files so that WordPress knows where to put them.<\/p>\n<p>We\u2019ll start with the index.html file. You want to <strong>copy portions of your index.html<\/strong> that are on the left of the following list and paste them into the file that is on the right of the list. After you paste, you save and close.<\/p>\n<ul>\n<li>From the top of the file to the opening DIV class=\u201cmain\u201d &gt;&gt; header.php file<\/li>\n<li>Everything inside the aside class =\u201dsidebar\u201d including the element &gt;&gt; sidebar.php<\/li>\n<li>Everything after your sidebar &gt;&gt; footer.php file<\/li>\n<li>All of the remaining information in your index.HTML file&gt;&gt; index.php file<\/li>\n<\/ul>\n<p>Close the <em>index.html<\/em> file<\/p>\n<p>Now, you will <strong>finalize your index.php file<\/strong>. You do this by placing &lt;?php get_header(); ?&gt; at the top of the file.<\/p>\n<p>Then, at the bottom of the file, you will place &lt;?php get_sidebar(); ?&gt; &lt;?php get_footer(); ?&gt;<\/p>\n<p>The last thing to do is to make a loop. This is what WordPress is going to use when displaying your content to those who visit your site. Add the following code:<\/p>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #000000;\"> have_posts<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">:<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">while<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #000000;\"> have_posts<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">:<\/span><span style=\"color: #000000;\"> the_post<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"post-<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_ID<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> post_class<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"post-header\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"date\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_time<\/span><span style=\"color: #808030;\">(<\/span> <span style=\"color: #0000e6;\">'M j y'<\/span> <span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">h2<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">a<\/span> <span style=\"color: #074726;\">href<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_permalink<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #074726;\">rel<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"bookmark\"<\/span> <span style=\"color: #074726;\">title<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"Permanent Link to <\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_title_attribute<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_title<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">a<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">h2<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"author\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_author<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #696969;\">&lt;!--end post header--&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"entry clear\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span> <span style=\"color: #400000;\">function_exists<\/span><span style=\"color: #808030;\">(<\/span> <span style=\"color: #0000e6;\">'add_theme_support'<\/span> <span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">)<\/span><span style=\"color: #000000;\"> the_post_thumbnail<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> the_content<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> edit_post_link<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> wp_link_pages<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span> <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #696969;\">&lt;!--end entry--&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"post-footer\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"comments\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> comments_popup_link<\/span><span style=\"color: #808030;\">(<\/span> <span style=\"color: #0000e6;\">'Leave a Comment'<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #0000e6;\">'1 Comment'<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #0000e6;\">'% Comments'<\/span> <span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #696969;\">&lt;!--end post footer--&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #696969;\">&lt;!--end post--&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">endwhile<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #696969;\">\/* rewind or continue if all posts have been fetched *\/<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"navigation index\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"alignleft\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> next_posts_link<\/span><span style=\"color: #808030;\">(<\/span> <span style=\"color: #0000e6;\">'Older Entries'<\/span> <span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span> <span style=\"color: #074726;\">class<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"alignright\"<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #5f5035;\">&lt;?php<\/span><span style=\"color: #000000;\"> previous_posts_link<\/span><span style=\"color: #808030;\">(<\/span> <span style=\"color: #0000e6;\">'Newer Entries'<\/span> <span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span><span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span>\r\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #800000; font-weight: bold;\">div<\/span><span style=\"color: #a65700;\">&gt;<\/span><span style=\"color: #696969;\">&lt;!--end navigation--&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">else<\/span> <span style=\"color: #800080;\">:<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<span style=\"color: #5f5035;\">&lt;?php<\/span> <span style=\"color: #800000; font-weight: bold;\">endif<\/span><span style=\"color: #800080;\">;<\/span> <span style=\"color: #5f5035;\">?&gt;<\/span>\r\n<\/pre>\n<p>Save your index.PHP file and then close it.<\/p>\n<p>Finally, the time has arrived to <strong>upload your new theme<\/strong>. This means taking all of the theme files that you stored with your theme folder and allowing them to access your WordPress install directory. You can do this by taking your new theme folder and putting it inside the\/WP \u2013 content\/themes\/folder. Then, go to WP admin&gt; appearance&gt; themes&gt; you should see your new theme. Activate the new theme, and all that\u2019s left is adding your old content.<\/p>\n<h2>But That Seems Complicated<\/h2>\n<p>If the above-mentioned steps are complicated, then we recommend using the two other methods we mentioned, either taking an existing theme and adjusting it to meet your needs or having a professional do it for you.<\/p>\n<p>If you\u2019re like most people, once you start using WordPress, you\u2019re not going to want to go back to any other way of making websites. WordPress is full of themes, plug-ins, and resources. It has tricks, tips, variations, and a vibrant community to help you.<\/p>\n<p>Do you have any experience migrating HTML only websites to WordPress? We would like to hear from you in the comments section below.<\/p>\n<p><!--by siamohajer --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you came of age during the 90&#8217;s, you likely remember watching \u201cFriends\u201d on TV, eating cereal Saturday mornings while watching cartoons, and staying up late to play video games using your Game Boy Color. When you searched the web during that time, all websites had nothing but text and static HTML. Fast-forward two decades &hellip; <a href=\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Convert Your HTML Site to WordPress&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-919","post","type-post","status-publish","format-standard","hentry","category-articles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Convert Your HTML Site to WordPress<\/title>\n<meta name=\"description\" content=\"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Convert Your HTML Site to WordPress\" \/>\n<meta property=\"og:description\" content=\"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-26T18:41:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-26T18:45:22+00:00\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"How to Convert Your HTML Site to WordPress\",\"datePublished\":\"2018-12-26T18:41:39+00:00\",\"dateModified\":\"2018-12-26T18:45:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\"},\"wordCount\":1134,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\",\"url\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\",\"name\":\"How to Convert Your HTML Site to WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"datePublished\":\"2018-12-26T18:41:39+00:00\",\"dateModified\":\"2018-12-26T18:45:22+00:00\",\"description\":\"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Convert Your HTML Site to WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Convert Your HTML Site to WordPress","description":"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/","og_locale":"en_GB","og_type":"article","og_title":"How to Convert Your HTML Site to WordPress","og_description":"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website","og_url":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2018-12-26T18:41:39+00:00","article_modified_time":"2018-12-26T18:45:22+00:00","author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"How to Convert Your HTML Site to WordPress","datePublished":"2018-12-26T18:41:39+00:00","dateModified":"2018-12-26T18:45:22+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/"},"wordCount":1134,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"articleSection":["Articles"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/","url":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/","name":"How to Convert Your HTML Site to WordPress","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"datePublished":"2018-12-26T18:41:39+00:00","dateModified":"2018-12-26T18:45:22+00:00","description":"HTML only websites have given way to more complex sites. They provide a more immersive, exciting, and enjoyable experience for visitors as well as website","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/how-to-convert-your-html-site-to-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"How to Convert Your HTML Site to WordPress"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=919"}],"version-history":[{"count":4,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/919\/revisions"}],"predecessor-version":[{"id":924,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/919\/revisions\/924"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}