• Pinegrow is not a page builder, but does allow for some similarities. Instead, Pinegrow lets you build custom WordPress Themes and Custom WordPress blocks. You can separate your content and style and create custom controls for your blocks for your end user. You can use blocks you make in Pinegrow with other WordPress themes.
  • Pinegrow is not a page builder, but does allow for some similarities. Instead, Pinegrow lets you build custom WordPress Themes and Custom WordPress blocks. You can separate your content and style and create custom controls for your blocks for your end user. You can use blocks you make in Pinegrow with other WordPress themes.
  • My main usecase is creating custom blocks for clients to use, at least for now- not creating entire custom FSE or classic themes, but you can
  • Blocks and Themes created with Pinegrow do not require Pinegrow and can be edited (if you know React!) No reliance on any 3rd party page builder, plugin author, or addon (besides the custom block plugin or theme you make).
    1. React VS PHP
      1. PHP Pinegrow Blocks: These blocks use PHP, a server-side language. They’re good for dynamic content and are commonly used in traditional websites or WordPress themes.
      2. React Pinegrow Blocks: These blocks use React.js, a JavaScript library. They’re great for creating interactive elements and modern web apps. They run on the client-side, meaning they’re rendered in the user’s browser.
      3. Hybrid Pinegrow Blocks: These blocks mix PHP and React. They can handle server-side processing with PHP and offer interactivity with React on the client-side. They’re versatile and can combine the strengths of both technologies.
  • Add lightweight libraries like AlpineJS for tabs, accordions, and other interactive elements. Use Bootstrap, Tailwind, or, as I’ll show here, Automatic CSS. You can also use Coreframework, or any other 3rd party or custom frameworks.

Required Steps

  1. Install PG Pro
  2. Install ACSS
  3. Enable Gutenberg options in ACSS
  4. Grab style sheet link to ACSS (File manager plugin, ftp, server, etc)
  5. Add style sheet to index.html in Pinegrow
  6. Refresh Stylesheet list in Pinegrow