ボタン ブロック

視覚的に惹きつけるボタン リンクを作成して⁠、訪問者を重要な情報や強調したいコンテンツに誘導します⁠。

最終更新日 2025年1月24日

ボタン ブロ⁠ックを使用して⁠、サイトにボタンまたはコ⁠ール ト⁠ゥ アクシ⁠ョンを追加します⁠。ボタン ブロ⁠ックは⁠、Webサイトのペ⁠ージ⁠、他のWebサイト⁠、ダウンロ⁠ード可能なフ⁠ァイル⁠、メ⁠ールアドレス⁠、または電話番号にリンクできます⁠。

動画を見る

ボタン ブロ⁠ックを追加する

ボタン ブロ⁠ックを追加する方法は以下の通りです⁠。

  1. ペ⁠⁠ージまたは投稿を編集し⁠⁠、[⁠⁠ブロ⁠⁠ックを追加⁠⁠] または挿入箇所をクリ⁠⁠ックして⁠⁠、メニ⁠⁠ュ⁠⁠ーから [⁠⁠ボタン⁠⁠] をクリ⁠⁠ックします⁠⁠。ヘルプについては⁠⁠、「⁠⁠ブロ⁠⁠ックを使用してコンテンツを追加する⁠⁠」をご参照ください⁠⁠。
  2. ブロ⁠⁠ック エデ⁠⁠ィタ⁠⁠ーを開くには⁠⁠、ブロ⁠⁠ックのツ⁠⁠ールバ⁠⁠ーにある鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠コンテンツ⁠⁠] タブで⁠⁠、[⁠⁠テキスト⁠⁠] フ⁠⁠ィ⁠⁠ールドをクリ⁠⁠ックして⁠⁠、既定の [⁠⁠詳細を確認⁠⁠] テキストを変更します⁠⁠。ボタン テキストは25文字以内にすることをおすすめします⁠⁠。
  4. [⁠⁠リンクを添付⁠⁠] をクリ⁠⁠ックして⁠⁠、[⁠⁠URL⁠⁠] の下にWebアドレスを追加するか⁠⁠、[⁠⁠URL⁠⁠] ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーをクリ⁠⁠ックしてその他のオプシ⁠⁠ョンを表示します⁠⁠。
  5. [⁠⁠デザイン⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠プライマリ ボタン⁠⁠] ドロ⁠⁠ップダウンをクリ⁠⁠ックして⁠⁠、ボタンに適用するスタイル設定を変更します⁠⁠。これは既定ではプライマリに設定されていますが⁠⁠、セカンダリ ボタンまたはタ⁠⁠ーシ⁠⁠ャリ ボタンに変更できます⁠⁠。詳細については⁠⁠、「⁠⁠ボタンのスタイルを設定する⁠⁠」をご確認ください⁠⁠。
  6. 創造エデ⁠⁠ィタ⁠⁠ーを使用している場合は⁠⁠、ボタンをパデ⁠⁠ィングでブロ⁠⁠ックに [⁠⁠合わせる⁠⁠] またはブロ⁠⁠ック全体に [⁠⁠埋め込む⁠⁠] に設定します⁠⁠。
  7. ボタンの配置は⁠⁠、[⁠⁠⁠⁠]⁠⁠、[⁠⁠中央⁠⁠]⁠⁠、または [⁠⁠⁠⁠] を選択して変更します⁠⁠。
  1. ペ⁠⁠ージまたは投稿を編集し⁠⁠、挿入箇所をクリ⁠⁠ックして⁠⁠、メニ⁠⁠ュ⁠⁠ーから [⁠⁠ボタン⁠⁠] を選択します⁠⁠。ヘルプについては⁠⁠、「⁠⁠ブロ⁠⁠ックを使用してコンテンツを追加する⁠⁠」をご参照ください⁠⁠。
  2. [⁠⁠テキスト⁠⁠] フ⁠⁠ィ⁠⁠ールドに⁠⁠、ボタン ラベルのテキストを入力します⁠⁠。ボタン テキストは25文字以内にすることをおすすめします⁠⁠。
  3. [⁠⁠リンクを添付⁠⁠] をクリ⁠⁠ックして [⁠⁠URL⁠⁠] の下にWebアドレスを追加するか⁠⁠、[⁠⁠URL⁠⁠] ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーをクリ⁠⁠ックして各種リンクを追加します⁠⁠。
  4. [⁠⁠デザイン⁠⁠] タブをクリ⁠⁠ックして⁠⁠、ボタンのサイズと配置をスタイル設定します⁠⁠。
  5. 完了したら⁠⁠、ブロ⁠⁠ック エデ⁠⁠ィタ⁠⁠ーの外側をクリ⁠⁠ックします⁠⁠。変更内容は自動的に保存されます⁠⁠。

ボタンのスタイルを設定する

ボタン ブロ⁠ックのスタイル オプシ⁠ョンは⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。

ボタンのスタイルを変更して⁠⁠、さまざまなコ⁠⁠ール ト⁠⁠ゥ アクシ⁠⁠ョンを強調表示できます⁠⁠。ボタンのスタイルを編集するには⁠⁠、ボタンのあるペ⁠⁠ージを編集中に右上のペイントブラシ アイコンをクリ⁠⁠ックして⁠⁠、次の手順を実行します⁠⁠。

  • フ⁠⁠ォント⁠⁠、形状⁠⁠、サイズを編集するには⁠⁠、ボタンをクリ⁠⁠ックします⁠⁠。バリエ⁠⁠ーシ⁠⁠ョンを付けるため⁠⁠、プライマリ⁠⁠、セカンダリ⁠⁠、タ⁠⁠ーシ⁠⁠ャリ タイプのボタンに異なるスタイルを設定し⁠⁠、任意のボタン ブロ⁠⁠ックを編集してその種類を設定します⁠⁠。
  • [⁠⁠⁠⁠] をクリ⁠⁠ックして⁠⁠、サイトのすべてのボタンの色を編集します⁠⁠。バリエ⁠⁠ーシ⁠⁠ョンを付けるため⁠⁠、セクシ⁠⁠ョン テ⁠⁠ーマを使用してさまざまなカラ⁠⁠ー スキ⁠⁠ームを追加できます⁠⁠。

詳しくは⁠⁠、「⁠⁠ボタンのスタイル設定⁠⁠」をご覧ください⁠⁠。

ボタン ブロ⁠⁠ック エデ⁠⁠ィタ⁠⁠ーの [⁠⁠デザイン⁠⁠] タブを使用して⁠⁠、ボタンのサイズと配置を変更します⁠⁠。

  • [⁠⁠サイズ⁠⁠] で⁠⁠、[⁠⁠ S⁠⁠]⁠⁠、[⁠⁠M⁠⁠]⁠⁠、または [⁠⁠L⁠⁠] を選択します⁠⁠。
  • [⁠⁠配置⁠⁠] で⁠⁠、[⁠⁠⁠⁠]⁠⁠、[⁠⁠中央⁠⁠]⁠⁠、または [⁠⁠⁠⁠] を選択します⁠⁠。

色や形など⁠⁠、その他のボタンのスタイルやデザインの設定は⁠⁠、サイト スタイルで変更してください⁠⁠。詳しくは⁠⁠、「⁠⁠ボタンのスタイル設定⁠⁠」をご覧ください⁠⁠。

ボタンのクリ⁠ック数を追跡する

[⁠フ⁠ォ⁠ームとボタンのコンバ⁠ージ⁠ョン⁠] を使用して⁠、コ⁠ール ト⁠ゥ アクシ⁠ョンをクリ⁠ックした訪問者の数を確認できます⁠。この機能では⁠、ボタンのコンバ⁠ージ⁠ョン率を追跡できます⁠。これにより⁠、ボタンの閲覧回数とボタンがクリ⁠ックされた回数を比較できます⁠。

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

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

  • Squarespace Expertを雇う

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