LP用テンプレート/page.css概要

最終更新：2021/06/18

LP用テンプレートについて

LP用のテンプレートではヘッダー画像・h1タイトルが自動で出力されません。
ヘッダー画像は無くても大丈夫ですが、h1タイトルは極力入れるようにお願いします。

今回はヘッダー画像を入れる例として「lp_head」のクラスを用意しています。
PCとスマホで画像の切り替えもしています。タブレット/スマホでは画像が暗くなります。

LP用のテンプレートでは装飾を自動ではしないようになっています。
今回は例としてクラスをつけて装飾しています。

仕様上、ヘッダー画像の上にパンくずが表示されます。

h2・h3も自動で装飾されません。LP用テンプレート内の装飾がある見出しはクラスを付けているか、特定の要素の中のh2はこうなるという指定をしています。
通常の固定ページと同じ装飾の見出しにしたい場合は、以下の対応するクラスを見出しタグにつけてください。

h1 「lp_h1」
h2 「lp_h2」
h3 「lp_h3」

page.cssについて

たまに更新しているので、更新する前の「page.css」を使っているテーマだと使えないクラスがあるかもしれません。
使いたいクラスが入っていない場合は追加してください。

※テーマに合わせて既存のクラスを編集しているかもしれないので、css自体を上書きせず、使いたいクラスの部分のみコピーして追加してください。