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/