Getting started
Quick workflow
Section titled “Quick workflow”- Activate CoverKit.
- Create a template — CoverKit → Add New (under Media → CoverKit).
- Design the layout — Add layer blocks; set canvas size in the template editor to match your output (for social link previews, 1200×630 is a common size).
- Configure a use case — In the template sidebar, enable a use case (for example Featured image or Open Graph image), map fields (for example post title) to layers, and save. See How to configure use cases.
- Publish the template.
- Verify — Check the output your use case provides: front-end
og:imagefor Open Graph, the post thumbnail for featured image, or the Sandbox live 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 built-in use cases:
- Featured image — generated post thumbnails on the site
- Open Graph image — social link preview meta on the front end
- Sandbox — editor-only profile for testing layouts, mappings, and live preview
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 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
Layer 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 (Layer, Meta, Canvas) | editor/blocks.md |
| Stale or old images | caching/clearing-cache.md |