この記事では、WordPress ver.6.2 アップデート に関する主な変更内容をまとめています。
参考資料
目次
エディターUIの変更点
設定アイコン（ブロックサイドバーの表示切り替え）が変わった
前は歯車アイコンでした→「」
「詳細」と「リスト表示」が統合された
一つの「ドキュメント概観」というボタンになりました。
「アウトライン」で引き続き文字数などの文書情報を確認でき、かつ見出し構造がみやすくなった
ブロックサイドバー内のタブ分け
「Setting」と「Styles」に分かれるようになった。（翻訳が当たってない？）。
- ブロックによって分かれたり分かれてなかったりする。
block.jsonやtheme.json等で指定するタイポグラフィやカラーなどの設定がStylesに入るっぽい.- ただ、json系で指定できる設定しかない場合はタブ分けされず、追加で設定があることでタブ分けされるっぽい？
- 例えばカバーブロックはSettingsに何もないのに、Stylesに対して設定があることでおそらくタブ分けされ、Settingsタブには「高度な設定」しかないという変な状態になっている
- 同じブロックでもテーマやプラグインによる拡張機能の有無で異なる。（Arkheでは段落ブロックはタブ分けされてないが、SWELLでは分かれている）
- 個人的にはStylesがデフォルトで開いている方が使いやすい…。
- ブロックに設定を追加するとき、特に指定がなければデフォルトではSettingsに入る。
- FSEのナビゲーションブロックのみ、リストタブがある。
- このUI変更は賛否両論ありそう。
また、このタブ分けされたことを知らせるヘルプメッセージがなぜか「高度な設定」のすぐ下に初回表示されるようになっている。
空の段落ブロックの右側のインサーターが復活した
ブロックインサーターに「メディア」タブが追加
パターンインサーターのデザインが調整された
再利用ブロックとテンプレートパーツを示す色が紫に。
青から紫へ。
ホバー時 & リスト表示での色も紫に。
集中執筆モード
ブロックサイドバーなどが出なくなる。
ブロックの設定ができなくなるので文章をガッと書きたい時用
ブロック機能の変更点
ブロックのスタイルのみをコピペ出来るようになった
コピペできるのはStylesタブに来るようなものだけ。
Localだとできないこともある？
余白の設定がしやすくなった
- ブルーの部分が長く表示されるようになった
- その時にツールバーも隠れるようになった
グループブロック
新規追加時、レイアウト選択画面が表示されるように
横並び・縦積みのflexオプション追加
埋めるように拡張→align-items:stretch
間隔: justify-content: space-between;
並びがあるときのグループの子要素で幅の設定が追加
キャプションのON/OFFボタンが追加
画像ブロックなど。テーブルにはなかった。
テーブルのセル結合が可能に
HTML編集でrowspanとcolspanがサポートされるようになった。
| 横方向のセル結合 | |
| 縦方向のセル結合 | あああ |
| いいい | |
<figure class="wp-block-table">
<table><tbody>
<tr><td colspan="2">横方向のセル結合</td></tr>
<tr><td rowspan="2">縦方向のセル結合</td><td>いあああ</td></tr>
<tr><td>いいい</td></tr>
</tbody></table>
</figure>カバーブロック
- HTML要素を変えられるようになった
- グループブロックと同様、「高度な設定」の中で変更可能に。
- 焦点ピッカーのデザインが変わった
段落ブロック・見出しブロック：ショートカットキー相互に変換出来るようになった
ソーシャルアイコンブロック：rel属性が追加された
全幅とか使用できる条件が何か変わった？
FSE関連
「エディター」のベータ表示が消えた
- ナビゲーションブロック：サイドバーから編集出来るようになった
- グループブロック：Position(sticky)が追加された
- アイキャッチ画像ブロック：サイズを変更出来るようになった
# グローバルスタイル・サイトエディター
- 全体のUIが変わった
- StyleBookが導入された
- カスタムCSSが入力出来るようになった
- ブロックのスタイルをグローバルスタイルに反映出来るようになった
- ブロックバリエーションのスタイルを個別に設定出来るようになった
- シャドウプリセットをサポートした（ボタンブロックのみ）開発寄りなこと
WP_HTML_Tag_Processor
aaa
- minHeightサポート https://make.wordpress.org/core/2023/03/06/minimum-height-dimensions-block-support/
- Custom CSS for global styles and per block https://make.wordpress.org/core/2023/03/06/custom-css-for-global-styles-and-per-block/
- インスペクターのタブ分けのコード https://make.wordpress.org/core/2023/03/07/introduction-of-block-inspector-tabs/
- Customize settings for any block in WordPress 6.2
blockEditor.useSetting.beforeフィルターが追加。 https://make.wordpress.org/core/2023/02/28/custom-settings-wordpress-6-2/ - get_page_by_title() が非推奨に
- pre_wp_load_alloptions フィルターが追加
- post_search_columnsフック
wp_is_internal_link()
6.1
SWELLでも関係するとこだけ