Your Interactive Tool Belt

Convert HTML Designs to WordPress

Last updated on November 17, 2015

You can quickly convert your existing HTML design to a WordPress theme in minutes with a few simple steps to follow. Going from HTML to WordPress can often be a difficult task, but is often required as you clients and requirements grow. Export Kit makes it simple to take you current HTML design and convert only the required content to WordPress, with full admin options.

Step-By-Step Video

Step 1: Create The Required Pages

The first step is to convert your content, [header] and [footer] folders in your PSD to HTML design into pages (if not already). WordPress is unique in nature and has minimal required files for loading. You need to have a [index], [header] and [footer] page to correct load the WordPress framework.

Step 2: Customize Your Content

You can export your PSD at this point, but you will most likely want to customize the content on your pages to render from the WP database – or from your admin options. Export Kit is powerful and will give you the ability to do both.

${wp_opt|[OPTION ID]:[OPTION NAME]} - Layers Only

usage: ${wp_opt|home_logo:Logo}

Export Kit works hand-in-hand with the WordPress admin area. You can customize any layer in your PSD design and then edit the property in the WordPress admin, without re-exporting the PSD. This makes it great for the end-user to personalize your WordPress theme to their requirements.