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/画像ファイル名 )