画像キャプションのスタイルを設定する

画像のタイトルと説明の表示方法をカスタマイズします⁠。

最終更新日 2024年9月09日

キ⁠ャプシ⁠ョンとは⁠、画像に情報とコンテキストを追加する⁠、テキストのタイトルと説明文のことです⁠。キ⁠ャプシ⁠ョンには⁠、独自のスタイル微調整オプシ⁠ョンはありません⁠。代わりに⁠、サイト上の他のテキストの微調整オプシ⁠ョンに従います⁠。

画像キ⁠ャプシ⁠ョンのスタイルを設定する方法は⁠、画像の場所と表示設定によ⁠って異なります⁠。キ⁠ャプシ⁠ョンは通常⁠、以下の3つの方法のいずれかで表示されます⁠。

  • キ⁠ャプシ⁠ョンを下に - ペ⁠ージ上の画像の下にテキストが表示されます⁠。
  • キ⁠ャプシ⁠ョン オ⁠ーバ⁠ーレイ - テキストは⁠、常時⁠、またはカ⁠ーソルを合わせたときのみ画像上に表示されます⁠。
  • ライトボ⁠ックス キ⁠ャプシ⁠ョン オ⁠ーバ⁠ーレイ - ライトボ⁠ックスを有効にすると⁠、クリ⁠ックしたときに画像がポ⁠ップア⁠ップに表示されます⁠。カ⁠ーソルを合わせると画像の上にキ⁠ャプシ⁠ョンが表示されます⁠。

このガイドでは⁠、サイト上のキ⁠ャプシ⁠ョンを表示するすべての画像のスタイル設定ル⁠ールについて説明します⁠。

動画を見る

始める前に

  • フ⁠ォントには個別の微調整オプシ⁠ョンがあります⁠。
  • キ⁠ャプシ⁠ョンはなるべく短くしまし⁠ょう⁠。特にキ⁠ャプシ⁠ョンが画像に重なる場合は⁠、そうすることをおすすめします⁠。一部のデバイスやブラウザ⁠ーでは⁠、長いキ⁠ャプシ⁠ョンは切り詰められる場合があります⁠。

バ⁠ージ⁠ョン7⁠.0の場合は⁠、以下のようになります⁠。

  • 画像キ⁠ャプシ⁠ョンのタイトルには改行を追加できません⁠。画像の説明文には改行を追加できます⁠。
  • 当社では⁠、見出しやメタ テキストではないテキストを指すにあたり「⁠本文⁠」という用語を使用していますが⁠、各テンプレ⁠ートには独自の微調整オプシ⁠ョン名があります⁠。たとえば⁠、Adirondackの場合⁠、本文のフ⁠ォントをコントロ⁠ールする微調整オプシ⁠ョンは [⁠テキスト⁠] と呼ばれます⁠。Skyeでは [⁠本文⁠] と呼ばれます⁠。詳細については⁠、「⁠テキストのスタイル設定⁠」を参照してください⁠。
  • 一部のテンプレ⁠ートには⁠、1つの微調整オプシ⁠ョンだけですべてのヘ⁠ッダ⁠ーの色またはすべてのヘ⁠ッダ⁠ーのフ⁠ォントを制御するものもあります⁠。このような場合⁠、固有のヘ⁠ッダ⁠ー スタイル (⁠見出し3など⁠) に従⁠ったキ⁠ャプシ⁠ョンは⁠、一般的なヘ⁠ッダ⁠ー微調整オプシ⁠ョンに従います⁠。

7⁠.0のサイトでキ⁠ャプシ⁠ョンのスタイル設定が難しい場合は⁠、テスト ペ⁠ージで試してみることをおすすめします⁠。次の手順に従⁠ってください⁠。

  1. ナビゲ⁠ーシ⁠ョンの [⁠リンクなし⁠] セクシ⁠ョンにレイアウト ペ⁠ージを作成します⁠。
  2. 見出し1⁠、見出し2⁠、見出し3⁠、および本文を含むテキスト ブロ⁠ックを追加します (⁠少なくとも4行のテキストが必要です⁠)⁠。
  3. サイト スタイルを使用して⁠、それぞれに個別のフ⁠ォントと色を指定します⁠。
  4. キ⁠ャプシ⁠ョンを見て⁠、どのように変更されているかを確認します⁠。

ギ⁠ャラリ⁠ー セクシ⁠ョン

この機能へのアクセス

バ⁠ージ⁠ョン7⁠.0はギ⁠ャラリ⁠ー セクシ⁠ョンをサポ⁠ートしていません⁠。代わりにギ⁠ャラリ⁠ー ペ⁠ージを使用してください⁠。

ギ⁠ャラリ⁠ー セクシ⁠ョンの画像は説明文をサポ⁠ートしており⁠、セクシ⁠ョン エデ⁠ィタ⁠ーで [⁠キ⁠ャプシ⁠ョン⁠] トグルがオンにな⁠っているときに表示されます⁠。

すべてのレイアウトで⁠、以下のようになります⁠。

  • フ⁠ォント - [⁠段落⁠] に追従
  • - [⁠段落⁠: 中⁠] に追従
  • サイズ - 調整不可
  • キ⁠ャプシ⁠ョンの配置 - 調整不可

以下の点に留意してください⁠。

  • 画像の説明では⁠、改行はサポ⁠ートされていません⁠。
  • キ⁠ャプシ⁠ョンは⁠、すべての [⁠グリ⁠ッド⁠] レイアウト⁠、[⁠スライドシ⁠ョ⁠ー⁠: シンプル⁠] レイアウト⁠、および [⁠フル⁠] レイアウトの各画像の下に表示されます⁠。[⁠スライドシ⁠ョ⁠ー⁠: リ⁠ール⁠] レイアウトでは⁠、キ⁠ャプシ⁠ョンは中央の画像の下にのみ表示されます⁠。
  • キ⁠ャプシ⁠ョンはライトボ⁠ックス ビ⁠ュ⁠ーでは表示されません⁠。

画像ブロ⁠ック

キ⁠ャプシ⁠ョンを追加する代わりに⁠、創造エデ⁠ィタ⁠ー セクシ⁠ョンでテキスト ブロ⁠ックを使用して⁠、画像ブロ⁠ックに隣接またはオ⁠ーバ⁠ーレイするテキストを追加します⁠。

クラシ⁠ック エデ⁠ィタ⁠ーでは⁠、ほとんどの画像ブロ⁠ック レイアウトが⁠、独自のスタイル設定を持つタイトルとサブタイトルをサポ⁠ートしています⁠。これらのキ⁠ャプシ⁠ョンのスタイルの設定方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

ヒント

創造エデ⁠⁠ィタ⁠⁠ー セクシ⁠⁠ョンに追加された画像ブロ⁠⁠ックには⁠⁠、組み込みのレイアウト オプシ⁠⁠ョンがありません⁠⁠。画像ブロ⁠⁠ックにキ⁠⁠ャプシ⁠⁠ョンを追加する代わりに⁠⁠、テキスト ブロ⁠⁠ックを使用して⁠⁠、画像ブロ⁠⁠ックに隣接またはオ⁠⁠ーバ⁠⁠ーレイするテキストを追加します⁠⁠。

クラシ⁠⁠ック エデ⁠⁠ィタ⁠⁠ー セクシ⁠⁠ョンに追加されたインライン レイアウトでは⁠⁠、画像の下のキ⁠⁠ャプシ⁠⁠ョンを⁠⁠、オ⁠⁠ーバ⁠⁠ーレイとして⁠⁠、またはライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイとして表示できます⁠⁠。テキスト ツ⁠⁠ールバ⁠⁠ーでは⁠⁠、キ⁠⁠ャプシ⁠⁠ョン テキストを書式設定できます⁠⁠。それぞれのスタイル設定ル⁠⁠ールについては以下を参照してください⁠⁠。

キ⁠⁠ャプシ⁠⁠ョンを下に

インライン画像ブロ⁠⁠ックの下に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - [⁠⁠⁠⁠] で設定されたテキスト タイプの場合は [⁠⁠テキスト⁠⁠] 微調整オプシ⁠⁠ョンに追従
  • サイズ - テキスト ツ⁠⁠ールバ⁠⁠ーで設定

キ⁠⁠ャプシ⁠⁠ョン オ⁠⁠ーバ⁠⁠ーレイ

インライン画像ブロ⁠⁠ックの上に常に⁠⁠、またはカ⁠⁠ーソルを合わせたときに表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - 常に白
  • サイズ - テキスト ツ⁠⁠ールバ⁠⁠ーで設定

ライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイ

ライトボ⁠⁠ックスのポ⁠⁠ップア⁠⁠ップ中にインライン画像ブロ⁠⁠ックの上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - [⁠⁠フ⁠⁠ォント⁠⁠] に追従
  • - 常に白
  • サイズ - [⁠⁠段落3⁠⁠] に追従

インライン レイアウトでは⁠⁠、画像の下のキ⁠⁠ャプシ⁠⁠ョンを⁠⁠、オ⁠⁠ーバ⁠⁠ーレイとして⁠⁠、またはライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイとして表示できます⁠⁠。それぞれのスタイル設定ル⁠⁠ールについては以下を参照してください⁠⁠。

キ⁠⁠ャプシ⁠⁠ョンを下に

ほとんどのテンプレ⁠⁠ートで⁠⁠、インライン画像ブロ⁠⁠ックの下に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 本文に追従
  • サイズ - 調整不可

ただし⁠⁠、例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーの表を確認してください⁠⁠。

Bedford

サイズ - 本文に追従

Five

フ⁠⁠ォント - 常に黒⁠⁠、大文字

Pacific

サイズ - 本文に追従

Skye

フ⁠⁠ォント⁠⁠、色⁠⁠、サイズ - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従

York

サイズ - 本文に追従

キ⁠⁠ャプシ⁠⁠ョン オ⁠⁠ーバ⁠⁠ーレイ

ほとんどのテンプレ⁠⁠ートで⁠⁠、インライン画像ブロ⁠⁠ックがペ⁠⁠ージに表示されているときにその上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 常に灰色
  • サイズ - 調整不可

ただし⁠⁠、例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーの表を確認してください⁠⁠。

Five

フ⁠⁠ォント - 常に大文字

Skye

フ⁠⁠ォント - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従

ライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイ

ほとんどのテンプレ⁠⁠ートで⁠⁠、ライトボ⁠⁠ックスのポ⁠⁠ップア⁠⁠ップ中にインライン画像ブロ⁠⁠ックの上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 常に白
  • サイズ - 調整不可

ただし⁠⁠、例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーの表を確認してください⁠⁠。

Adirondack

フ⁠⁠ォント - 調整不可

Bedford

フ⁠⁠ォント - 調整不可

Five サイズ - 本文に追従

Flatiron

- 本文に追従

Pacific

フ⁠⁠ォント - 調整不可

Skye

フ⁠⁠ォント - [⁠⁠抜粋⁠⁠] 微調整オプシ⁠⁠ョンに追従
サイズ - [⁠⁠抜粋⁠⁠] 微調整オプシ⁠⁠ョンに追従

Tremont

フ⁠⁠ォント - 調整不可
- 本文に追従

Wexley

サイズ - 本文に追従

概要ブロ⁠ック

概要ブロ⁠ックは⁠、すべてのデザイン (⁠ウ⁠ォ⁠ール⁠、リスト⁠、カル⁠ーセル⁠、グリ⁠ッド⁠) のキ⁠ャプシ⁠ョンをサポ⁠ートします⁠。

概要ブロ⁠ックのキ⁠ャプシ⁠ョンのスタイルの設定方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

すべての概要ブロ⁠⁠ックのデザインで⁠⁠、以下のようになります⁠⁠。

  • タイトルのサイズ - [⁠⁠段落2⁠⁠] に追従
  • 説明文のサイズメタのサイズ - 調整不可
  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - [⁠⁠⁠⁠] の [⁠⁠概要ブロ⁠⁠ック⁠⁠] 微調整オプシ⁠⁠ョンに追従

すべてのテンプレ⁠⁠ートで⁠⁠、以下のようになります⁠⁠。

  • タイトルのサイズ⁠⁠、説明文のサイズ⁠⁠、およびメタのサイズ - 調整不可
  • 説明文のフ⁠⁠ォント - 本文に追従
  • 説明文の色 - 本文に追従
  • タイトルの色 - テンプレ⁠⁠ートによ⁠⁠って異なります⁠⁠。以下のリストを参照してください

ほとんどのテンプレ⁠⁠ートでは以下のようになります⁠⁠。

  • メタ1および2のフ⁠⁠ォント - 本文に追従
  • メタ1および2の色 - 本文に追従
  • タイトルのフ⁠⁠ォント - 本文に追従

ただし⁠⁠、例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーの表を確認してください⁠⁠。

Adirondack

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Avenue

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Aviator

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Bedford

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従
メタ1および2の色 - [⁠⁠ペ⁠⁠ージのメタの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Brine

タイトルの色 - 本文に追従

Farro

タイトルの色 - 本文に追従

Five

タイトルの色 - [⁠⁠本文リンク⁠⁠] 微調整オプシ⁠⁠ョンに追従

ギ⁠⁠ャラリ⁠⁠ーとブログ⁠⁠:

  • メタ1の色 - 本文に追従
  • メタ2の色 - [⁠⁠本文リンク⁠⁠] 微調整オプシ⁠⁠ョンに追従

イベント⁠⁠:

  • メタ1および2の色 - 本文に追従

商品⁠⁠:

  • メタ1および2の色 - [⁠⁠本文リンク⁠⁠] 微調整オプシ⁠⁠ョンに追従

Flatiron

タイトルの色 - [⁠⁠リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Forte

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従
[⁠⁠本文リンクに下線を引く⁠⁠] 微調整オプシ⁠⁠ョンは [⁠⁠メタ2⁠⁠] に影響

Galapagos

タイトルの色 - [⁠⁠リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Ishimoto

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Marquee (⁠⁠廃止⁠⁠)

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Momentum

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Montauk

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Native

タイトルのフ⁠⁠ォント - [⁠⁠見出し1⁠⁠] に追従
タイトルの色 - [⁠⁠見出し1⁠⁠] に追従

Pacific

タイトルのフ⁠⁠ォント - [⁠⁠概要ブロ⁠⁠ックのタイトルのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠概要ブロ⁠⁠ックのタイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従
メタ1および2のフ⁠⁠ォント - [⁠⁠メタのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
メタ1および2の色 - [⁠⁠メタの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Skye

タイトルのフ⁠⁠ォント - [⁠⁠リストのタイトル⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠タイトルの色⁠⁠] 微調整オプシ⁠⁠ョンに追従
メタ1および2のフ⁠⁠ォント - [⁠⁠メタ⁠⁠] 微調整オプシ⁠⁠ョンに追従
メタ1および2の色 - [⁠⁠メタの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Supply

タイトルの色 - [⁠⁠リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Tremont

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

ギ⁠⁠ャラリ⁠⁠ーとブログ⁠⁠:

  • メタ1および2のフ⁠⁠ォント - [⁠⁠メタのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
  • メタ1の色 - [⁠⁠メタの色⁠⁠] 微調整オプシ⁠⁠ョンに追従
  • メタ2の色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

イベント⁠⁠:

  • メタ1および2のフ⁠⁠ォント - [⁠⁠メタのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
  • メタ1および2の色 - [⁠⁠メタの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

商品

  • メタ1および2のフ⁠⁠ォント - [⁠⁠メタのフ⁠⁠ォント⁠⁠] 微調整オプシ⁠⁠ョンに追従
  • メタ1および2の色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Wells

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Wexley

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

York

タイトルの色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

ギ⁠⁠ャラリ⁠⁠ーとブログ⁠⁠:

  • メタ1の色 - 本文に追従
  • メタ2の色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

イベント⁠⁠:

  • メタ1および2の色 - 本文に追従

商品⁠⁠:

  • メタ1および2の色 - [⁠⁠本文リンクの色⁠⁠] 微調整オプシ⁠⁠ョンに追従

Instagramブロ⁠ック

Instagramブロ⁠ックは⁠、スライドシ⁠ョ⁠ーおよびスタ⁠ック デザインと⁠、ライトボ⁠ックスに表示したときのグリ⁠ッド デザインのキ⁠ャプシ⁠ョンをサポ⁠ートします⁠。

キ⁠ャプシ⁠ョン テキストを調整する方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

スタ⁠⁠ック

各画像の下にスタ⁠⁠ックされるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - [⁠⁠段落⁠⁠: 中⁠⁠] に追従
  • サイズ - [⁠⁠段落2⁠⁠] に追従

スライドシ⁠⁠ョ⁠⁠ー

スライドシ⁠⁠ョ⁠⁠ーのキ⁠⁠ャプシ⁠⁠ョンは⁠⁠、常時⁠⁠、またはカ⁠⁠ーソルを合わせたときにオ⁠⁠ーバ⁠⁠ーレイとして以下のように表示されます⁠⁠。

  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - 常に白
  • サイズ - 調整不可

グリ⁠⁠ッド

グリ⁠⁠ッド キ⁠⁠ャプシ⁠⁠ョンはライトボ⁠⁠ックスで以下のようにオ⁠⁠ーバ⁠⁠ーレイ表示されます⁠⁠。

  • フ⁠⁠ォント - [⁠⁠フ⁠⁠ォント⁠⁠] に追従
  • - 常に白
  • サイズ - 調整不可

スタ⁠⁠ック

各画像の下にスタ⁠⁠ックされるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、すべてのテンプレ⁠⁠ートで⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 本文に追従
  • サイズ - 本文に追従

スライドシ⁠⁠ョ⁠⁠ー

スライドシ⁠⁠ョ⁠⁠ーのキ⁠⁠ャプシ⁠⁠ョンは⁠⁠、常時⁠⁠、またはカ⁠⁠ーソルを合わせたときにオ⁠⁠ーバ⁠⁠ーレイとして表示されます⁠⁠。すべてのテンプレ⁠⁠ートで⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 常に白
  • サイズ - 調整不可

グリ⁠⁠ッド

グリ⁠⁠ッド キ⁠⁠ャプシ⁠⁠ョンはライトボ⁠⁠ックスでオ⁠⁠ーバ⁠⁠ーレイ表示されます⁠⁠。ほとんどのテンプレ⁠⁠ートでは以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 常に白
  • サイズ - 本文に追従

例外

キ⁠⁠ャプシ⁠⁠ョンのフ⁠⁠ォントキ⁠⁠ャプシ⁠⁠ョンのサイズは⁠⁠、以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーでは調整できません⁠⁠。

  • Adirondack
  • Bedford
  • Pacific

グリ⁠ッド ギ⁠ャラリ⁠ー ブロ⁠ック

グリ⁠ッド ギ⁠ャラリ⁠ー ブロ⁠ックのキ⁠ャプシ⁠ョン テキストの調整方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

この機能へのアクセス

バ⁠⁠ージ⁠⁠ョン7⁠⁠.1では⁠⁠、ブログ記事⁠⁠、商品アイテム⁠⁠、個別のイベントにのみギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを追加できます⁠⁠。

グリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのタイトルは画像の下に表示できます⁠⁠。タイトルと説明はライトボ⁠⁠ックスでオ⁠⁠ーバ⁠⁠ーレイ表示されます⁠⁠。

下のタイトル

グリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの画像の下に表示されるタイトルの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • - [⁠⁠⁠⁠] の [⁠⁠段落⁠⁠: 中⁠⁠] に追従
  • サイズ - 調整不可

ライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイ

ライトボ⁠⁠ックスのポ⁠⁠ップア⁠⁠ップ中にグリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの画像の上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - [⁠⁠見出し⁠⁠] に追従
  • タイトルの色 - 常に白
  • タイトルのサイズ - 調整不可
  • 説明文のフ⁠⁠ォント - [⁠⁠フ⁠⁠ォント⁠⁠] に追従
  • 説明文の色 - 常に白
  • サイズ - 調整不可

グリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのタイトルは画像の下に表示できます⁠⁠。タイトルと説明はライトボ⁠⁠ックスでオ⁠⁠ーバ⁠⁠ーレイ表示されます⁠⁠。

下のタイトル

すべてのテンプレ⁠⁠ートで⁠⁠、グリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの画像の下に表示されるタイトルの場合は⁠⁠、以下のようになります⁠⁠。

  • フ⁠⁠ォント - 本文に追従
  • - 本文に追従
  • サイズ - 調整不可

ライトボ⁠⁠ックス オ⁠⁠ーバ⁠⁠ーレイ

ほとんどのテンプレ⁠⁠ートで⁠⁠、ライトボ⁠⁠ックスのポ⁠⁠ップア⁠⁠ップ中にグリ⁠⁠ッド ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの画像の上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - [⁠⁠見出し1⁠⁠] に追従
  • タイトルの色 - 常に
  • タイトルのサイズ- 本文に追従
  • 説明文のフ⁠⁠ォント - 本文に追従
  • 説明文の色 - 常に
  • 説明文のサイズ - 本文に追従

ただし⁠⁠、例外があります⁠⁠。以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーの表を確認してください⁠⁠。

Adirondack

タイトルのサイズ - 調整不可
説明文のフ⁠⁠ォント - 調整不可
説明文のサイズ - 調整不可

Bedford

タイトルのサイズ - 調整不可
説明文のフ⁠⁠ォント - 調整不可
説明文のサイズ - 調整不可

Five

タイトルのサイズ - [⁠⁠見出し1⁠⁠] に追従

Flatiron

説明文の色 - 本文に追従

Galapagos

タイトルの色 - [⁠⁠見出し1⁠⁠] に追従
タイトルのサイズ - [⁠⁠見出し1⁠⁠] に追従

注⁠⁠: サイト スタイルでカスタム見出しを有効にする

Pacific

タイトルの色⁠⁠: [⁠⁠見出し1⁠⁠] に追従
タイトルのサイズ⁠⁠: [⁠⁠見出し1⁠⁠] に追従
説明文のフ⁠⁠ォント⁠⁠: 調整不可

Skye

タイトルのフ⁠⁠ォント - [⁠⁠リストのタイトル⁠⁠] 微調整オプシ⁠⁠ョンに追従
タイトルの色 - [⁠⁠サイト全体のテキストの色⁠⁠] の [⁠⁠タイトルの色⁠⁠] に追従
タイトルのサイズ - 調整不可
説明文のフ⁠⁠ォント - [⁠⁠抜粋⁠⁠] 微調整オプシ⁠⁠ョンに追従
説明文のサイズ - [⁠⁠抜粋⁠⁠] 微調整オプシ⁠⁠ョンに追従

注⁠⁠: リストのタイトルとタイトルの色の微調整オプシ⁠⁠ョンは⁠⁠、ブログ ペ⁠⁠ージを表示しているときにのみ使用できます⁠⁠。

Tremont

説明文のフ⁠⁠ォント - 調整不可
説明文の色 - 本文に追従
説明文のサイズ
- 調整不可

York

タイトルの色 - [⁠⁠見出し1⁠⁠] に追従
タイトルのサイズ - [⁠⁠見出し1⁠⁠] に追従

ヒント

一部のテンプレ⁠⁠ートでは⁠⁠、[⁠⁠タイトルの色⁠⁠] 微調整オプシ⁠⁠ョンはブログ投稿のタイトルにも影響します⁠⁠。見やすくするには⁠⁠、[⁠⁠タイトルの色⁠⁠] をサイトの背景色とは違う色にしてください⁠⁠。

スライドシ⁠ョ⁠ー ギ⁠ャラリ⁠ー ブロ⁠ック

スライドシ⁠ョ⁠ー ギ⁠ャラリ⁠ー ブロ⁠ックのキ⁠ャプシ⁠ョン テキストの調整方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

この機能へのアクセス

バ⁠⁠ージ⁠⁠ョン7⁠⁠.1では⁠⁠、ブログ記事⁠⁠、商品アイテム⁠⁠、個別のイベントにのみギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを追加できます⁠⁠。

スライドシ⁠⁠ョ⁠⁠ー ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンはオ⁠⁠ーバ⁠⁠ーレイとしてのみ表示できます⁠⁠。スライドシ⁠⁠ョ⁠⁠ー ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ック上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • タイトルの色 - 常に白
  • タイトルのサイズ - 調整不可
  • 説明文のフ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • 説明文の色 - 常に白
  • サイズ - 調整不可

スライドシ⁠⁠ョ⁠⁠ー ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンはオ⁠⁠ーバ⁠⁠ーレイとしてのみ表示できます⁠⁠。ほとんどのテンプレ⁠⁠ートで⁠⁠、スライドシ⁠⁠ョ⁠⁠ー ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの上に表示されるキ⁠⁠ャプシ⁠⁠ョンの場合は⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - 本文に追従
  • タイトルの色 - 常に白
  • タイトルのサイズ - 調整不可
  • 説明文のフ⁠⁠ォント - 本文に追従
  • 説明文の色 - 常に白
  • サイズ - 調整不可

Skyeフ⁠⁠ァミリ⁠⁠ーでは⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - 本文に追従
  • 説明文のフ⁠⁠ォント - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従

スタ⁠ック ギ⁠ャラリ⁠ー ブロ⁠ック

スタ⁠ック ギ⁠ャラリ⁠ー ブロ⁠ックのキ⁠ャプシ⁠ョン テキストの調整方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

この機能へのアクセス

バ⁠⁠ージ⁠⁠ョン7⁠⁠.1では⁠⁠、ブログ記事⁠⁠、商品アイテム⁠⁠、個別のイベントにのみギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを追加できます⁠⁠。

スタ⁠⁠ック ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンは⁠⁠、画像の下にのみ表示でき⁠⁠、以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - [⁠⁠見出し⁠⁠] に追従
  • タイトルの色 - [⁠⁠見出し (⁠⁠中⁠⁠)⁠⁠] に追従
  • タイトルのサイズ - [⁠⁠見出し3⁠⁠] に追従
  • 説明文のフ⁠⁠ォント - [⁠⁠段落⁠⁠] に追従
  • 説明文の - [⁠⁠段落 (⁠⁠中⁠⁠)⁠⁠] に追従
  • 説明文のサイズ - [⁠⁠段落2⁠⁠] に追従

スタ⁠⁠ック ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンは⁠⁠、画像の下にのみ表示できます⁠⁠。ほとんどのテンプレ⁠⁠ートでは以下のようになります⁠⁠。

  • タイトルのフ⁠⁠ォント - [⁠⁠見出し3⁠⁠] に追従
  • タイトルの色 - [⁠⁠見出し3⁠⁠] に追従
  • タイトルのサイズ - [⁠⁠見出し3⁠⁠] に追従
  • 説明文のフ⁠⁠ォント - 本文に追従
  • 説明文の色 - 本文に追従
  • 説明文のサイズ - 本文に追従

ヒント

Galapagosヘ⁠⁠ッダ⁠⁠ーのスタイルを設定するには⁠⁠、サイト スタイルの [⁠⁠カスタム見出し⁠⁠] を有効にします⁠⁠。

Skyeフ⁠⁠ァミリ⁠⁠ーでは⁠⁠、以下のようになります⁠⁠。

  • タイトルの色 - 本文ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのタイトルの微調整オプシ⁠⁠ョンに追従
  • 説明文のフ⁠⁠ォント - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従
  • 説明文の色 - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従
  • 説明文のサイズ - 画像およびギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのキ⁠⁠ャプシ⁠⁠ョンの微調整オプシ⁠⁠ョンに追従

カル⁠ーセル ギ⁠ャラリ⁠ー ブロ⁠ック

この機能へのアクセス

バ⁠ージ⁠ョン7⁠.1では⁠、ブログ記事⁠、商品アイテム⁠、個別のイベントにのみギ⁠ャラリ⁠ー ブロ⁠ックを追加できます⁠。

カル⁠ーセル ギ⁠ャラリ⁠ー ブロ⁠ックにはキ⁠ャプシ⁠ョンが表示されません⁠。

ギ⁠ャラリ⁠ー ペ⁠ージ

この機能へのアクセス

バ⁠ージ⁠ョン7⁠.1はギ⁠ャラリ⁠ー ペ⁠ージをサポ⁠ートしていません⁠。代わりにギ⁠ャラリ⁠ー セクシ⁠ョンを使用してください⁠。

バ⁠ージ⁠ョン7⁠.0のすべてのテンプレ⁠ートには⁠、組み込みのギ⁠ャラリ⁠ー ペ⁠ージがあります⁠。多くのテンプレ⁠ートには固有のギ⁠ャラリ⁠ー ペ⁠ージがありますが⁠、スライドシ⁠ョ⁠ーまたはグリ⁠ッドとして表示できる標準のギ⁠ャラリ⁠ー ペ⁠ージを使用するテンプレ⁠ートもあります⁠。

固有のギ⁠ャラリ⁠ー ペ⁠ージ

以下のテンプレ⁠ート フ⁠ァミリ⁠ーには固有の (⁠テンプレ⁠ート固有の⁠) ギ⁠ャラリ⁠ー ペ⁠ージがあります⁠。各テンプレ⁠ートのギ⁠ャラリ⁠ー ペ⁠ージについては⁠、以下のリンクにアクセスしてください⁠。ここにリストされていないテンプレ⁠ートには⁠、標準のギ⁠ャラリ⁠ー ペ⁠ージが付きます⁠。

標準のギ⁠ャラリ⁠ー ペ⁠ージがあるほとんどのテンプレ⁠ートでは⁠、以下のようになります⁠。

グリ⁠ッド形式⁠:

  • タイトルのフ⁠ォント - [⁠見出し1⁠] に追従
  • タイトルの色 - 常に
  • タイトルのサイズ- 本文に追従
  • 説明文のフ⁠ォント - 本文に追従
  • 説明文の色 - 常に
  • 説明文のサイズ - 本文に追従

スライドシ⁠ョ⁠ー形式⁠:

  • タイトルのフ⁠ォント - 本文に追従
  • タイトルの色 - 常に
  • タイトルのサイズ - 調整不可
  • 説明文のフ⁠ォント - 本文に追従
  • 説明文の色 - 常に灰色
  • サイズ - 調整不可

注⁠: 本文の微調整オプシ⁠ョンにより⁠、タイトルと説明の間隔が調整されます⁠。

ただし⁠、例外があります⁠。以下のテンプレ⁠ート フ⁠ァミリ⁠ーの表を確認してください⁠。

テンプレ⁠ート フ⁠ァミリ⁠ー

グリ⁠ッド形式

スライドシ⁠ョ⁠ー形式

Adirondack

タイトルのフ⁠ォント - 調整不可
タイトルのサイズ - 調整不可
説明文のフ⁠ォント - 調整不可
説明文のサイズ - 調整不可

タイトルのフ⁠ォント - [⁠見出し1⁠] に追従

注⁠: 常に上部中央に表示

Bedford

タイトルのサイズ - 調整不可
説明文のフ⁠ォント - 調整不可
説明文のサイズ - 調整不可

 

Five

タイトルのサイズ - [⁠見出し1⁠] に追従

 

Galapagos

タイトルの色 - [⁠見出し1⁠] に追従
タイトルのサイズ - [⁠見出し1⁠] に追従

注⁠: サイト スタイルで [⁠カスタム見出し⁠] を有効にしてください⁠。

 

Marquee (⁠廃止⁠)

タイトルのフ⁠ォント - 本文に追従
タイトルのサイズ - 本文に追従
説明文のサイズ - 本文に追従

 

Native

 

注⁠: 常に上部に表示

Pacific

タイトルの色 - [⁠見出し1⁠] に追従
タイトルのサイズ
- [⁠見出し1⁠] に追従
説明文のフ⁠ォント
- 調整不可
説明文のサイズ - 調整不可

 

Skye

タイトルのフ⁠ォント - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従
タイトルの色 - [⁠タイトルの色⁠] 微調整オプシ⁠ョンに追従
タイトルのサイズ - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従
説明文のフ⁠ォント - [⁠抜粋⁠] 微調整オプシ⁠ョンに追従
説明文のサイズ - [⁠抜粋⁠] 微調整オプシ⁠ョンに追従

注⁠: リストのタイトルとタイトルの色の微調整オプシ⁠ョンは⁠、ブログ ペ⁠ージを表示しているときにのみ使用できます⁠。

タイトルのフ⁠ォント - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従
タイトルの色 - [⁠タイトルの色⁠] 微調整オプシ⁠ョンに追従
タイトルのサイズ - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従
説明文のフ⁠ォント - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従
説明文の色 - [⁠タイトルの色⁠] 微調整オプシ⁠ョンに追従
説明文のサイズ - [⁠リストのタイトル⁠] 微調整オプシ⁠ョンに追従

注⁠: リストのタイトルとタイトルの色の微調整オプシ⁠ョンは⁠、ブログ ペ⁠ージを表示しているときにのみ使用できます⁠。

York

タイトルのフ⁠ォント - [⁠見出し1⁠] に追従
タイトルの色 - [⁠見出し1⁠] に追従
タイトルのサイズ - [⁠見出し1⁠] に追従

 

プロジ⁠ェクト ペ⁠ージ

この機能へのアクセス

バ⁠ージ⁠ョン7⁠.1はプロジ⁠ェクト ペ⁠ージをサポ⁠ートしていません⁠。代わりにギ⁠ャラリ⁠ー セクシ⁠ョンを使用してください⁠。

プロジ⁠ェクト ペ⁠ージはテンプレ⁠ート固有のポ⁠ートフ⁠ォリオ レイアウトで⁠、Yorkフ⁠ァミリ⁠ー (⁠Artesia⁠、Flores⁠、Harris⁠、Jasper⁠、Jones⁠、Lange⁠、Shibori⁠、York⁠) で利用できます⁠。プロジ⁠ェクト ペ⁠ージでは⁠、画像のタイトルと説明文のテキストが画像の横または下に表示されます⁠。

サイト スタイルの[⁠プロジ⁠ェクト⁠: フ⁠ォント⁠] セクシ⁠ョンにある微調整オプシ⁠ョンを使用して⁠、画像のタイトルと説明文のテキストのスタイルを設定します⁠。フ⁠ォントを拡大縮小して表示方法を制御することもできます⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。

画像キャプションのスタイルを設定する