Comments (5)
I added the preview link as a possible location for both desktop/mobile preview as well as maybe theme switching.
I always forget it does that because that's never behavior I want when writing — but it makes much more sense here 👍
from pattern-directory.
Should the editor have a different icon/header/something to indicate it's the pattern submission tool and not the regular editor on one of the user's sites?
I have tried using the block-editor template/template-part maker for Full Site Editing, along with generating a pattern using #21 and I am consistently confused when I get to the block-editor. It's very difficult to understand the context. I think Gutenberg is going to need a way to better identify the context within the block editor or all these parts are going to end up rolling their own views (which we probably don't want). It may make sense to open a ticket in Gutenberg asynchronously to get the conversation going.
from pattern-directory.
In #21 I set up the viewportWidth
as a dropdown of fixed widths (narrow: 800, wide: 1100, extra wide: 1400) — I'm not sure there's much benefit in letting people control this to the pixel, but maybe the slider could snap to the 100s or 50s?
Should the editor have a different icon/header/something to indicate it's the pattern submission tool and not the regular editor on one of the user's sites?
Is the full screenshot the entire page, or do you still expect to have the WordPress.org wrapper around the content like this (except not a hacky photoshop 🙂 )
Are there controls we should remove from the editor (like block installation)?
When I was building the proof-of-concept, I took the opposite approach, starting at just content editor and adding to it. So I think the inserter with only core blocks (for now(?)), undo/redo, and the selection modes (maybe) are all that's needed. Preview also doesn't make sense here, since this is the preview.
from pattern-directory.
I set up the viewportWidth as a dropdown of fixed widths (narrow: 800, wide: 1100, extra wide: 1400) — I'm not sure there's much benefit in letting people control this to the pixel, but maybe the slider could snap to the 100s or 50s?
@ryelle Right! The slider would snap to 100s (or whatever feels good there).
Preview also doesn't make sense here, since this is the preview.
Ah yes. I added the preview link as a possible location for both desktop/mobile preview as well as maybe theme switching. Def not needed right away.
from pattern-directory.
Closing this issue - the panel exists, and we can review the content inside in another issue (if needed).
from pattern-directory.
Related Issues (20)
- I am not able to replce media on existing image
- Error when clicking Preview in Pattern Maker Editor HOT 5
- Improvising Patterns Directory - Add option for patterns variations. HOT 3
- Pattern About Page Spacing - Mobile View HOT 1
- Remove reliance upon gutenberg_initialize_editor().
- The text within the select option (dropdown) is slightly truncate HOT 2
- The top right screen corner panel disappearing after switching preview mode in the pattern editor HOT 1
- Pattern editor font family differs from pattern preview
- Pattern editor content width issue HOT 2
- Add UI for blockType and postType
- Patterns categories terms translations rendering when there are apostrophes HOT 1
- Inconsistent categories within inspector and submission modal
- Proposal: Don't ship core patterns to WordPress sites in the "Featured" category
- Update categories on the pattern directory site
- Support viewport width
- Add support for creating patterns for templates, using template types
- Expose template types as categories
- Creator: Can't update cover block background image HOT 1
- Row item justification not displaying properly in Editor
- Welcome Guide: Button text hidden
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pattern-directory.