サンプル

100%表示用テンプレートについて1

通常の「page.php」テンプレートから「.container」クラスを外したテンプレートです。
通常の固定ページの幅で作成したいときは、その都度「.container」クラスで囲んでください。

「.container」ではなく「.container2」のちょっと幅広にできるクラスを使用しても大丈夫です。

こちらは「.container-fluid」のクラスで囲んでいます。「.container2」よりも幅広で左右に15pxだけpaddingが入っています。

「.container」「.container2」「.container-fluid」のどのクラスでも囲んでいない場合はこんな感じです。

背景画像が必要な場合は「.page-bgimg」クラスで囲んでください。
その際、背景画像のurlを「.page-bgimg」クラスのところに書いてください。

「.page-bgimg-w」のクラスのとき文字の色が白になります。

そのまま普段の感じで画像を入れたら大丈夫です。

全体を「.page-bgimg-pc」クラスで囲み、
画像を「.bg-pc」で、テキストを「.bg-pc-text」で囲んでください。

全体を「.page-bgimg-pc」クラスで囲み、
画像を「.bg-pc」で、
文字を白くする場合はテキストを「.bg-pc-text-w」で囲んでください。
スマホでは文字は黒くなります。