Skip to content

/ gutenberg

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Site Editing: Add option to preview template #28208

Open
annezazu opened this issue Jan 14, 2021 · 2 comments
Open

Site Editing: Add option to preview template #28208

annezazu opened this issue Jan 14, 2021 · 2 comments
Labels
General Interface Needs Design Feedback [Feature] Full Site Editing [Type] Enhancement

Comments

@annezazu
Copy link
Contributor

@annezazu annezazu commented Jan 14, 2021

Description

Currently, when using the template editing flow as described in this call for testing, there's not a way to preview the changes. However, if you edit the same template using the Site Editor, an option is available to preview the template on desktop/mobile/tablet.

Step-by-step reproduction instructions

Please list the steps needed to reproduce the bug. For example:

  1. Install Gutenberg 9.7+ and a FSE ready theme.
  2. Go to Pages > Add New
  3. Make some changes to the page > Save Draft or Publish.
  4. Use the option to edit the template to switch into template editing mode in the post settings section.
  5. Make some changes to the template.
  6. See that there's no option to preview the changes.

Expected behaviour

I expect there to be a way to preview the changes similar to the ability to do so when using the Site Editor experience.

Actual behaviour

There's no way to preview the changes

Screenshots or screen recording (optional)

Here's a quick recording showing the two experiences: https://cloudup.com/cPYwQ1FAA_p

Page > Template editing:
Screen Shot 2021-01-14 at 3 48 23 PM

Site Editor > Selecting a template:
Screen Shot 2021-01-14 at 3 48 05 PM

WordPress information

  • WordPress version: 5.6
  • Gutenberg version: 9.7.2
  • Are all plugins except Gutenberg deactivated? Yes
  • Are you using a default theme (e.g. Twenty Twenty-One)? Yes, TT1 blocks
@annezazu annezazu mentioned this issue Feb 16, 2021
Closed
@annezazu
Copy link
Contributor Author

@annezazu annezazu commented Feb 24, 2021

Pulling in some feedback from a recent WP Tavern post that feels both relevant and reflective of wider feedback I've seen:

There were so many inconsistencies between the site editor and the front end that there is little point in listing them all. Spacing was grossly off. I generally see that as a theme issue. I spent much of my time in trial-and-error mode, making an adjustment in the editor and refreshing to see the front-end result. Rinse. Repeat.
@priethor
Copy link
Contributor

@priethor priethor commented Mar 9, 2021 •
edited

Moreover, the "Preview in Desktop/Tablet/Mobile" doesn't show a real preview of the Frontend and its stored HTML but only resizes the Editor to different sizes, causing the experience commented in WP Tavern. Such experience could be improved with a "Preview Site" or "Browse Mode" as described in #29398 and #23328, respectively.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
General Interface Needs Design Feedback [Feature] Full Site Editing [Type] Enhancement
Projects
None yet
Milestone
No milestone
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants
@annezazu @priethor