Theme Framework How the LeaseLeads theme frontend works

The Backend Bridge

The seam between PHP and the client — how editor data and settings reach your JS and SCSS.

Watercolour painting of the Menam River and its bridges, Bangkok

Everything the editor configures crosses one of three bridges to reach the frontend. Knowing which bridge carries what is most of the job when you wire a Module to its behaviour or its styles.

  1. data-* options — scalar config, read into an instance's options.
  2. Data islands — collections and structured payloads too big for an attribute.
  3. Fields → CSS custom properties — how editor style settings reach SCSS.