WP6.0テスト

[t-hamano]

No description provided.

[t-hamano]

全体

ブロック一覧

チェック項目

• ブロックスタイル（＋プレビュー）の確認
• モバイルプレビューでの確認
• バリエーション（attirbutesの各種変更）の確認
• フロントエンドの表示確認

テキスト

• 段落
• 見出し
• リスト
• 引用
• クラシック
• コード
• 整形済みテキスト
• プルクオート
• テーブル
• 詩

メディア

• 画像（画像ブロック：下側の余白が少し大きい #70）
• ギャラリー
• 音声
• カバー
• ファイル
• メディアとテキスト
• 動画

デザイン

• ボタン
• カラム
• グループ
• 横並び
• 縦積み
• 続き
• ページ区切り
• 区切り
• スペーサー

ウィジェット

• アーカイブ
• カレンダー（カレンダーブロック：デバイスプレビュー時のレイアウトズレ #66）
• カテゴリー
• カスタムHTML
• 最新のコメント
• 最新の投稿
• 固定ページリスト
• RSS
• 検索（検索ブロック：エディターとフロントエンドで一部スタイルが異なる #67）
• ショートコード
• ソーシャルアイコン
• タグクラウド

テーマ

FSE関連ブロックは無効にしているので対応不要

埋め込み

• 埋め込み

[t-hamano]

box-sizing が無くなったため、ブロックにpadding などが当たった時に幅が揃わない。

以下PRにより、投稿エディター側の box-sizing が削除された模様。
WordPress/gutenberg#37902

理由は、

• サイトエディター、フロントエンドには box-sizing を指定していない
• 投稿エディターのみ、リセットCSSで box-sizing:border-box が当たっている
• 結果として、投稿エディターのみ見え方が変わるので、投稿エディターからも box-sizing を削除すべき

おそらく投稿エディター側の box-sizing ついては、テーマ側で設定すべきだと思われます。

[t-hamano]

引用ブロックがカラーをサポートした。
WordPress/gutenberg#39899

.has-background のpaddingは追加すべき？

[t-hamano]

プルクオートブロックのみボーダーコントロール（__experimentalBorder）が追加されているが、フロントエンドの表示は特に問題無し。

see:
https://github.com/loos/SWELL/issues/255
WordPress/gutenberg#41213

[t-hamano]

カラム / ギャラリーブロックで、エディター側とフロントエンド側で余白が異なるのは、SWELL同様様子見で良いと思われます
see: https://github.com/loos/SWELL/issues/256#issuecomment-1132918945

[t-hamano]

タグクラウドブロックに「最小サイズ」「最大サイズ」が追加された。
現状はフォントサイズを固定しているため、数値を変えても変化がない。
コアに追従するなら、フォントサイズ固定は外した方が良いかもしれない。
see: https://github.com/loos/SWELL/issues/235#issuecomment-1122157376

[t-hamano]

タグクラウドブロックに「輪郭」スタイルが追加された

[t-hamano]

ソーシャルリンクブロックに「ラベルを 表示」オプションが追加された。
スタイルは問題ないが、フロントエンド側の方がごく僅かにフォントサイズが大きい？
※TT2ではエディター/フロントエンドでフォントサイズに違いは無し

エディター側

フロントエンド側

[t-hamano]

グループブロックのバリエーション（横並び、縦積み）は問題なさそう。
※画像ブロックの下余白がわずかに大きいのは、#70 と関連

0e629ae7b2666cb983a300283df9a512.mp4