この記事では、WordPress ver.6.2 アップデート に関する主な変更内容をまとめています。
参考資料
目次
エディターUIの変更点
設定アイコン(ブロックサイドバーの表示切り替え)が変わった
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-sidebar-icon.png)
前は歯車アイコンでした→「」
「詳細」と「リスト表示」が統合された
一つの「ドキュメント概観」というボタンになりました。
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-document-btn.png)
「アウトライン」で引き続き文字数などの文書情報を確認でき、かつ見出し構造がみやすくなった
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-document-tool-panel.png)
ブロックサイドバー内のタブ分け
「Setting」と「Styles」に分かれるようになった。(翻訳が当たってない?)。
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-sidebar-tabs.png)
- ブロックによって分かれたり分かれてなかったりする。
block.json
やtheme.json
等で指定するタイポグラフィやカラーなどの設定がStylesに入るっぽい.- ただ、json系で指定できる設定しかない場合はタブ分けされず、追加で設定があることでタブ分けされるっぽい?
- 例えばカバーブロックはSettingsに何もないのに、Stylesに対して設定があることでおそらくタブ分けされ、Settingsタブには「高度な設定」しかないという変な状態になっている
- 同じブロックでもテーマやプラグインによる拡張機能の有無で異なる。(Arkheでは段落ブロックはタブ分けされてないが、SWELLでは分かれている)
- 個人的にはStylesがデフォルトで開いている方が使いやすい…。
- ブロックに設定を追加するとき、特に指定がなければデフォルトではSettingsに入る。
- FSEのナビゲーションブロックのみ、リストタブがある。
- このUI変更は賛否両論ありそう。
また、このタブ分けされたことを知らせるヘルプメッセージがなぜか「高度な設定」のすぐ下に初回表示されるようになっている。
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-exsettings-alert.png)
空の段落ブロックの右側のインサーターが復活した
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-empty-inserer.png)
ブロックインサーターに「メディア」タブが追加
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-media-inserter.png)
パターンインサーターのデザインが調整された
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-before-pattern-inserter.png)
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-pattern-inserter.png)
再利用ブロックとテンプレートパーツを示す色が紫に。
青から紫へ。
ホバー時 & リスト表示での色も紫に。
集中執筆モード
![](https://loos.co.jp/wp-content/uploads/2023/04/6df6fa3fb3fa2769766429c3f72a3230.png)
ブロックサイドバーなどが出なくなる。
ブロックの設定ができなくなるので文章をガッと書きたい時用
ブロック機能の変更点
ブロックのスタイルのみをコピペ出来るようになった
コピペできるのはStylesタブに来るようなものだけ。
Localだとできないこともある?
余白の設定がしやすくなった
- ブルーの部分が長く表示されるようになった
- その時にツールバーも隠れるようになった
グループブロック
新規追加時、レイアウト選択画面が表示されるように
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-group-placeholder.png)
横並び・縦積みのflexオプション追加
埋めるように拡張→align-items:stretch
間隔: justify-content: space-between;
並びがあるときのグループの子要素で幅の設定が追加
![](https://loos.co.jp/wp-content/uploads/2023/04/wp62-group-inners-size.png)
キャプションの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でも関係するとこだけ