ページ幅一杯の画像

ビューポート幅の背景も追加して、テスト中、ビューポート関連は、全て、幅広、全幅に修正した。

画像も、親に従って全幅になってしまうので、wp-blockクラスを付与してコンテンツ幅にしても、フロント画面では、wp-block-imageクラスが付与されており、センタリングしない。編集画面では、wp-blockは既に付いており、二重になっている。
結局、外側の alignfull クラスに、content-block-wrapper クラスを追加することで、直下のDIV(インナー)をコンテンツ幅に制限することにした。

ただし、この段落部分は、ビューポート幅には含んでいない。

ビューポート幅クラスは、スライダーや全画面画像などに利用できる。
ビューポート幅背景クラスは、サイドバー無しの時に、背景だけを全画面に広げるクラス、bg-surfなどの背景画像を合わせて指定すれば、全画面サイズの背景画像が表示できる筈。背景画像を市営するクラスは、エディター側にも組み込まれることが必要。!

掲載日時: 2023年5月29日(月) 16:24