CoverKit in the block editor
CoverKit appears in two different editing contexts. They share blocks and styling ideas, but they serve different jobs.
CoverKit template editor
Section titled “CoverKit template editor”Where: Media → CoverKit → open or add a template.
Purpose: Design a reusable layout—canvas size, background, and shape layers—that use cases and the Canvas block can reuse later.
You configure:
- Layers, colors, typography, and canvas dimensions
- Use cases (Open Graph, sidebar preview, and so on) in the CoverKit sidebar
See Template editor for the full walkthrough of the UI (sidebar, infobar, layers, preview).
Post and page editor
Section titled “Post and page editor”Where: Any post or page that supports the block editor.
Purpose: Embed a CoverKit-generated image on real content using the CoverKit Canvas block—not to replace your main template designs.
Typical flow:
- Insert a CoverKit Canvas block.
- Optionally use Insert from Template to copy layers from a saved template.
- Adjust layers inside the canvas; on the front end, the block renders as a generated image.
See Blocks for Canvas, Shape, and how templates connect to posts.
Where to go next
Section titled “Where to go next”| Goal | Doc |
|---|---|
| Design a reusable template | Template editor |
| Shape, Meta, and Canvas blocks | Blocks |
| Open Graph, sidebar preview, outputs | Use cases |
| What a template is (overview) | Templates |