Split turns any HTML design into an installable WordPress theme, or splits it up into PHP files. All of it happens right here in your browser.
or click to browse
Turn any static HTML design into a fully functional, installable WordPress theme in minutes. This tool creates all the essential theme files: functions.php, index.php, page.php, single.php, archive.php, comments.php, 404.php, plus header.php, footer.php, and style.css.
There's also a companion tool called Skinner, so you can easily restyle the blog post design afterwards.
Don't need WordPress? This tool can still do the classic job: chop your HTML into separate header.php, footer.php, index.php, and style.css files. Perfect for simple PHP sites where you want to avoid copy-pasting navigation or footers across every page.
tl;dr: find the element that wraps your main content and assign its class or ID, like .content or #content as the content wrapper. That's it. Everything above it becomes header.php, everything below becomes footer.php.
No class or ID on your wrapper? Point it at the tag itself instead, like <article>, or manually add an ID (which is recommended).
Once WordPress support is switched on, you can optionally add a custom logo, navigation menus, a sidebar menu, and widget areas, plus post thumbnails and comments. Basically all essentials!
Bonus: it builds a classic theme (not block-based) and ships translation-ready out of the box, so you can localize it later with something like Loco Translate.
PHP files (and WordPress) need a server that actually runs PHP. For WordPress, you'll also need a database and a WordPress installation. They will not work on static hosts like Neocities, GitHub Pages, or Netlify unless you move to a PHP-friendly host.
.content or #content.
No class or ID? Type the tag itself instead, like <article> or <section>.
Though, a unique ID or class is always recommended!
This creates a starter theme, not a ready-to-use theme out of the box. If you decide to turn your existing logo, header image or sidebar menu into a proper WordPress feature, you will still have to do some changes manually because your original code is always kept alongside the WordPress versions.
This is intented, so you always know what the original code looked like and can properly style the WordPress variants. You can edit header.php or footer.php to remove your original placeholder code once you're ready.
/wp-content/themes. Check the Theme Handbook for advanced customization.
header.php or footer.php later to remove the original text, links, or logos once your WordPress setup is complete.<img> tag.Feeling lost? Watch the guide video for a full walkthrough of the WordPress step.