サイトのデザインやサイトの特定の要素を変更する必要があるときはいつでも、Squarespaceのスタイルエディタを使用します。スタイルエディタはスタイルモードの一部で、プレビュー領域にアクセスします。ブラウザにスタイルエディタを読み込むには、以下の手順に従ってください。
-
あなたのウェブサイトにログインしてください。
あなたはサイトマネージャーに行きます。
-
画面の左上にあるプレビューアイコンをクリックします。
<！ - 1 - >プレビューエディタが画面に表示されます。
-
画面の右下にある[プレビューエディタ]ツールバーのペイントブラシアイコンをクリックします。
スタイルエディタがブラウザウィンドウの左側に表示され、サイトを右側に移動します。プレビューエディタのツールバーは、スタイルモードになっていることを示すスタイルモードボタンに置き換えられています。
<！スタイルエディタでサイトのカスタマイズを完了し、スタイルモードを終了するには、次の手順に従います。
スタイルエディタの下部にある[保存]ボタンをクリックします。
-
スタイルエディタで行った変更は保存されます。
「スタイルモード」ボタンのxをクリックします。
-
スタイルエディタが非表示になり、スタイルモードボタンがプレビューエディタツールバーに戻ります。
-
<！スタイルエディタは5つの主要セクションに分かれています：
色：
テキスト、リンク、罫線、およびサイト背景の新しい色を選択します。このセクションに背景画像を追加することもできます。
-
タイポグラフィ： フォントファミリ、フォントサイズ、および行の高さを変更して、サイトのテキストを調整します。太字または斜体を追加する。もっと。
-
サイズと値： サイトの要素の幅と間隔を調整します。
-
オプション： ブログページのページヘッダーの高さやサイドバーの位置など、テンプレート固有の設定を構成します。
-
カスタムCSS： カスタムCSSコードを追加して高度なスタイルを適用します。スタイルエディタの下部にあるCSSボタンをクリックしてCSSダイアログボックスを開き、カスタムコードを追加します。
-
上記のセクションをすべて表示するには、スタイルエディタのリストをスクロールする必要があります。スタイルエディタは一部のブラウザではスクロールバーを表示しませんが、マウスのスクロールメカニズムやタッチパッドデバイスを使用するとスクロールします。 次に、変更するサイト要素を選択する方法を見ていきます。
