Automattic / Automattic/cortext

Add a Site Preview mode toggle to the canvas

Open
#157 0 comments 0 reactions 0 assignees View on GitHub
area: theming priority: low
Dominant language
JavaScript
Stars
51
Forks
2
Avg merge
3h 12m
Merged PRs (30d)
8

Description

## Goal

When you're prepping a page or row for publication, you want to see how it'll look on the public site, not how it looks in Cortext's editing theme. Add a toggle that swaps the canvas between the Cortext theme (Knowledge mode) and the active WP theme (Site Preview mode).

## Scope

* A toggle in the canvas header with Knowledge and Site Preview options.
* Knowledge mode: canvas renders under Cortext tokens (default).
* Site Preview mode: canvas renders under the active WP theme and theme.json.
* The chosen mode persists per user.

## Out of scope

* Actually publishing the page.
* Sharing or permissions.
* Public-side rendering itself; this only swaps the editor's view.

## Acceptance criteria

* The canvas shows a mode toggle with Knowledge and Site Preview.
* Knowledge mode shows the canvas under the Cortext theme.
* Site Preview mode shows the canvas under the active WP theme.
* The choice survives reload.

Contributor guide

Open the contributing guide

Research direction

Start at the canvas header and its rendering path, then trace how Knowledge mode applies Cortext tokens and how the active WordPress theme and theme.json can be selected. Identify the per-user preference entry point and verify the acceptance criteria: both modes are available, each renders with the requested theme, and the choice survives reload.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, wordpress
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.