サイトのフォント、色、間隔を編集します。

サイト スタイルのオプションを使用して、サイト全体のスタイル設定を変更します。サイトを構築する際には、「微調整オプション」と呼ばれる様々なスタイル オプションを試すことをおすすめします。これにより、何が可能かを把握し、気に入ったデザインを作成できるようになります。

これらのスタイル オプションはバージョン7.1サイト用です。バージョン7.0のサイト スタイルでは動作が異なります。

サイトのスタイル編集についての動画

この動画では、サイト全体のスタイルとページ セクションのスタイルを編集する方法をご紹介します。

ヒント: ウェビナー「サイトの編集とスタイル設定の基本」では、色やフォントのスタイル設定方法について説明します。ウェビナーの所要時間は通常は1時間で、サインアップにSquarespaceサイトやアカウントは必要ありません。

サイト スタイルをカスタマイズする

サイトのスタイルを設定する方法は、サイトをコンピューターで編集しているかSquarespaceアプリで編集しているかによって異なります。

サイトのテーマを選択する

テーマとは、「プロフェッショナル」、「お茶目」、「革新的」など、特定の雰囲気や美学に合わせてカテゴリー別に整理されたプリセット パックです。テーマを選択すると、サイトのフォント、色、ボタンが自動的に変更されますが、その後も個別の設定のスタイルを設定できます。

フォント、色、ボタンにテーマを適用するには、次の手順に従ってください。

1. [ページパネル] を開きます。
2. 任意のページをクリックし、右上隅にあるペイントブラシ アイコンをクリックします。ページの編集中にペイントブラシ アイコンをクリックすることもできます。
3. [テーマ] をクリックします。
4. テーマを選択します。

サイト スタイルではどのような変更ができますか？

以下を含め、サイト スタイルの変更は通常、サイト全体に適用されます。

• サイト全体で使用されるフォントを選択およびカスタマイズする
• サイトのカラー パレットをカスタマイズする
• サイトのボタンのスタイルを設定する
• サイトのフォームのスタイルを設定する
• サイト全体のアニメーションを追加する
• サイトの間隔を変更する
• 画像ブロックのレイアウトのスタイルを設定する

サイトのその他のエレメントのスタイルを設定する

サイト スタイル以外にも、以下のようなサイト上の特定のエレメントに対して、より詳細なスタイルの変更を行うことができます。

• サイトのヘッダー
• サイトのフッター
• ページのセクション
• ブログ ページ
• カレンダー ページ
• コース ページ
• ポートフォリオ ページ
• ストア ページ
• 動画ページ

サイト スタイルの変更を保存または元に戻す

サイト スタイルに変更を加える際、変更を保存したり、前の変更を元に戻したり、サイトの領域を既定のスタイルにリセットしたりできます。

スタイルの変更を保存する

スタイルを変更したら、ページ エディターの左上にある [保存] をクリックします。保存後に変更を元に戻すことはできません。

スタイルの変更を元に戻す

スタイルの変更を元に戻すには、次の手順に従ってください。

• 保存する前に、パネルの上部にある元へ戻す矢印をクリックします。これにより、最後に行ったスタイル変更が取り消されます。
• 元へ戻す矢印を複数回クリックすると、より多くの変更を順次取り消すことができます。
• 変更をやり直すには、やり直し矢印をクリックします。

ヒント: [サイト スタイル] パネルを閉じてページ コンテンツを編集しても、最後に変更したスタイルを元に戻したり、やり直したりすることができます。

既定のスタイルにリセットする

スタイル オプションによっては、サイトの既定値にリセットできます。これにより、選択したエリアが、サイト作成時に設定されていた状態に戻ります。保存すると、この変更は元に戻せません。

カスタムCSSを追加する

Squarespaceのすべてのサイトは、カスタム コードなしで、サイトのCSS (カスケーディング スタイル シート) を自動的に管理します。しかし、CSSを使い慣れていて、サイト スタイルに必要な変更が見つからない場合は、CSSエディターでカスタムCSSを追加できます。

スタイル変更に関するその他のヘルプ

サイトのスタイル変更についてさらにヘルプが必要な場合は、以下をお試しください。

• よくある質問については、スタイル変更に関するよくある質問 をご参照ください。
• 1時間のウェビナーに参加して、コンテンツの編集やサイト スタイルの調整の基本を学びましょう。
• プロのWebデザイナー向けのSquarespaceのパートナー プログラムであるCircleに参加すると、カスタム コードについて質問できるプライベートQ&Aフォーラムにアクセスできます。
• Squarespace Marketplaceを通じて第三者のデザイナーを採用し、サイトのデザインをカスタマイズできます。