ワイドウィジェット

2023年5月29日(月) テスト, ワイドウィジェット 

テスト段落(コンテント内)
ワイドウィジェットカテゴリを当てるとともに、viewport-wide-bgを指定
viewport-wide-bgは、コンテンツをグループで囲み、グループに付与、直下のコンテンツには、コンテンツ幅の制限を課し、センタリングしている。
一応何とかできたが。タイトルなどは含まない。content() のみ!
なお、viewport-wideは、コンテンツ自体に付与している。

現在のスタイルは、フロント側で、幅だけを指定、実際に使うには、上下のパディング、背景画像などが必要
ページタイトルも非表示にして、ブロックで作成するなど … 多分子テーマ側で

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

テスト段落(コンテント内)

2023年5月19日(金) テスト, ワイドウィジェット 

ウィジェットに個別投稿を表示するショートコードがあるが、これを活用するには、個別投稿で、ビューポートワイドに広がる記事を作成できるようにしたい。

そのためには、個別投稿ページで、サイドバーを非表示にすることができなくてはならない。サイドバーが無いページ幅全体を使う場所では、問題にならないが、サイドバーがあるところで編集し、プレビューすることになるため多分、おかしな、結果になってしまう。

投稿が属するカテゴリーが、ボディクラスに含まれていれば、ウィジェットカテゴリーの投稿をビューポートワイドに表示することはできるかも知れない。

ビューポートワイドウィジェットカテゴリーを作り、single.php内、template/wide.php同様、bodyにno-sidebarクラスを追加すればできるのではないか。多分大丈夫だろう。問題が、未分類の下にあると一覧に表示されない。新着情報などと別の山に入れるなどの工夫が必要。

特定の投稿を使ったショートコードなどでは、編集ボタンが表示できるようにすることも必要。

この段落は、wp-blockクラスを付与した段落、フロント画面でどのように表示されるか、確認のため。エディタ上でも、フロント画面でも指定された幅で表示される。エディタ上では、他のブロックも同じ為、分かりづらいが。