【theme.json】行間の設定

行間の設定をONにする

WordPressのデフォルト設定では、行間(line-height)の数値を変更することはできません。

ブロックごとに異なる行間の設定を行いたい場合は、以下のように記述します。

{
    "version": 3,
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "settings": {
        "typography": {
            "lineHeight": true
        }
    }
}

デフォルトの行間設定を合わせる

デフォルトの行間設定は使用しているリセットCSSや独自CSSの当て方によって異なりますが、合わせることは可能です。

WordPressのデフォルトの行間はline-height: normalが指定されているため、それをbody要素に指定します。

body:is(.single) {

    /**
    * デフォルトの値を合わせる
    **/
    line-height: normal;
}