画像クリックスルー URL

画像を他のペ⁠ージやWebサイトへのリンクに変換します⁠。

最終更新日 2024年10月25日

クリ⁠ックスル⁠ー URLを使用すると⁠、画像を他のWebサイト⁠、サイト上のペ⁠ージ⁠、メ⁠ールアドレス⁠、電話番号⁠、フ⁠ァイルへのリンクに変換できます⁠。

画像ブロ⁠ック⁠、ギ⁠ャラリ⁠ー セクシ⁠ョン⁠、ギ⁠ャラリ⁠ー ブロ⁠ックは⁠、どのSquarespaceサイトのクリ⁠ックスル⁠ー URLにも対応します⁠。バ⁠ージ⁠ョン7⁠.0の一部のテンプレ⁠ートは⁠、ギ⁠ャラリ⁠ー ペ⁠ージのクリ⁠ックスル⁠ー URLに対応します⁠。

クリ⁠ックスル⁠ー URLには様⁠々な用途があります⁠。以下の例をご確認ください⁠。

  • 画像ブロ⁠ックを使用してドキ⁠ュメントのプレビ⁠ュ⁠ーを表示し⁠、そのドキ⁠ュメントの⁠.pdf フ⁠ァイルを開くクリ⁠ックスル⁠ー URLを追加する⁠。
  • フ⁠ァ⁠ッシ⁠ョン コレクシ⁠ョンのギ⁠ャラリ⁠ーを作成し⁠、特定の商品にクリ⁠ックスル⁠ー URLを追加する⁠。

備考

クリ⁠ックスル⁠ー URLは⁠、カバ⁠ー ペ⁠ージや自動レイアウトではサポ⁠ートされていません⁠。

動画を見る

画像を追加する

クリ⁠ックスル⁠ー URLを作成するには⁠、まずサイトに画像を追加します⁠。

  • 画像ブロ⁠ックレイアウト ペ⁠ージに追加します⁠。これにより⁠、ペ⁠ージに1件の画像が追加されます⁠。
  • ペ⁠ージにギ⁠ャラリ⁠ー セクシ⁠ョンを追加します⁠。これにより⁠、様⁠々なレイアウトで複数の画像をア⁠ップロ⁠ードできるセクシ⁠ョンが追加されます⁠。
  • ブログ投稿またはイベントの説明にギ⁠ャラリ⁠ー ブロ⁠ックを追加します⁠。これにより⁠、様⁠々なレイアウトで複数の画像をア⁠ップロ⁠ードできるブロ⁠ックが追加されます⁠。バ⁠ージ⁠ョン7⁠.0では⁠、ギ⁠ャラリ⁠ー ブロ⁠ックをレイアウト ペ⁠ージに追加し⁠、既存のギ⁠ャラリ⁠ー ペ⁠ージに接続できます⁠。

ヒント

Squarespaceを初めて使用するお客様は⁠、「⁠Squarespaceの画像ギ⁠ャラリ⁠ー⁠」をご覧ください⁠。

ライトボ⁠ックス

ライトボ⁠ックスは⁠、訪問者が画像をクリ⁠ックしたときにオ⁠ーバ⁠ーレイで画像を開き⁠、ペ⁠ージの残りの部分を暗くするデザイン エフ⁠ェクトです⁠。サイトのどこに追加したかによ⁠っても異なりますが⁠、クリ⁠ックスル⁠ーURLはライトボ⁠ックス対応の画像でも機能します⁠。クリ⁠ックスル⁠ーURLとライトボ⁠ックスの詳細については⁠、「⁠ライトボ⁠ックスで開く画像の設定⁠」をご覧ください⁠。

画像ブロ⁠ック

画像ブロ⁠ックにクリ⁠ックスル⁠ー URLを追加する方法は以下の通りです⁠。

  1. 画像ブロ⁠ックをサイトに追加するか⁠、既存の画像ブロ⁠ックをクリ⁠ックします⁠。
  2. ブロ⁠ック ツ⁠ールバ⁠ーのリンクアイコンをクリ⁠ックするか鉛筆アイコンをクリ⁠ックしてブロ⁠ック エデ⁠ィタ⁠ーを開き⁠、[⁠リンクを添付⁠] をクリ⁠ックします⁠。一部の画像ブロ⁠ック レイアウトでは⁠、[⁠リンクを添付⁠] が表示される前に画像の上⁠] または [⁠ボタンの上⁠] を選択する必要があります⁠。
  3. [⁠URL⁠] フ⁠ィ⁠ールドにWebアドレスを追加するか⁠、[⁠URL⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックしてその他のオプシ⁠ョンを表示します⁠。

リンク オプシ⁠ョンの種類についての詳細は⁠、「⁠サイトにリンクを追加する⁠」をご覧ください⁠。

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

この機能へのアクセス

ギ⁠ャラリ⁠ー セクシ⁠ョンは⁠、バ⁠ージ⁠ョン7⁠.1でのみサポ⁠ートされています⁠。

ギ⁠ャラリ⁠ー セクシ⁠ョンの画像にクリ⁠ックスル⁠ー URLを追加する方法は以下の通りです⁠。

  1. ギ⁠ャラリ⁠ー セクシ⁠ョンのあるペ⁠ージをサイトに追加するか⁠、[⁠ペ⁠ージ⁠] パネルでギ⁠ャラリ⁠ー セクシ⁠ョンのある既存のペ⁠ージをクリ⁠ックします⁠。
  2. そのペ⁠ージ上で [⁠編集⁠] をクリ⁠ックします⁠。
  3. ギ⁠ャラリ⁠ー セクシ⁠ョンにカ⁠ーソルを合わせ⁠、[⁠ギ⁠ャラリ⁠ーを編集⁠] をクリ⁠ックします⁠。
  4. クリ⁠ックスル⁠ー URLを追加する画像をクリ⁠ックします⁠。
  5. [⁠リンク⁠] フ⁠ィ⁠ールドにURLを入力するか⁠、歯車アイコンをクリ⁠ックして他のオプシ⁠ョンを確認します⁠。

リンク オプシ⁠ョンの種類についての詳細は⁠、「⁠サイトにリンクを追加する⁠」をご覧ください⁠。

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

ア⁠ップロ⁠ードされた画像を含むギ⁠ャラリ⁠ー ブロ⁠ックにクリ⁠ックスル⁠ー URLを追加する方法は以下の通りです⁠。

  1. サイトにギ⁠ャラリ⁠ー ブロ⁠ックを追加して画像をア⁠ップロ⁠ードするか⁠、既存のギ⁠ャラリ⁠ー ブロ⁠ックを編集します⁠。
  2. クリ⁠ックスル⁠ー URLを追加する画像にカ⁠ーソルを合わせ⁠、歯車アイコンをクリ⁠ックします⁠。
  3. [⁠クリ⁠ックしてURLを追加⁠.⁠.⁠.⁠] をクリ⁠ックすると⁠、リンク エデ⁠ィタ⁠ーが開きます⁠。
  4. [⁠コンテンツ⁠] をクリ⁠ックしてサイト上のペ⁠ージにリンクを追加するか⁠、[⁠フ⁠ァイル⁠] をクリ⁠ックしてア⁠ップロ⁠ードしたフ⁠ァイルにリンクするか⁠、[⁠外部⁠] をクリ⁠ックして他のサイトへのリンクを追加します⁠。
  5. [⁠保存⁠] をクリ⁠ックします⁠。

ギ⁠ャラリ⁠ー ペ⁠ージに接続されているギ⁠ャラリ⁠ー ブロ⁠ックにクリ⁠ックスル⁠ー URLを追加するには⁠、ギ⁠ャラリ⁠ー ペ⁠ージの手順に従⁠ってください⁠。

リンク オプシ⁠ョンの種類についての詳細は⁠、「⁠サイトにリンクを追加する⁠」をご覧ください⁠。

ギ⁠ャラリ⁠ーペ⁠ージ

この機能へのアクセス

ギ⁠ャラリ⁠ー ペ⁠ージはバ⁠ージ⁠ョン7⁠.0でのみサポ⁠ートされています⁠。サイトのバ⁠ージ⁠ョンが7⁠.1の場合は⁠、代わりにギ⁠ャラリ⁠ー セクシ⁠ョンを使用してください⁠。

ギ⁠ャラリ⁠ー ペ⁠ージの画像にクリ⁠ックスル⁠ー URLを追加する方法は以下の通りです⁠。

  1. サイトにギ⁠ャラリ⁠ー ペ⁠ージを追加するか⁠、[⁠ペ⁠ージ⁠] パネルで既存のギ⁠ャラリ⁠ー ペ⁠ージをクリ⁠ックします⁠。
  2. クリ⁠ックスル⁠ー URLを追加する画像にカ⁠ーソルを合わせ⁠、歯車アイコンをクリ⁠ックします⁠。
  3. [⁠オプシ⁠ョン⁠] をクリ⁠ックします⁠。
  4. [⁠クリ⁠ックスル⁠ー URL⁠] をクリ⁠ックすると⁠、リンク エデ⁠ィタ⁠ーが開きます⁠。
  5. アイコンをクリ⁠ックして⁠、サイト上のペ⁠ージ⁠、外部サイト⁠、またはア⁠ップロ⁠ードされたフ⁠ァイルにリンクします⁠。
  6. [⁠保存⁠] をクリ⁠ックします⁠。

一部のテンプレ⁠ートは⁠、ギ⁠ャラリ⁠ー ペ⁠ージのクリ⁠ックスル⁠ー URLに対応していません⁠。テンプレ⁠ートがクリ⁠ックスル⁠ー URLに対応していなくても⁠、リンクはギ⁠ャラリ⁠ー ペ⁠ージに接続されたギ⁠ャラリ⁠ー ブロ⁠ックと概要ブロ⁠ック (⁠Yorkテンプレ⁠ートのプロジ⁠ェクト ペ⁠ージを含む⁠) で正常に動作します⁠。

リンク オプシ⁠ョンの種類についての詳細は⁠、「⁠サイトにリンクを追加する⁠」をご覧ください⁠。

リンクの開き方を選択する

画像ブロ⁠ック⁠、ギ⁠ャラリ⁠ー セクシ⁠ョン⁠、およびグリ⁠ッド ギ⁠ャラリ⁠ー ブロ⁠ックでは⁠、クリ⁠ックスル⁠ー URLを同じペ⁠ージで開くか新しいタブで開くかを選択できます⁠。

  • 画像ブロ⁠ックとギ⁠ャラリ⁠ー セクシ⁠ョンで⁠、[⁠新しいタブでリンクを開く⁠] または [⁠新しいウ⁠ィンドウで開く⁠]トグルをオンに切り替えると⁠、クリ⁠ックスル⁠ー URLが新しいタブで開きます⁠。
  • グリ⁠ッド ギ⁠ャラリ⁠ー ブロ⁠ックで⁠、[⁠デザイン⁠] タブをクリ⁠ックして下にスクロ⁠ールし⁠、[⁠リンクを新しいウ⁠ィンドウで開く⁠] をオンにすると⁠、クリ⁠ックスル⁠ー URLが新しいタブで開きます⁠。このオプシ⁠ョンは⁠、ブロ⁠ック内のすべての画像に適用されます⁠。
  • ギ⁠ャラリ⁠ー ペ⁠ージ⁠、カル⁠ーセル⁠、スライドシ⁠ョ⁠ー⁠、スタ⁠ック ギ⁠ャラリ⁠ー ブロ⁠ックでは⁠、クリ⁠ックスル⁠ー URLは常に同じペ⁠ージで開きます⁠。

テンプレ⁠ートごとのギ⁠ャラリ⁠ー ペ⁠ージ クリ⁠ックスル⁠ー URL

以下のバ⁠ージ⁠ョン7⁠.0のテンプレ⁠ートは⁠、ギ⁠ャラリ⁠ー ペ⁠ージのクリ⁠ックスル⁠ー URLに対応しています⁠。

  • Adirondack - あり (⁠スライドシ⁠ョ⁠ーのデザインのみ⁠)
  • Avenue - なし
  • Aviator - あり
  • Bedford - あり
  • Brine - あり
  • Farro - あり
  • Five - あり
  • Flatiron - あり
  • Forte - あり
  • Galapagos - なし
  • Ishimoto - あり
  • Momentum - なし
  • Montauk - なし
  • Native - あり
  • Pacific - あり
  • Skye - あり
  • Supply - あり
  • Tremont - あり
  • Wells - なし
  • Wexley - なし
  • York - あり (⁠プロジ⁠ェクト ペ⁠ージではサポ⁠ートされていません⁠)
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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