サイトに独自のCSSを追加する方法
← 戻る「独自CSS」モジュールを持つ管理用セクションを作成し、管理者のみにアクセスを許可します — そのページにCSSエディタがあり、スタイルはサイトのすべてのページに適用されます。
- 「サイト構造」セクションで 「メインメニュー項目を追加」をクリックし、セクション名を入力します(例:「マイCSS」)。
- フィールド 「モジュール」 で 「選択」 からカードを探します 「カスタムCSS」 (コード
custom_css). - 「アクセスレベル」 —「管理者のみ」。保存します。
- このセクションを開きます。初回開封時に「サイトのCSSファイルが作成されました。サイトの全ページで最後に読み込まれます。」と表示されます。
- エディターでルールを記述します。Tabでインデント、Shift+Tabでインデント解除。
- クリック 「保存」 またはCtrl+S。変更はページを更新すると反映されます。
ファイルは各ページで最後に読み込まれるため、セレクターの詳細度が同じ場合、エンジンのスタイルを上書きします。ただし、ブロックのスタイル設定(歯車アイコン)はブロックに直接書き込まれるため、それを上書きできるのは !important.
ファイルはサイトのファイル群に保存され、バックアップやテンプレートに含まれます。
うまくいかない場合
- スタイルでページが隠れたり壊れたりした。 クリック 「自分のCSSなし」 エディターで — スタイルなしで開きます。サイトの任意のページで、URLに
?nocustomcss=1を追加しても同じ効果があります(管理者のみ有効)。 - 「ファイルが変更されました」。 別のタブまたは別の管理者がファイルを変更しました。自分のテキストで上書きするか、キャンセルしてテキストをコピーし、ページを更新できます。
- 「CSSファイルが大きすぎます」。 上限は512KBです。不要な部分を削除してください。画像はCSS内にコードとして埋め込まず、リンクで挿入してください。
記事は役に立ちましたか?
ありがとうございます、記録しました。
こちらもご覧ください
ロゴとファビコンの設定方法両方の画像はインフォーマー「ロゴ」の設定で、「ロゴ」と「ファビコン」フィールドにアップロードします。ブロックの装飾方法:枠線、背景、余白、影ブロックにカーソルを合わせて歯車をクリックすると、スタイルウィンドウが開き、「境界線」「ブロック」「テキスト」「リンク」「アニメーション」「位置」タブが表示されます。カウンターや外部ウィジェットを全ページに追加する方法一般設定の「サイトについて」タブ、「ウィジェットのHTMLコード」フィールド — コードはサイトの各ページに挿入されます。メニューのインフォーマーとはこれらはメニュー内で項目と同列に並ぶ小さなウィジェットです:ロゴ、カート、検索、言語切り替え、チャットなど。
ヘルプセクションでは、よくある質問への回答と、Site Lookサイトビルダーの操作に関する役立つ手順を見つけることができます。ここでは、セクションの管理方法、オブジェクトの追加方法、サイトの設定方法を学ぶことができます。資料は初心者にも経験者にも役立ちます。回答が見つからない場合は、サポートにお問い合わせください。
