Skip to content
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

Consider adding a layout grid or guides to the site editor #41234

Open
beafialho opened this issue May 23, 2022 · 2 comments
Open

Consider adding a layout grid or guides to the site editor #41234

beafialho opened this issue May 23, 2022 · 2 comments
Labels
[Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. [Type] Feature New feature to highlight in changelogs.

Comments

@beafialho
Copy link

I decided to open this issue but let me know if this has been raised elsewhere.

Landing in a blank canvas is great for writing, but when you're designing a site or theme, visual guidance is desirable. Hence, a grid you could toggle on/off would be neat to have, given the responsive nature of the site editor.

A quick example of what customisation features it could contain:

  • Number of columns
  • Gutter size
  • Outer margin size

I also made a quick visual example:

Captura de ecrã 2022-05-23, às 12 35 02

cc: @henriqueiamarino

@beafialho beafialho added Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. [Feature] Full Site Editing [Type] Feature New feature to highlight in changelogs. [Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") labels May 23, 2022
@mtias
Copy link
Member

mtias commented May 23, 2022

See also #16271.

@henriqueiamarino
Copy link

The addition of grids on the Editor will require different views and grid variation.
Today we have those views under Preview as Desktop, Tablet and Mobile.

I think Webflow does a good work gathering both topics with simplicity — although they allow editing on a wide range of views, which can be confusing to non-designers. This might be a good initial inspiration here.

grid_media-queries_wf

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. [Type] Feature New feature to highlight in changelogs.
Projects
None yet
Development

No branches or pull requests

4 participants