WordPress 6.2 とエマルジョンテーマ

emulsion theme 2.6.7 以降は、WordPress 6.2が必須になります。

外部リソース

WordPress 6.2では、Block Patterns Directory の拡充、Openverse 画像の検索と挿入機能が追加されました。

この変化に対するemulsion テーマの対応

ブロックパターン – Emulsion Theme

openverse – Emulsion Theme

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を直接記述することも出来るようになりました

CSS の設定の注意点 – Emulsion Theme

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)"
				}
			]
		}
    }
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

[emulsion_relate_posts]