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

[6.7 HelpHub]: Typography Settings overview

Open bph opened this issue 1 year ago • 5 comments
trafficstars

Article: https://wordpress.org/documentation/article/typography-settings-overview/

Update for 6.7

  • [ ]Text orientation controls have been added to more blocks (site-title, site-tagline, verse, and button block.) (#62727)
  • Add writing mode support to other blocks. (62727)

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.

bph avatar Oct 28 '24 10:10 bph

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

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

/assign

benazeer-ben avatar Feb 11 '25 08:02 benazeer-ben

Hey @benazeer-ben, 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 Feb 11 '25 08:02 github-actions[bot]

  • [x] Text orientation controls have been added to more blocks (site-title, site-tagline, verse, and button block.)

https://github.com/user-attachments/assets/f0d54909-0565-4c68-a9f4-83ee9693e4ec

The Text Orientation setting allows you to control the direction of text, such as horizontal, vertical ( upright display). This setting helps in styling text for different layouts.

  • [x] Make sure all screenshots are relevant to the latest version
  • [x] Make sure videos, if any, are up to date

How to access typography settings

Image

Displaying additional typography settings

https://github.com/user-attachments/assets/f7b5f075-2049-4322-9cf7-637677a1ecac

Font family

https://github.com/user-attachments/assets/27a13a33-d306-4f81-a389-ccf395c10027

Font size

https://github.com/user-attachments/assets/e624f633-54ed-450b-833b-b0d9a7afae71

Image

Line height

https://github.com/user-attachments/assets/7af5a1f6-a22b-48cf-94b9-39e8e3d82d2a

Appearance

https://github.com/user-attachments/assets/45b04017-7056-4088-8f1c-55c69aa4a1f6

Demonstration

https://github.com/user-attachments/assets/91ed253e-6e07-4f09-8003-0fe40825e4b1

  • [x] Add ALT tags for the images

Checked all images and all have ALT tags.

  • [x] Make sure the headings are in sentence case

Checked all heading for sentence case. All good.

  • [x] Convert all reusable blocks to a ‘regular block’.

  • [x] Update the changelog at the end of the article

Updated 2025-02-11

Updated the Typography settings screenshots and content with latest version changes.

benazeer-ben avatar Feb 11 '25 09:02 benazeer-ben

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

github-actions[bot] avatar Feb 12 '25 09:02 github-actions[bot]