WordPress5.6対応

[naogify]

何に対応するかから調査。

[kurudrive]

確認済みの「〇〇ブロックはサイトでサポートされていません」が表示されて編集できなくなるブロック

• スライダーブロック
• アニメーションブロック
• グリッドカラムブロック

[naogify]

@kurudrive

修正しました!
#145

[miminari]

公式リンクまとめ

5.6に入るGutenbergのバージョンは 8.6-9.2
https://developer.wordpress.org/block-editor/handbook/versions-in-wordpress/

WordPress 5.6 Must Haves のボード
https://github.com/WordPress/gutenberg/projects/48

• 8.6 https://wp.me/p2AvED-lwA
• 8.7 https://wp.me/p2AvED-lGt
• 8.8 https://wp.me/p2AvED-lM4
• 8.9 https://wp.me/p2AvED-lSC
• 9.0 https://wp.me/p2AvED-lW9
• 9.1 https://wp.me/p2AvED-m0B
• 9.2 https://wp.me/p2AvED-m5C

[miminari]

VK BlocksほかVektor, Inc.の製品に関係しそうな主要な機能のリストアップ

バージョンごとに上げていきます

8.6

• Add block variations' keywords search support
  Add block variations' keywords search support WordPress/gutenberg#24040
  Block variationもキーワード検索が可能に

• Support disabling core block patterns.
  Support disabling core block patterns WordPress/gutenberg#24042
  コアブロックパターンがdisableできるように

• Make the line height and custom units theme support flags consistent and opt-in.
  Make the line height and custom units theme support flags consistent WordPress/gutenberg#23964
  Update Line-Height Settings for opt-in (rather than opt-out) WordPress/gutenberg#23904
  line-heightのカスタム単位のテーマサポート可能に

• Image: Add the ability for a plugin to disable Image Editor
  Image: Add the ability for a plugin to disable Image Editor WordPress/gutenberg#23966
  画像編集機能をOFFできるように

[miminari]

8.7

• Make "Attempt Block Recovery" the default option of block invalidation
  Make "Attempt Block Recovery" the default option of block invalidation WordPress/gutenberg#24263
  「ブロックのリカバリーを試行」をデフォルトオプションに
• Move “Convert to regular blocks” button to the reusable block toolbar. (24066)
  Move "Convert to regular blocks" button to block toolbar. WordPress/gutenberg#24066
  再利用ブロックの「通常のブロックに変換」ボタンも移動
• Consistently autosave edits. (23962)
  Fixed-schedule AutosaveMonitor WordPress/gutenberg#23962
  自動保存が60秒に1回へ（コードのリファクタリング、参考になりそう）
• Use Post Type label for Document tab in Settings Header #17311
  Use Post Type label for Document tab in Settings Header WordPress/gutenberg#17311
  [設定]見出しの[ドキュメント]タブに[投稿タイプ]ラベルを使用するように。スクショに地味に影響。
• Block Directory: Use local assets with automatic asset detection.
  Block Directory: Use local assets with automatic asset detection WordPress/gutenberg#24117
  https://core.trac.wordpress.org/ticket/50732#comment:6
  ブロックディレクトリからブロックをインストールした時に関連するlocalizeのファイル群を自動で検知して画面リロードなしで読み込みするように
• Add support for delete operations to @wordpress/core-data entities.
  [ CoreData Entities ] add support for delete operations WordPress/gutenberg#21557
  delete[EntityName]を呼び出すことができるようになったらしい（core dataよく分かってない）
• Add server-side handling for the block ‘align’ supports flag
  'align' support flag - add server side block support for block alignment. WordPress/gutenberg#24122
  サーバーサイドのブロックでalignがサポート、wp-block-template-part のタグにalignのクラスが付与される
• Add isDestructive style to Button.
  Add isDestructive style to Button WordPress/gutenberg#22921
  isDestructiveのスタイルがボタンに追加

[miminari]

8.8

• Movers: Add bigger mobile touch targets.
  Movers: Add bigger mobile touch targets. WordPress/gutenberg#23761
  モバイル幅の画面で、移動ボタンが押しやすくなりました
  Movers: Add bigger visible focus rectangle. WordPress/gutenberg#23760
  モバイル以外でも移動ボタンのヒットエリアが大きくなりました
• Remove editor styles from front-facing stylesheets. (24439)
  https://github.com/WordPress/gutenberg/pull/24439/files
  フロントとeditorで重複していたスタイルを少し整理。いくつかmixinが作成されています。
• Support the default block classnames in dynamic blocks.
  Add generated block classname to dynamic blocks WordPress/gutenberg#24546
  ダイナミックブロックでも wp-block-* のクラス名がフロント側で付与されます
• Support the custom classnames hook in dynamic blocks.
  https://github.com/WordPress/gutenberg/pull/24483/files
  ダイナミックブロックでもカスタムクラス名の付与がサポートされます customClassName
• Stabilize the accessible Toolbar component and deprecate the old usage
  Make accessible toolbar stable and deprecate old usage WordPress/gutenberg#23316
  ToolbarItemが正式採用ほか詳しくはToolbar関連ReadMeにまとめたよ
• Allow POST requests in
  https://github.com/WordPress/gutenberg/pull/21068/files
  <ServerSideRender> でPOSTが使えるようになりました

[miminari]

8.9

• Latest Post Block: Allow adding links to featured images.
  Add option for adding link in featured image [ Latest Posts block ] WordPress/gutenberg#24548
  最新記事ブロックのアイキャッチ画像にリンクが付与できるようになりました
• List block: Add color controls.
  List block: add color controls WordPress/gutenberg#21387
  リストブロックでも色の変更ができるようになりました
• Disable the tools menu while the code editor is enabled
  Enhancement: Disable tools while code editor mode is enable WordPress/gutenberg#24923
  コードエディター時にツールメニューが触れないようになりました
• Improve the UI of the custom gradient pickers.
  CustomGradientPicker: Update Type and Angle controls WordPress/gutenberg#23802
  グラデーションピッカーのUIが改良されました
• Convert all px values in front-facing styles to relative (em) units.
  https://github.com/WordPress/gutenberg/pull/24523/files
  ！フロント側のCSSのpxをemに変換しました（マジか…！）

[miminari]

9.0

• Add drag handle to block toolbar
  Add drag handle to block toolbar WordPress/gutenberg#24852
  ブロックを掴むエリアが追加。（これだけ何故か5.5.2ですでにコアに取り込まれている）
• Drag&Drop: improve single block case.
  Fix issue with single block. WordPress/gutenberg#25107
  1個のブロックの時のドラッグアンドドロップがスムーズに。地味に使い心地向上に大事なアップデート。
• Include the block variations on the inserter selector.
  https://github.com/WordPress/gutenberg/pull/25182/files
  インサーターにブロックバリエーションも含むようになりました
• Polish menu item icon locations.
  https://github.com/WordPress/gutenberg/pull/25106/files
  メニューアイテムのアイコンの位置が変わりました。
• Improve the block and patterns search algorithm
  Improve the block and patterns search algorithm WordPress/gutenberg#25105
  ブロックとブロックパターンの検索アルゴリズムが改良されました
• Allow inserting an h1 using # + space.
  Allow inserting an h1 using # + space WordPress/gutenberg#25075
  h1ブロックが# + スペースで挿入できるようになりました
• Transform multiple heading blocks to list or paragraphs.
  https://github.com/WordPress/gutenberg/pull/24977/files
  複数の見出しブロックをリストや段落に変換する機能が追加されました
• Search Block: Add button, label, and width options
  Search Block: Add button, label, and width options WordPress/gutenberg#24666
  検索ブロックにボタン、ラベル、幅のオプションが追加されました
• Display labels instead of icons in top toolbar. & Add option to show icon labels
  Add option to show icon labels. WordPress/gutenberg#24234
  Display labels instead of icons in top toolbar. WordPress/gutenberg#24304
  ツールバーにアイコンの代わりに文字が表示できるようになりました
• Add a "reinstall" button when a block type is not found.
  Add a "reinstall" button when a block type is not found WordPress/gutenberg#22631
  ブロックタイプが見つからない時に、再インストールボタンが表示されるようになりました

[miminari]

9.1

• Add “open in new tab” feature to Social Links Block.
  Add "open in new tab" feature to Social Links Block WordPress/gutenberg#25468
  ソーシャルリンクブロックに「新しいタブで開く」が追加されました
• Add Image Size control to the Media & Text block
  Add Image Size dropdown for Media & Text block WordPress/gutenberg#24795
  画像と文章ブロックで（large固定だったのが）イメージのサイズがプルダウンから選べるようになりました
• Add block pattern category selection
  Inserter: Add block pattern category selection dropdown in main inserter WordPress/gutenberg#24954
  メインのインサーターにブロックパターンのカテゴリを選べるプルダウンが付きました
• Code block: Allow HTML editing & rich text content
  Code block: allow HTML editing & rich text WordPress/gutenberg#24689
  コードブロックに「HTMLとして編集」が追加されました
• Remove appender from unselected Buttons and Social Icons block.
  Remove appender from unselected Buttons and Social Icons block. WordPress/gutenberg#25518
  選択されていないボタン（ズ）ブロックとソーシャルアイコンブロックにはインサーターの追加ボタンが表示されなくなりました
• Buttons block: Lighten editor DOM.
  Buttons block: lighten editor DOM even more. WordPress/gutenberg#23222
  ボタン（ズ）ブロックのDOMが軽量化されました！
• Support the default link config for the Gallery and Image blocks (image_default_link_type).
  Set default link for images using image_default_link_type option  WordPress/gutenberg#25578
  image_default_link_type の設定が無視されていましたが有効化され、画像 & ギャラリーブロックの画像にデフォルトでイメージファイルへのリンクを付与することができるようになりました
• Social Icons Block: let icons wrap
  Social Icons Block: let icons wrap WordPress/gutenberg#25334
  ソーシャルアイコンブロックで、オーバーフローした時にwrapされるようになりました
• Add new ComboboxControl
  Add ComboboxControl and story WordPress/gutenberg#25442
  ComboboxControlが新しく追加されました
• Data Controls: Add new syncSelect control
  data-controls: graduate the __unstableSyncSelect control to a stable one WordPress/gutenberg#25336
  syncSelectがstable扱いになりました
• DateTimePicker: Add support for highlighting days.
  DateTimePicker: Add support for highlighting days WordPress/gutenberg#22032
  DateTimePickerにisDayHighlightedがサポートされました

[miminari]

9.2

• Transform multiple selected blocks to Columns block.
  Transform multiple selected blocks to Columns block WordPress/gutenberg#25829
  複数のブロックを選択してカラムブロックに一括変換できるようになりました
• Table block: use hooks + API v2
  https://github.com/WordPress/gutenberg/pull/26065/files
  テーブルブロックがAPI v2化＆フックを使うようになりました（v2へのアップデートの参考になるかも）
• Add single column functionality to the Columns block.
  Add single column functionality to the Columns block WordPress/gutenberg#24065
  カラムブロックで1カラムが可能になりました
• Add more writing flow options: Reduced UI, theme styles, spotlight.
  Add more writing flow options: Reduced UI, theme styles, spotlight WordPress/gutenberg#22494
  UIを減らしたり、テーマスタイルをオンオフできたりできるようになりました
• Make block supports server-side explicit
  Make block supports server-side explicit WordPress/gutenberg#26192
  サーバーサイドブロックのサポートを明示させる関数get_block_wrapper_attributes が追加されました
• Make the custom spacing theme support flag and block support API stable
  Make the custom spacing theme support flag and block support API stable WordPress/gutenberg#25788
  カスタム余白のテーマサポートが追加されました
  add_theme_support('custom-spacing');

"spacing": {
    "padding": true
}

• Add/line height support flag stable
  https://github.com/WordPress/gutenberg/pull/25769/files
  line-heightのサポートが追加されました。suppotsにlineHeight' => true,を追加して利用します
• Mark the font size support flag as stable WordPress/gutenberg#25695
  同じくフォントサイズのサポートを"fontSize": true,で追加できます
• https://github.com/WordPress/gutenberg/pull/25694/files
  同じくカラーのサポートが以下で追加できます

"color": {
    "link": true
}

• Block API: Stabilize light block hook.
  Block API: stabilize light block hook WordPress/gutenberg#25642

API v2 へ！

以上！

[naogify]

同じ内容のISSUEをこちらへマージ
#123

WordPress 5.6 で ブロック挿入時に /b など入力すると、WordPressコアのボタンブロックは出てくるが VK Blocks のブロックが出てこないので、違いを調査＆対応

[miminari]

こちら保留状態ですが、5.7が出るので同様のリストアップを行います。

[miminari]

ぁー。5.8のコレ版だれかやらないかなって私しかいないかー明日取り掛かります。これはクローズします。