エクストラCSSを使う

CSS

CSSは、基本的に下記ファイルを読み込みます。

common.css、style.css

cssフォルダ内:css-template-lp.css、css-template.css、dialogue.css、editor-style.css、front-end-style.css、memo.css、page-local-01.css、print.css

サイト固有のCSS

上記cssファイルを直接編集してしまうと、後でバグ修正等の更新を上書きした場合、固有の記述が消えてしまいます。

そこで、サイト固有のcssは別ファイルにしています。

設定方法

1:下記パスにcssファイルをアップロードします。

/themes/P3/css/ファイル名.css

2:テーマオプション > エクストラCSSを使う > チェック

右のテキストボックスにファイル名を記入 > 変更を保存

正しく設定できた場合、管理画面メニュー > 外観に「ファイル名.css」という項目が追加されます。

ランディングページ用のcssは「ファイル名 + -lp」とします。

画像ファイル

下記のフォルダーを追加し、その中に画像をアップロードします。

/themes/P3/images/ファイル名

ランディングページと分ける場合は、フォルダを「ファイル名 + -lp」とします。

cssファイルから画像を呼び出す場合は

url( ../images/ファイル名/画像ファイル名 )

とします。

ランディングページの場合は、

url( ../images/ファイル名-lp/画像ファイル名 )