ferret Oneでは、CSSを使用することでカスタマイズが可能となります。
CSSはデザインを柔軟に変更することができますが、編集画面内の変更も可能となるため、表示崩れや操作不可といったトラブルも発生しますのでご注意ください。
■詳細はこちら
>Q.CSS, HTML, JavaScriptを編集できますか?
目次
編集したページにのみに反映させる場合
現在のプランでは使用できません。
※過去契約を行った一部のお客様に表示されている機能となります。
CSSを追加したい場合は、サイト全体に反映させる場合の手順で追加してください。
ページ編集画面の右上「設定」をクリックし、表示されたウィンドウを下までスクロールすると「カスタムCSSの編集」があります。カスタムCSSの編集の「ページ」をクリックすると、CSSカスタマイズ画面が表示されます。
CSSを記述後、保存ボタンをクリックしてください。
<複製時の注意点>
※ページを複製してもページCSSは複製されないため、複製元ページのページCSSをコピーして複製先ページのページCSSへ手動で入れていただく必要があります。
クラス名をつける場所
クラスを追加したい箇所のカスタマイズボタン(パレットアイコン)をクリックし、編集画面を表示します。
追加するclass名を入れ、保存ボタンをクリックします。
■カスタマイズする方法はこちら
サイト全体に反映させる場合
管理画面左メニュー > 設定 > 外観設定 > サイトのカスタムCSS をクリックします。
■詳細はこちら
>【画面説明】設定/外観設定 サイトのカスタムCSS
※サイト全体に反映させることができますが、公開ページや、他のページにも影響しますのでご注意ください。
【CSS編集に関する注意事項】
- カスタムCSSはサポート(問い合わせ対応やレクチャー)対象外となります。
- カスタムCSSに起因するサイト崩れ等のトラブルには弊社は一切責任を負いません。
- サイト崩れ等のトラブル発生時は、お客様側で調査をお願いいたします。
- カスタムCSSの影響がページ編集画面にも及ぶ可能性がございます。
【ferret OneのCSSについて】
- ferret OneではSassを使用しています。
- SassからCSSコンパイル時に、ベンダープレフィックスは付かない仕様です。
- カスタムCSSがエラーで保存できない場合は、unquoteを使うと保存できます。