emulsion theme 2.6.7 以降は、WordPress 6.2が必須になります。
外部リソース
WordPress 6.2では、Block Patterns Directory の拡充、Openverse 画像の検索と挿入機能が追加されました。
この変化に対するemulsion テーマの対応
STYLE VARIATION
エディタ/スタイル一覧で表示するバリエーションは、従来の3種 + 6種のバリエーションを追加しました
- デフォルト
- Daybreak
- Midnight
新しく追加されたバリエーション
- Yomogi
- Hands
- Platen
- Twiggy
- twiggy は日本語での利用を念頭に置いたバリエーションです
- Centered (front end only)
- 一般的に、style variationは、フォントや色のカスタマイズが中心になりますが、タイトルの中央揃えに挑戦した実験的バリエーションです
- Grid(front end only)
- グリッド表示は、エディタのテンプレート編集でセットするのが標準的ですが、数ステップの設定が必要で、初めての人には難しいかもしれません
- ワンタッチでグリッド表示に挑戦した実験的バリエーションです
- 技術的には、grid バリエーションの場合に WP_HTML_Tag_Processor()を使って、class を追加するという手法で行っています。なので,front end only
Style Book ( WordPress 6.2 新機能)
ブロック毎に、色やマージンの設定がリアルタイムで反映するようになりました。
一部の機能:例えば、見出しレベルごとの文字色設定 等一部反映しない項目もあります。
カスタムブロックCSSにCSSを直接記述することも出来るようになりました
theme.json
emulsion テーマの theme.jsonファイルは、全面的に書き直されました。
バグの修正が行われたことにより、theme.jsono記述がより柔軟に記述できるようになったことが主因です。
WordPress 6.2 shadow.presetが追加されました
{
"version": 2,
"settings": {
"shadow": {
"defaultPresets": true,
"presets": [
{
"name": "Natural",
"slug": "natural",
"shadow": "6px 6px 9px rgba(0, 0, 0, 0.2)"
},
{
"name": "Deep",
"slug": "deep",
"shadow": "12px 12px 50px rgba(0, 0, 0, 0.4)"
},
{
"name": "Sharp",
"slug": "sharp",
"shadow": "6px 6px 0px rgba(0, 0, 0, 0.2)"
},
{
"name": "Outlined",
"slug": "outlined",
"shadow": "6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1)"
},
{
"name": "Crisp",
"slug": "crisp",
"shadow": "6px 6px 0px rgba(0, 0, 0, 1)"
}
]
}
}
}