Documentation-Issue-Tracker icon indicating copy to clipboard operation
Documentation-Issue-Tracker copied to clipboard

[6.7 HelpHub]: File block

Open ndiego opened this issue 1 year ago • 8 comments

Article: https://wordpress.org/documentation/article/file-block/

Update for 6.7

  • [ ] File: Add border support (64509)

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.

ndiego avatar Oct 26 '24 21:10 ndiego

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

github-actions[bot] avatar Oct 26 '24 21:10 github-actions[bot]

/assign

wowashuwow avatar Nov 05 '24 10:11 wowashuwow

Hey @wowashuwow, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

github-actions[bot] avatar Nov 05 '24 10:11 github-actions[bot]

Please add the following section at the bottom of the documentation page for File block:

Block Styles

The File Block offers the following block-level Styles:

  1. Color
  2. Dimensions
  3. Border

Color

You can change the background color, link color, and link hover color.

video

Read more about customizing block colors.

Dimensions

You can add padding and margins to the top, bottom, left, and right.

https://github.com/user-attachments/assets/09f8d79b-9a94-4391-b882-56661f81674a

Read more about customizing block dimensions.

Border

You can add borders with the ability to customize the color, style, and radius of the border.

video

Read more about customizing block borders.

wowashuwow avatar Dec 18 '24 09:12 wowashuwow

I was unable to directly upload the videos for color and borders here, so I have uploaded them to Google Drive and added links. Could somebody please help me with this? Is there a file size limit on video uploads? How do I take care of this next time?

wowashuwow avatar Dec 18 '24 09:12 wowashuwow

I'd like to suggest a two more updates to the "Transform to:" section in the File block documentation. I'm adding them here, but in case that's not okay and I should create a separate issue, please let me know 🙏

  1. What to update: The text and image illustrating "File Block Transform To" options

    Suggested update: Replace image with below image and update text to "When you click on the Transform button you can convert the File block into a Group, Columns, Image, or Details block.

    Reason: File Block can be transformed to "Details" too, which is currently missing.

Image

  1. What to update: The text "The Group gives you the ability to change the background color around the File block." and the image below the text.

    Suggested update: Update text to "Selecting Transform to -> Group will nest the File Block under a parent Group block and give you the ability to change the background color around the File block."

    Reason: To better illustrate that by transforming to Group, we can add another color around the File Block too, besides being able to set a color for the Styles -> Color -> Background block level style.

Image

wowashuwow avatar Dec 18 '24 09:12 wowashuwow

cc: @Leonardus-Nugraha

wowashuwow avatar Dec 18 '24 09:12 wowashuwow

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

github-actions[bot] avatar Feb 11 '25 13:02 github-actions[bot]