サイトに独自のCSSを追加する方法

← 戻る

「独自CSS」モジュールを持つ管理用セクションを作成し、管理者のみにアクセスを許可します — そのページにCSSエディタがあり、スタイルはサイトのすべてのページに適用されます。

  1. 「サイト構造」セクションで 「メインメニュー項目を追加」をクリックし、セクション名を入力します(例:「マイCSS」)。
  2. フィールド 「モジュール」 で 「選択」 からカードを探します 「カスタムCSS」 (コード custom_css).
  3. 「アクセスレベル」 —「管理者のみ」。保存します。
  4. このセクションを開きます。初回開封時に「サイトのCSSファイルが作成されました。サイトの全ページで最後に読み込まれます。」と表示されます。
  5. エディターでルールを記述します。Tabでインデント、Shift+Tabでインデント解除。
  6. クリック 「保存」 またはCtrl+S。変更はページを更新すると反映されます。

ファイルは各ページで最後に読み込まれるため、セレクターの詳細度が同じ場合、エンジンのスタイルを上書きします。ただし、ブロックのスタイル設定(歯車アイコン)はブロックに直接書き込まれるため、それを上書きできるのは !important.

ファイルはサイトのファイル群に保存され、バックアップやテンプレートに含まれます。

うまくいかない場合

  • スタイルでページが隠れたり壊れたりした。 クリック 「自分のCSSなし」 エディターで — スタイルなしで開きます。サイトの任意のページで、URLに ?nocustomcss=1 を追加しても同じ効果があります(管理者のみ有効)。
  • 「ファイルが変更されました」。 別のタブまたは別の管理者がファイルを変更しました。自分のテキストで上書きするか、キャンセルしてテキストをコピーし、ページを更新できます。
  • 「CSSファイルが大きすぎます」。 上限は512KBです。不要な部分を削除してください。画像はCSS内にコードとして埋め込まず、リンクで挿入してください。
記事は役に立ちましたか?

こちらもご覧ください

ヘルプセクションでは、よくある質問への回答と、Site Lookサイトビルダーの操作に関する役立つ手順を見つけることができます。ここでは、セクションの管理方法、オブジェクトの追加方法、サイトの設定方法を学ぶことができます。資料は初心者にも経験者にも役立ちます。回答が見つからない場合は、サポートにお問い合わせください。