How to Convert a Static HTML Website to WordPress

Inventory your existing static HTML site

Before touching anything, build a list of what you actually have:

• Every page URL (use your existing sitemap.xml, or crawl with Screaming Frog's free tier — covers up to 500 URLs)
• The "master" template — usually one common header/footer/sidebar that repeats across every page
• Pages that look unique (one-offs that may need their own WordPress page templates)
• Blog posts or news entries (these will become WordPress Posts, distinct from Pages)
• Forms, embeds, or third-party widgets that need re-implementing

Save this as a spreadsheet — you'll cross-reference it during stage 3.

Convert your design into a WordPress theme

Pick the page that best represents your site's design — usually the homepage, or a typical inner page. This single conversion gives you the theme that will apply to every page in WordPress.

Paste the URL (or upload the HTML) into HTMLtoWP and download a complete WordPress theme. You only do this once, regardless of how many pages your site has.

Step-by-step: How to convert HTML/CSS to a WordPress theme.

Recreate content in WordPress

Theme is installed. Now each page in your inventory needs to exist in WordPress as a Page or Post. Three approaches by site size:

• Under 20 pages: manual copy/paste. Open each old .html file, select the body content, paste into a new WP Page. Tedious but bulletproof.
• 20–200 pages: use the HTML Import 2 WordPress plugin — walks a folder of HTML files and creates Pages or Posts from each, mapping the body content automatically. Some manual cleanup follows.
• Over 200 pages, or repetitive content: WP All Import with a CSV of titles, slugs, and HTML content. Mature, well-documented, handles custom fields if you have them.

For blog posts: convert dates, categories, and tags from your static structure to WP Categories and Tags during import — much easier than retrofitting later.

Redirects, DNS, and SEO preservation

The biggest risk in a static-to-WordPress move is breaking your URLs. Every existing link from the rest of the internet — Google, social media, email signatures — points to your old URLs. Preserve them:

• Pretty permalinks in WP: Settings → Permalinks → Post name. Gives you /about/ instead of /?page_id=42.
• 301 redirects for every old URL: /about.html → /about/, /blog/post-name.html → /blog/post-name/. Use the Redirection plugin or your hosting provider's redirect rules.
• XML sitemap: install Yoast or Rank Math, generate a sitemap, submit to Google Search Console.
• Watch 404s for the first month — every 404 in Search Console is a missed redirect. Add as you discover them.

Done in this order, you keep your search rankings, your inbound links keep working, and visitors don't see a single broken page.