Step 1: Basic Theme Structure – FSE Theme Development

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
Full Course on GitHub: https://github.com/4wpdev/4wp-course-fse-theme-development
Theme Code on GitHub: https://github.com/4wpdev/4wp-starter-theme
Course for WordPress developers: https://4wp.dev/course/fse-theme-development/
Author Fullstack WordPress developer: https://anatoliy.dovgun.com/