Getting started
Quick workflow
Section titled “Quick workflow”- Activate CoverKit.
- Create a template — CoverKit → Add New (under Media → CoverKit).
- Design the layout — Add shape layers; set canvas size in the template editor (1200×630 works well for Open Graph).
- Configure a use case — In the template sidebar, enable Open Graph image, map fields (for example post title) to layers, and save. See How to configure use cases.
- Publish the template.
- Verify — View a matching post on the front end and check page source for
og:image, or use the sidebar preview while editing.
Placeholder: Capture the CoverKit template editor sidebar with Open Graph image enabled and a post title mapping selected.
Built-in use cases
Section titled “Built-in use cases”CoverKit ships three use cases today:
- Open Graph image — share preview meta on the front end
- Sidebar image — preview while editing a template
- Minimal — base output profile without extra front-end hooks
Enable and configure them per template in the editor sidebar (not on a separate global screen). Overview: Use cases.
Dynamic fields
Section titled “Dynamic fields”Map shape layers to WordPress data, for example:
- Post title, excerpt, date, permalink, author
- Featured image
- Site name, description, URL, logo
- Custom fields when supported in the mapping UI
Shape text can also include {field_key} tokens resolved at render time. Details: How to configure use cases.
Settings
Section titled “Settings”Open Settings → CoverKit to set the default output image format and manage dimension presets used when creating templates.
Next steps
Section titled “Next steps”| Topic | Doc |
|---|---|
| Template editor UI | editor/template-editor.md |
| Blocks (Shape, Meta, Canvas) | editor/blocks.md |
| Stale or old images | caching/clearing-cache.md |