Home » Docs » WP Scratch » HUMAN
📍 Unpin 🔗 Copy Link 📋 Copy Markdown ⬇️ Download
2 min read

Human Notes

Prompts:

  • I'd like to learn how to use theme.json and tailwind to make custom themes

  • I'd like to learn how to make custom WP blocks.

  • I'd like to automate adding new config to theme.json

  • I'd like to automate adding new blocks

  • I'd like to automate adding new patterns and parts based on the templates

  • I'd like to make a theme compiler based on whats needed from an initial package

  • How can I preload these fonts to improve performance?

  • How can I optimize the loading of my Tailwind CSS file for production?

  • Can you help me set up a "critical CSS" path to inline styles for above-the-fold content?

  • Can you show me how to defer the loading of the main style.css so it doesn't block rendering?

  • How can I use an NPM package like critical to automatically generate this critical.css file during build?

Notes:

Learning how to make custom themes since WordPress has expanded this system 3 years ago has been a challenging but intuitive challenge. I know have a basic understanding of how to leverage these systems but will need to look into deeper knowledge.

Hurdles:

  • Initially difficult to grasp adding custom blocks and get them to show up without a npx kit
  • Still not sure how to incorporate ACF, need to see the limits of free version (cant assign to block?)
  • Initially difficult to grasp how to expand theme.json
  • Guides written for BLOCKS.md, FONTS.md, and COLORS.md helped overcome this process
Created: March 17, 2026 • Last Modified: February 22, 2026