{"id":96844,"date":"2019-12-03T09:52:33","date_gmt":"2019-12-03T15:52:33","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&#038;p=96844"},"modified":"2024-09-28T12:45:57","modified_gmt":"2024-09-28T17:45:57","slug":"convert-html-to-wordpress-theme","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/","title":{"rendered":"How to Convert HTML Templates to WordPress Themes"},"content":{"rendered":"\n<p>Although web technology has come a long way, there are still websites created <a href=\"https:\/\/wpengine.com\/resources\/wordpress-html\/\">solely with HTML<\/a>. If you happen to own one of them, you might be wondering how you can convert an HTML template into a WordPress theme.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Fortunately, you have several options at your disposal, if you want to convert those HTML files over to WordPress. The techniques that are available range from hands-on manual conversions to partnering with experts who can handle all the heavy lifting.&nbsp;<\/p>\n\n\n\n<p>In this article, we\u2019ll cover four different approaches to HTML template conversion. For each, we\u2019ll provide instructions and resources that can help you bring an HTML-based website into the WordPress fold. There\u2019s a lot to cover, so let\u2019s dive right in!<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Converting HTML to a WordPress Theme Manually<\/h2>\n\n\n\n<p>The first option when it comes to conversion is the manual approach. Since this is a pretty hands-on process, you\u2019ll need to make sure you have access to the files for both your original website and your new one.<\/p>\n\n\n\n<p>Typically, you\u2019ll use a <a href=\"https:\/\/wpengine.com\/support\/sftp\/\">Secure File Transfer Protocol (SFTP) application<\/a> for this purpose. Once you\u2019ve accessed your website, you can proceed with the following steps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Create a Theme Folder<\/h3>\n\n\n\n<p>First, you\u2019ll need to create a folder to hold your new theme files, and label it with your new theme\u2019s name. Using your code editor, you can then create five specific files:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>style.css<\/em><\/li>\n\n\n\n<li><em>index.php<\/em><\/li>\n\n\n\n<li><em>header.php<\/em><\/li>\n\n\n\n<li><em>footer.php<\/em><\/li>\n\n\n\n<li><em>sidebar.php<\/em><\/li>\n<\/ul>\n\n\n\n<p>For now, you can just leave these files blank, and save them to the folder you just created.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Copy and Paste Your Existing CSS<\/h3>\n\n\n\n<p>Your next priority is to customize the <a href=\"https:\/\/www.w3schools.com\/css\/css_intro.asp\">Cascading Style Sheet (CSS)<\/a> file. This is where you\u2019ll outline all the different style elements for your site.<\/p>\n\n\n\n<p>At the top, it\u2019s good practice to add some information about the file. In fact, when it comes to WordPress, there are some elements that <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/main-stylesheet-style-css\/\">are required<\/a> in order for the theme to be featured in the Theme Directory.&nbsp;<\/p>\n\n\n\n<p>Below that information, you\u2019ll then want to paste in any existing CSS styles from your original website that you want to carry over to your new theme.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Separate Existing HTML<\/h3>\n\n\n\n<p>In your original website, the HTML code that designates your header, footer, sidebar, and main content areas are all likely to be in your <em>index.html<\/em> file. Now, you\u2019ll need to portion out each of those elements into the new files you\u2019ve created for your WordPress theme.&nbsp;<\/p>\n\n\n\n<p>For example, in your original website\u2019s <em>index.html<\/em> file, you can locate the first <em>&lt;div&gt;<\/em> tag with the class \u2018main\u2019. Everything that precedes this tag can then be copied and pasted into your new <em>header.php<\/em> file.&nbsp;&nbsp;<\/p>\n\n\n\n<p>You\u2019ll then repeat this process for the \u2018sidebar\u2019 and \u2018footer\u2019 tags. Copy the code contained in each of those elements, and paste it into the respective PHP files.&nbsp;<\/p>\n\n\n\n<p>Now, what you\u2019ll have left is the primary portion of your <em>index.html<\/em> file. This is what makes up the main content layout of your HTML-based website. You\u2019ll need to copy this remaining code, and paste it into your new <em>index.php<\/em> file.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Configure Your Index.php File<\/h3>\n\n\n\n<p>Your next step is to make sure your new index file can locate the files necessary to enable your theme to display your site\u2019s structure and style. To achieve this, you\u2019ll use <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-tags\/\">WordPress template tags<\/a>. These are used to tell the theme to retrieve the header, footer, and sidebar files.&nbsp;<\/p>\n\n\n\n<p>For example, you can have your template display the header file you created by using the following tag:&nbsp;<\/p>\n\n\n\n<p><code>get_header();&nbsp;<\/code><\/p>\n\n\n\n<p>You\u2019ll place this in your <em>index.php<\/em> template file, or on subsequent pages where you want the header to appear. The same applies to your footer.&nbsp;<\/p>\n\n\n\n<p>There\u2019s another important part of your new template that you\u2019ll need to understand as well. This is called <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\">the WordPress loop<\/a> \u2013 a snippet of PHP code that tells the template to pull in posts. It can also be customized to control how many posts are displayed.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Upload Your New Theme<\/h3>\n\n\n\n<p>Now that your new theme is ready for action, you\u2019ll need to place its folder into the <em>wp-themes\/content\/<\/em> directory for your website:<\/p>\n\n\n\n<p>Once you\u2019ve uploaded the files, you can log in to your WordPress dashboard and navigate to <em>Appearance<\/em> &gt; <em>Themes.<\/em> Here, you should see your new theme listed and be able to click <em>Activate<\/em> and start using it.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Importing HTML Content to WordPress Theme With a Plugin<\/h2>\n\n\n\n<p>Another way to handle this process is to use a plugin to transfer content from your old, HTML-based site. Unfortunately, there are very few tools available that are compatible with recent versions of WordPress. You <em>can<\/em> check out a free trial of <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a>, however:&nbsp;<\/p>\n\n\n\n<p>This plugin can scan your entire website and catalog the content that\u2019s movable. It works best if your HTML is well organized and &#8220;clean&#8221; to start with. You\u2019ll also be able to import content such as menus and links.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Importing HTML to WordPress Using a Child Theme<\/h2>\n\n\n\n<p>Another way to move your HTML site into WordPress is with <a href=\"https:\/\/wpengine.com\/resources\/create-child-theme-wordpress\/\">a child theme<\/a>. This has the same base functionality and style as its parent theme, but you\u2019ll be able to preserve any tweaks and customizations you make, even if you update the parent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Choose a Theme<\/h3>\n\n\n\n<p>There are many well-built, free themes to choose from in the <a href=\"https:\/\/wordpress.org\/themes\/browse\/featured\/\">WordPress Theme Directory<\/a>. Once you select one you like, you\u2019ll need to <a href=\"https:\/\/wordpress.org\/support\/article\/using-themes\/#adding-new-themes\">install it<\/a> so that its files will be available in your website\u2019s file directory:<\/p>\n\n\n\n<p>You don\u2019t need to activate this parent theme, however.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Create a Folder for Your Child Theme<\/h3>\n\n\n\n<p>Next, you\u2019ll need to access your files with an FTP application, and create a new folder in your <em>wp-content\/themes<\/em> directory. This file should have the same name as your parent theme, with \u201c-child\u201d added to the end.<\/p>\n\n\n\n<p>For example, if you\u2019re going to create a child theme for <a href=\"https:\/\/wordpress.org\/themes\/twentynineteen\/\">Twenty Nineteen<\/a>, you can create a folder called<em> twentynineteen-child:<\/em><\/p>\n\n\n\n<p>This setup means that your <a href=\"https:\/\/wpengine.com\/resources\/create-child-theme-wordpress\/\">child theme<\/a> will be able to pull functions and styles from the parent theme automatically, once you set up the rest of the necessary theme files.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Set Up a Style Sheet<\/h3>\n\n\n\n<p>Your next step will be to set up your <em>style.css<\/em> file. WordPress requires some <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#2-create-a-stylesheet-style-css\">specific information<\/a> in the style sheet to make the parent-child theme relationship work. You can also paste in additional styling information from your original HTML files if needed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Set Up a Function.php File<\/h3>\n\n\n\n<p>Now that you essentially have two themes you\u2019re working with, you\u2019ll need to tell WordPress that your child theme is dependent on the parent\u2019s CSS. For that, you can use the <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_style\/\"><em>wp_enqueue_style()<\/em><\/a> PHP call.&nbsp;<\/p>\n\n\n\n<p>You\u2019ll first create a <em>function.php<\/em> file, and place it in your child theme\u2019s folder. This is the file where you\u2019ll <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#3-enqueue-stylesheet\">execute the enqueue function<\/a> that spells out the theme dependencies and hierarchy.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Activate Your Child Theme<\/h3>\n\n\n\n<p>Once you\u2019ve uploaded these new files to your website\u2019s server, you can head back to your WordPress dashboard and navigate to <em>Appearance <\/em>&gt;<em> Themes<\/em>. There, you should now see your child theme all ready to go.<\/p>\n\n\n\n<p>Click <em>Activate<\/em> on your child theme to set it as your website\u2019s theme. Then you\u2019re ready to begin copying your HTML website content into your new WordPress site.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use a Paid Service to Bring Your HTML Content to WordPress<\/h2>\n\n\n\n<p>If you don\u2019t have the time or resources to carry out a conversion yourself, you can also check out a conversion service. Additionally, if you need more resources or assistance with migrating other WordPress content, <a href=\"https:\/\/wpengine.com\/\">here at WP Engine<\/a> we offer many solutions and resources for migration and conversion.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. <a href=\"https:\/\/www.hirewpgeeks.com\/services\/html-to-wordpress\/\">HireWPGeeks<\/a><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.hirewpgeeks.com\/\">HireWPGeeks<\/a> is a full-service conversion option. It will handle all the heavy-lifting, and you\u2019ll end up with a flexible, responsive, theme-based WordPress website that\u2019s complete with all your content. You\u2019ll have to contact the company for a quote, but you can plan on its services starting at $89.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. <a href=\"https:\/\/fantastech.co\/html-to-wordpress\/\">FantasTech Solutions<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2019\/12\/fantastech-1024x527.png\" alt=\"Screenshot showcasing the result of converting HTML to a WordPress theme\" class=\"wp-image-110705\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-1024x527.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-300x154.png 300w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-768x395.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-1536x790.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-2048x1054.png 2048w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/fantastech-1500x772.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/fantastech.co\/html-to-wordpress\/\">FantasTech Solutions<\/a> is another HTML-to-WordPress conversion service. It advertises highly-professional conversions from HTML into high-end, well-coded WordPress theme templates. You\u2019ll want to keep in mind that the costs begin at $297 for one page. Additional pages start at $147 each, with exact pricing depending on complexity.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Customize Your HTML to WordPress Experience With WP Engine<\/h2>\n\n\n\n<p>It might seem like a big undertaking, but converting your HTML website over to WordPress can open up many other opportunities. With this highly-flexible and extensible platform, you\u2019ll become more agile and able to deploy new content quickly.&nbsp;<\/p>\n\n\n\n<p>Here at WP Engine, we believe the right <a href=\"https:\/\/developer.wordpress.org\/\">developer resources<\/a> can make a huge impact on your projects. In addition to industry-leading <a href=\"https:\/\/wpengine.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting for WordPress<\/a>, we offer <a href=\"https:\/\/wpengine.com\/plans\/\">plans and pricing tiers<\/a> for any budget!\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Although web technology has come a long way, there are still websites created solely with HTML. If you happen to own one of them, you might be wondering how you can convert an HTML template into a WordPress theme.&nbsp;&nbsp; Fortunately, you have several options at your disposal, if you want to convert those HTML files<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":297,"featured_media":145867,"template":"","resource-topic":[901],"resource-role":[895,896,899],"resource-type":[916],"class_list":["post-96844","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Converting HTML Template to WP Themes| WP Engine\u00ae<\/title>\n<meta name=\"description\" content=\"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Converting HTML Template to WP Themes| WP Engine\u00ae\" \/>\n<meta property=\"og:description\" content=\"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-28T17:45:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/HTML-to-WordPress_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/HTML-to-WordPress_1200x627.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/\",\"name\":\"Converting HTML Template to WP Themes| WP Engine\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2019-12-03T15:52:33+00:00\",\"dateModified\":\"2024-09-28T17:45:57+00:00\",\"description\":\"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Convert HTML Templates to WordPress Themes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521\",\"name\":\"Erin Myers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"caption\":\"Erin Myers\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Converting HTML Template to WP Themes| WP Engine\u00ae","description":"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Converting HTML Template to WP Themes| WP Engine\u00ae","og_description":"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-09-28T17:45:57+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/HTML-to-WordPress_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/HTML-to-WordPress_1200x627.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/","name":"Converting HTML Template to WP Themes| WP Engine\u00ae","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2019-12-03T15:52:33+00:00","dateModified":"2024-09-28T17:45:57+00:00","description":"Need to turn HTML into a proper WordPress theme? WP Engine has you covered. Our guide has comprehensive instructions on how to convert HTML to WordPress themes, hassle free.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/convert-html-to-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Convert HTML Templates to WordPress Themes"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521","name":"Erin Myers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","caption":"Erin Myers"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/12\/HTML-to-WordPress_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Developer, Site Owner","topic":"<strong>Topics:<\/strong> WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/96844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/145867"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=96844"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=96844"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=96844"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=96844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}