Part 3 of 3 writings.

1. Creating a parallax effect with 3 images in WordPress
2. How to create a sticky transparent navigation bar in WordPress
3. Changing a text’s orientation to vertical

Demo site: https://krai.dwrf.my.id/

GitHub https://github.com/franzaurus/purplish

A simple feature that effortlessly adding coolness to a site is a vertical-orientation text.

Apparently, text orientation has been supported since Gutenberg 16.2 and thus has since been included in WordPress 6.4. But this feature is theme-dependent, but thankfully, Twenty Twenty-Four theme has supported it. For a block theme that has yet supported it, the feature can easily be configured via theme.json by added writingmode attribute and set it’s value to true under the typography object’s setting.

Here’s the snippet of the aforementioned theme.json setting:

"settings" {
  "typography": {
    "writingmode": true
    }
}

The codes will immediately takes effect, and an orientation attribute will appear under the typography’s setting.