Skip to content

Conversation

@alexislloyd
Copy link
Contributor

Proposed guidelines for when to include a setup state in your block design. Would appreciate feedback on content and validation of markdown syntax.

@alexislloyd alexislloyd added [Type] Developer Documentation Documentation for developers Needs Design Feedback Needs general design feedback. labels Dec 18, 2018
Copy link
Contributor

@chrisvanpatten chrisvanpatten left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Small review for markdown syntax. Haven't reviewed content yet but I'm sure it's great 👍

Often a block will use the placeholder content to walk users through a setup process. The setup process gathers information from the user that is needed to render the block. A block’s setup state is indicated with a grey background to provide clear differentiation for the user. Not all blocks have setup states — for example, the paragraph block.


![An example of a gallery block’s setup state on a grey background](https://make.wordpress.org/design/files/2018/12/gallery-setup.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Only needs one newline around the image :)

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(Applies to all images in the document, fwiw, but I won't note them all as that would be tedious and annoying!)

@jasmussen
Copy link
Contributor

Overall I dig this a lot, thanks for doing this!

I found myself initially confused by the term "setup state", but after reading through the document, not only was it clear to me, but I also realized that the term we've used so far for this type of content — "placeholder" — may not have been ideal, as nothing is shown on the frontend when saving placeholder content.

Still, I do think it would be worth adding, perhaps just in the introductory paragraph or as a separate paragraph, a small narrative glossary of terms. Could be as simple as "A setup state, also sometimes referred to as placeholder", or something in that vein.

Also, final thing — the images used in the gallery, do we know that we have permission to use those? If not, I can find a few, or you can probably find some on https://www.pexels.com/. Note to be careful with Unsplash, I believe their terms are not as open source as we need them to be.

@jasmussen
Copy link
Contributor

By the way, this needs a rebase to fix the merge conflict, if you like, I can do that for you tomorrow.

Proposed guidelines for when to include a setup state in your block design. Would appreciate feedback on content and validation of markdown syntax.
@jasmussen
Copy link
Contributor

Rebased!

Made edits in response to comments from @jasmussen and @chrisvanpatten one #12985:

- Removed extra new lines around images
- Updated wording to resolve any confusion around setup state vs placeholder nomenclature.
Copy link
Contributor

@jasmussen jasmussen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I dig it 👍 👍

I'll let Chris chime in as well.

Also I think once the checks pass it should be fine to merge, because it's a doc, but CC: @youknowriad just to be sure. Things have changed on the merge front up until very recently.

@youknowriad youknowriad added this to the Documentation & Handbook milestone Dec 19, 2018
Copy link
Contributor

@chrisvanpatten chrisvanpatten left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great to me!

@gziolo gziolo merged commit 882166f into master Dec 20, 2018
@gziolo gziolo deleted the update/design-docs branch December 20, 2018 14:55
youknowriad pushed a commit that referenced this pull request Jan 9, 2019
* Update block design guidelines to include info on setup states

Proposed guidelines for when to include a setup state in your block design. Would appreciate feedback on content and validation of markdown syntax.

* Edited block-design.md to reflect comments on #12985

Made edits in response to comments from @jasmussen and @chrisvanpatten one #12985:

- Removed extra new lines around images
- Updated wording to resolve any confusion around setup state vs placeholder nomenclature.
youknowriad pushed a commit that referenced this pull request Jan 9, 2019
* Update block design guidelines to include info on setup states

Proposed guidelines for when to include a setup state in your block design. Would appreciate feedback on content and validation of markdown syntax.

* Edited block-design.md to reflect comments on #12985

Made edits in response to comments from @jasmussen and @chrisvanpatten one #12985:

- Removed extra new lines around images
- Updated wording to resolve any confusion around setup state vs placeholder nomenclature.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Needs Design Feedback Needs general design feedback. [Type] Developer Documentation Documentation for developers

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants