ワイドウィジェット
子テーマのスタイルで、テーマサポートに、ブロックスタイル、幅広、横幅を追加した。
エディタ上では、両方とも適用された。
ワイドウィジェットカテゴリ指定で、サイドバーを消し、コンテント幅制限を削除したらフロントでも適用された。
子テーマのスタイルで、テーマサポートに、ブロックスタイル、幅広、横幅を追加した。
エディタ上では、両方とも適用された。
html :where(.wp-block)[data-align=wide]{max-width:1100px;}
html :where(.wp-block)[data-align=full]{max-width:none;}
になっている。
ワードウィジェットカテゴリ指定で、サイドバーを消し、コンテント幅制限を削除したらフロントでも適用された。
viewport-wide, viewport-wide-bg との調整が必要
本来なら、html幅の制限との調整も必要だが！
取り敢えず、両者ともviewport-wide と同じスタイルを当て、alignwideは、max1100となるよう、パディングを計算して調整。
画面幅が1100px以で計算するように修正。サイドバーがあっても広がるので、修正。
基本ブロック（wp-block）
幅広（alignwide）
全幅（alignfull)
上下のマージンの調整などが必要、段落同様に1emにするか。？
グループで囲み、グループを全幅にしてみた。内側のカラムズは、840px幅になっている。
が、フロント画面では一杯に広がる。合わせるなら、フロント用のスタイル追加が必要
viewport-wide-bgでは、背景の確認ができないので、こっちを使うほうがわかり易いかも。
背景画像の上下に、スペーサーを入れてある。スタイルで調整するより便利かも知れない。
続きを読む »»
テスト段落（コンテント内）
ワイドウィジェットカテゴリを当てるとともに、viewport-wide-bgを指定
viewport-wide-bgは、コンテンツをグループで囲み、グループに付与、直下のコンテンツには、コンテンツ幅の制限を課し、センタリングしている。
一応何とかできたが。タイトルなどは含まない。content() のみ！
なお、viewport-wideは、コンテンツ自体に付与している。
現在のスタイルは、フロント側で、幅だけを指定、実際に使うには、上下のパディング、背景画像などが必要
ページタイトルも非表示にして、ブロックで作成するなど … 多分子テーマ側で
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
テスト段落（コンテント内）
ウィジェットに個別投稿を表示するショートコードがあるが、これを活用するには、個別投稿で、ビューポートワイドに広がる記事を作成できるようにしたい。
そのためには、個別投稿ページで、サイドバーを非表示にすることができなくてはならない。サイドバーが無いページ幅全体を使う場所では、問題にならないが、サイドバーがあるところで編集し、プレビューすることになるため多分、おかしな、結果になってしまう。
投稿が属するカテゴリーが、ボディクラスに含まれていれば、ウィジェットカテゴリーの投稿をビューポートワイドに表示することはできるかも知れない。
ビューポートワイドウィジェットカテゴリーを作り、single.php内、template/wide.php同様、bodyにno-sidebarクラスを追加すればできるのではないか。多分大丈夫だろう。問題が、未分類の下にあると一覧に表示されない。新着情報などと別の山に入れるなどの工夫が必要。
特定の投稿を使ったショートコードなどでは、編集ボタンが表示できるようにすることも必要。
この段落は、wp-blockクラスを付与した段落、フロント画面でどのように表示されるか、確認のため。エディタ上でも、フロント画面でも指定された幅で表示される。エディタ上では、他のブロックも同じ為、分かりづらいが。
