Skip to content

Schema Builder

The Schema_Builder class provides a visual admin interface (built with Vue.js) for managing JSON-LD structured data (schema.org markup) on a per-page basis. It helps improve SEO by letting content editors add structured data without touching code.


  • Visual editor: Vue-based admin UI for building schema objects
  • Per-page schemas: Each page/post can have its own structured data
  • REST API powered: Uses a custom endpoint for saving/loading schemas
  • Standard types: Supports common schema.org types (Organization, WebPage, FAQ, Article, etc.)
  • Auto-injection: Schemas are automatically output in the <head> of the page

  1. The class registers an admin page under the Terra menu
  2. Content editors use the Vue interface to select a schema type and fill in the fields
  3. The schema is saved as post meta via a REST API endpoint
  4. On the frontend, the schema is automatically injected as a <script type="application/ld+json"> tag in the page head

The Schema Builder is instantiated in functions.php as part of the framework defaults. No project-level configuration is typically needed β€” it works out of the box for all post types and pages.

Knowledge Check

Test your understanding of this section

Loading questions...