4wp.dev – FSE WordPress development

Step 1: Basic Theme Structure – FSE Theme Development

—

by

Anatoliy Dovgun

Step 1: Basic Theme Structure

Create the fundamental folder structure for a Full Site Editor (FSE) theme following WordPress best practices.

Code Snippet:

cd wp-content/themes/starry
mkdir -p {assets/{css,js,images},inc,parts,patterns,styles,templates}

What This Creates:

  • assets/ – Static files (CSS, JS, images)
  • inc/ – PHP includes and functions
  • parts/ – Template parts (header, footer, etc.)
  • patterns/ – Block patterns
  • styles/ – Theme style variations
  • templates/ – HTML template files

Next Step:

After creating the structure, we’ll add the essential theme files (style.css, theme.json, functions.php).

Resources & References