フル画面カバー

カバーブロックとコンテンツブロックを各々全幅にし、交互に配置する。カバーブロックにfixed-imageを付与すれば、固定位置にできる。
コンテンツブロックに、content-block-wrapperを付与すれば、コンテンツ幅のコンテンツを含めることができる。

親要素にトランスフォームがあるとカバーブロックの画像が位置固定にならない。
トランスフォームを負のマージンに変えて固定。必要に応じて上下にスペーサー。
パンくず、ページタイトルは、wp-headにadd_actionでスタイル追加、非表示に!。要ページテンプレート作成

カバーブロック(c-4)

  • Hello world!

    安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。

  • もみじ

    全幅背景内のコンテンツ再度

    全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背…

  • wave.svg

    幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイル…

  • 物件情報タイトル

    カスタムフィールドでは無く、テーブルを使って作成し、カスタムパターン化する方法を試す。 価格 1,200万円 …

アンダーコンテンツ(c-2)

  • Hello world!

    安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。

  • もみじ

    全幅背景内のコンテンツ再度

    全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背…

  • wave.svg

    幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイル…

  • 物件情報タイトル

    カスタムフィールドでは無く、テーブルを使って作成し、カスタムパターン化する方法を試す。 価格 1,200万円 …

カバーブロック(c-3)

  • Hello world!

    安房.jpサイト へようこそ。これは最初の投稿です。編集または削除してコンテンツの作成を始めてください。

  • もみじ

    全幅背景内のコンテンツ再度

    全幅背景内のコンテンツ幅コンテンツ、幅広コンテンツ、背景画像有り、無しなどのテストを再度まとめて行う。 全幅背…

  • wave.svg

    幅500px, 高さ50pxにセットしたら、width=500 height=50 と同時にインラインスタイル…

  • 物件情報タイトル

    カスタムフィールドでは無く、テーブルを使って作成し、カスタムパターン化する方法を試す。 価格 1,200万円 …

  • カスタムフィールドテスト

    カスタムフィールドテスト用の投稿です。 個別投稿又は投稿一覧に表示するスクリプトのテストです。 (抜粋文)

アンダーコンテンツ

アンダーコンテンツテキスト本文

カバーブロック

アンダーコンテンツ

アンダーコンテンツテキスト本文

最終更新日時: 2023年8月6日(日) 17:14