フル画面カバー
カバーブロックとコンテンツブロックを各々全幅にし、交互に配置する。カバーブロックに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万円 …
-
カスタムフィールドテスト
カスタムフィールドテスト用の投稿です。 個別投稿又は投稿一覧に表示するスクリプトのテストです。 (抜粋文)
アンダーコンテンツ
アンダーコンテンツテキスト本文
カバーブロック
アンダーコンテンツ
アンダーコンテンツテキスト本文