4. Elements Module (GP Premium)

Elements are the power feature: conditional components that let you customize without editing theme templates.

What You'll Be Able To Do

• Create Hook Elements for targeted output
• Build conditional page sections with Block Elements
• Control layout changes with Layout Elements

flowchart TD
  A[Element] --> B[Location]
  B --> C[Display rules]
  C --> D[Rendered output]

Lessons

Lesson	Outcome
Overview	Understand what Elements are and when to use them
Hook Elements	Inject targeted output using hooks and rules
Block Elements	Build reusable sections with block-based Elements
Layout Elements	Apply conditional layout changes
Header Elements	Create conditional headers and hero regions

Completion Checklist

Check	Done when...
Hooks	You can inject markup without duplicates
Rules	Display rules follow a predictable stack
Maintenance	Elements are named and scoped clearly

What's Next

• Continue to: GenerateBlocks Integration