Skip to content

[HelpHub]: Styles overview #935

Closed
Closed
[HelpHub]: Styles overview#935
Assignees
sagargurnani99
Labels
6.3Changes in 6.3 releasehigh prioritytracking issueUse to track a series of related issues.user documentation (HelpHub)Improvements or additions to end-user documentation

Description

@femkreations
femkreations
opened on Jul 10, 2023

Article: https://wordpress.org/documentation/article/styles-overview/

Update for 6.3

  • Global styles revisions: move from experimental to 6.3 51474
  • add revisions UI 50089
  • Unify the global block styles panel with the block inspector panels 49428
  • Link to the block type panel when selecting a block with Styles open 49350
  • Caption element UI controls for color and typography 49141
  • Remove copy for managing a block's style variations 48367
  • Add example so that it will display in style book 48300
  • Allow button text labels for style book icon 48088
  • Update 'Additional CSS' subtitle string 47671
  • move shadow into own panel 47634
  • Add Global Styles controls for blocks that support duotone 48255

General

  • Make sure all screenshots are relevant to the latest version
  • Make sure videos, if any, are up to date
  • Add ALT tags for the images
  • Make sure the headings are in sentence case
  • Convert all reusable blocks to a ‘regular block’.
  • Update the changelog at the end of the article

Notes

  1. We are not adding detailed updates for the Block settings - Typography, Color, Layout, Dimension and Border and for the More Options setting in the block toolbar. Pls mention the settings included for the block and link to the detailed settings pages instead.
  2. Some of the PRs have great videos that can be added to the article.

Activity

  1. femkreations
    added
    user documentation (HelpHub)Improvements or additions to end-user documentation
    [Status] To do
    high priority
    6.3Changes in 6.3 release
    on Jul 10, 2023
  2. femkreations
    added this to WP 6.3 Documentationon Jul 10, 2023
  3. femkreations
    moved this to Todo in WP 6.3 Documentationon Jul 10, 2023
  4. Leonardus-Nugraha
    added
    tracking issueUse to track a series of related issues.
    on Jul 25, 2023

  5. sagargurnani99 commented on Aug 8, 2023

    @sagargurnani99
    sagargurnani99
    on Aug 8, 2023
    Collaborator

    Please assign this to me.

  6. zzap
    assigned
    sagargurnani99
    on Aug 8, 2023
  7. github-actions
    added
    [Status] In progressIssue is in progress
    and removed
    [Status] To do
    on Aug 8, 2023
  8. femkreations
    moved this from To do to In Progress in WP 6.3 Documentationon Aug 8, 2023

  9. sagargurnani99 commented on Aug 9, 2023

    @sagargurnani99
    sagargurnani99
    on Aug 9, 2023
    Collaborator
    • Global styles revisions: move from experimental to 6.3 51474

    This is not required, being technical.

    Global styles timeline

    All the changes made to global styles would appear in the global styles sidebar like a list which would show the history of edits made. The rest controller allows only up to 100 revisions to be shown and the revisions panel would only appear when there are more than two revisions.

    global_styles_timeline_video_example.mp4

  10. sagargurnani99 commented on Aug 13, 2023

    @sagargurnani99
    sagargurnani99
    on Aug 13, 2023
    Collaborator
    • Link to the block type panel when selecting a block with Styles open 49350

    New navigate block option - Skip Focus

    When the Global Styles panel is open in the site editor, clicking on a block will now open the settings for that specific block type. To make this happen without causing any disruption to the way you're writing, a new option has been added which is known as the skipFocus. This keeps the focus on the block you're working on.
    This new option could also be helpful in other situations where you need to move to different parts of the website programmatically to other components outside of the editor.

    new-feature-skipfocus.mov

  11. sagargurnani99 commented on Aug 13, 2023

    @sagargurnani99
    sagargurnani99
    on Aug 13, 2023
    Collaborator
    • Caption element UI controls for color and typography 49141

    Customizable caption elements

    The caption elements can be customized through the Global Styles and can be found under the "Color" and "Typography" sections in the editor. So, if you want to apply a font, color or a background to a caption, you can do that from the Global Styles sidebar itself.

  12. 7 remaining items

  13. atachibana commented on Aug 14, 2023

    @atachibana
    atachibana
    on Aug 14, 2023
    Collaborator

    @sagargurnani99
    Thank you for your careful work. My comment on the whole thing.

    • HelpHub is an end user document. Backgrounds about feature changes, past history, and internal workings are unnecessary.
    • The word 'Now' is ambiguous. 'Since WordPress 6.3' is appropriate if you want to emphasize it, which is not necessary in the first place.
    • Please be sure to speak clearly to the end user about the function. Explain what the function is and how to use it.

    Global styles revisions: move from experimental to 6.3 51474

    • I don't think it is required. it is too technical.

    Add revisions UI 50089

    • Remove 'Now'

    Link to the block type panel when selecting a block with Styles open 49350

    • I don't think it is required.
    • At least, later parts of skipFocus is not required in the HelpHub.

    Caption element UI controls for color and typography 49141

    • Remove 'Now'
    • Remove 'Earlier this could only be achieved by modifying the theme.json file.'

    Remove copy for managing a block's style variations 48367

    • No, we don't need it as you say.

    Unify the global block styles panel with the block inspector panels 49428

    • No, we don't need it as you say.

    Add example so that it will display in style book 48300

    • Remove 'Now'
    • Remove 'When there is no site tagline, a placeholder is shown which simply says "A site tagline.".'

    Allow button text labels for style book icon 48088

    • No, we don't need it as you say.

    Move shadow into own panel 47634

    • I don't think it is required.
    • We just update our screenshot with separated Borders and Effects.

    Add Global Styles controls for blocks that support duotone 48255

    • We don't need those explanation but add the Duotone in the filter panel.

    Update 'Additional CSS' subtitle string 47671

    • No, we don't need it as you say.

    @femkreations @zzap
    please check my comments.

  14. sagargurnani99 commented on Aug 14, 2023

    @sagargurnani99
    sagargurnani99
    on Aug 14, 2023
    Collaborator

    @atachibana I will make sure that I don't repeat the points which you highlighted above. Many thanks for reviewing it. I have edited my comments above as per your feedback.

  15. atachibana commented on Aug 15, 2023

    @atachibana
    atachibana
    on Aug 15, 2023
    Collaborator

    @sagargurnani99

    Add Global Styles controls for blocks that support duotone 48255
    We don't need those explanation but add the Duotone in the filter panel.

    You can follow the sections under "Blocks", such as "Adding box shaows to Button block". Or simply, insert the 'duotone' as the one of customizable style in the below sentence in Blocks chapter:

    For example, you can customize the border, radius, duotone, etc. for the Image block or change the paddings, margins, colors, and fonts for the Heading block.

  16. sagargurnani99 commented on Sep 12, 2023

    @sagargurnani99
    sagargurnani99
    on Sep 12, 2023
    Collaborator

    /review

  17. github-actions
    added
    [Status] ReviewIssue in review
    and removed
    [Status] In progressIssue is in progress
    on Sep 12, 2023
  18. Leonardus-Nugraha
    moved this from In Progress to Ready to Publish: draft in WP 6.3 Documentationon Sep 26, 2023
  19. Leonardus-Nugraha
    added
    [Status] Ready to Publish
    and removed
    [Status] ReviewIssue in review
    on Sep 26, 2023
  20. sagargurnani99
    closed this as completedon Mar 18, 2024
  21. github-project-automation
    moved this from Ready to Publish: draft to Done in WP 6.3 Documentationon Mar 18, 2024
  22. github-actions
    added
    [Status] Done
    on Mar 18, 2024
  23. sagargurnani99
    added
    [Status] Done
    and removed
    [Status] Done
    [Status] Ready to Publish
    on Mar 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

6.3Changes in 6.3 releasehigh prioritytracking issueUse to track a series of related issues.user documentation (HelpHub)Improvements or additions to end-user documentation

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions