ページ上でさまざまなブロック タイプをドラッグ & ドロップして、コンテンツのスタイルと構造をカスタマイズします。

ブロックは、サイト上にコンテンツを表示するために、ドラッグ & ドロップで配置できるものです。これらを使用して、テキスト、画像、ボタン、フォームなどのさまざまなコンテンツでページをカスタマイズします。このガイドでは、使用可能なさまざまなブロックのタイプと、それらをレイアウト ページやブログ投稿などのコンテンツ エリアに追加する方法について説明します。

ヒント: できるだけ多くのユーザーがサイトのコンテンツにアクセスできるようにするには、Squarespaceのアクセシビリティ リソースをご覧ください。

動画を見る

ブロックを追加

ブロックを追加する方法は、お客様のサイトがSquarespaceのどのバージョンを使用しているか、およびパソコンと Squarespaceアプリのどちらで編集しているかによって異なります。

ブロックを追加する方法は以下のとおりです。

ドラッグ & ドロップ

ページ上でブロックを配置する場所がわかっている場合は、ブロックをドラッグ & ドロップすることもできます。

1. メニューからブロックをドラッグします。ブロックを配置できる場所を示すガイドラインがページに表示されます。
2. ブロックをドロップしてページに配置します。ブロックによっては、エディターが開き、ブロックをカスタマイズできるようになります。

他のエリアにブロックを追加する

ブロックは以下の場所に追加できます。

• 任意のページのブロック セクション
• ブログ投稿
• イベントの説明
• フッター
• レイアウト ページ
• ページ ヘッダーとページ フッター (バージョン 7.0)
• 商品の追加情報
• サイドバー (バージョン 7.0)

以下の場所にはブロックを追加できません。

バナーとヘッダー

既存のブロックを編集する

テキスト ブロック内のテキストなど、一部のブロック コンテンツはページ上で直接編集できますが、ほとんどのブロックにはブロック エディターがあり、そのブロックのコンテンツの追加、編集、管理はここで行います。

ブロック エディターを開く方法は以下のとおりです。

1. 編集するブロックのあるページで [編集] をクリックします。
2. ブロックをクリックして選択し、ブロックの上に表示される鉛筆アイコンをクリックします。または、ブロックをダブルクリックします。

挿入箇所

挿入箇所とは、クラシック エディターの [+] アイコンのことで、コンピューターでサイトを編集する際に、ブロックを追加できる場所を示します。挿入箇所は既存のブロックの上下に表示されるため、追加する前にブロックの配置を選択できます。

創造エディターでは、代わりに [ブロックを追加] をクリックします。Squarespaceアプリでは、右上隅にある [+] アイコンをクリックします。

[+] ボタンが見つからない理由

コンピューターで編集するときに [ブロックを追加] ボタンや [+] アイコンが見つからない場合は、まず編集している領域でブロックを追加できることを確認してください。上記のリストを見直してください。

次に、エディターが開いていることを確認します。エディターを開く方法は以下のとおりです。

• バージョン7.1 - ブロックを追加するページの左上隅にある [編集] をクリックし、ページに少なくとも1つの ブロック セクションがあることを確認します。
• バージョン 7.0 - ブロックを追加する場所にマウスを置き、[編集] をクリックします。

左上隅に [ブロックを追加] ボタンが表示されない場合は、クラシック エディターを使用しています。クラシック エディターが開いていても、ブロックの上または下にマウスを移動したときに [+] アイコンが表示されない場合は、別のブロックがすでに選択されている可能性があります。ページ上の他の場所をクリックしてブロックの選択を解除し、新しいブロックを追加する場所にマウスを置きます。

それでも問題が解決しない場合は、ブラウザーのキャッシュをクリアしたり、ブラウザーの拡張機能を無効にしたり、ブラウザーのバージョンを更新したりするとよいでしょう。Squarespaceアプリで [編集] をクリックしても [+] アイコンが表示されない場合は、そのページへの新しいブロックの追加がアプリでサポートされていない可能性があります。

ブロックの種類

次のブロックを使用して、サイトにコンテンツを追加します。

• Amazon (プレミアム機能) - Amazon 商品へのリンク。これは、Amazon のアフィリエイト プログラムに参加している場合に便利です。
• アーカイブ - コレクション アイテムへのリンクのリストを整理して表示します。
• 音声　- 音声ファイルのプレーヤーを追加します。
• Bandsintown - Bandsintown プロフィールからツアー日程を表示します。
• ボタン - ボタンとコール トゥ アクションを追加します。
• カレンダー - イベントなどのアイテムを日ごとに並べ替えたカレンダーとしてページに表示します。
• グラフ - 棒グラフ、折れ線グラフ、円グラフを追加します。
• コード - カスタム コードを追加するか、コード スニペットを表示します。コード ブロックでの JavaScript およびインライン フレーム コードの使用は、プレミアム機能です。
• コンテンツ リンク - 視覚的なプレビューを使用して、サイト上の他のページへのリンクを追加します。
• 寄付 (プレミアム機能) - ご自分の理念または組織への寄付を集めます。接続された Stripe または PayPal アカウントが必要です。
• 埋め込み - ツイートや動画などへのリンクがある外部コンテンツを追加します。
• Flickr - Flickr アカウントから画像を追加します。
• フォーム - 訪問者から情報を収集するためのフォームを追加します。
• ギャラリー - カルーセル、グリッド、スライドショー、またはスタック レイアウトに画像または動画のギャラリーを追加します。
• 画像 - カード、コラージュ、インライン、オーバーラップ、ポスター、またはスタック レイアウトにキャプション付きの画像を追加します。
• Instagram - Instagramアカウントから投稿を追加します。
• 線 - 横線を追加してテキストを分割したり、コンテンツを視覚的に区切ったりします。
• 地図 - 場所のピンが付いた Google マップを追加します。
• マークダウン - マークダウン言語を使用してテキストを追加します。
• メニュー (プレミアム機能) - レストランのメニューを表示します。
• ニュースレター - ニュースレターの読者登録フォームを追加します。
• OpenTable (プレミアム機能) - レストランの予約機能を追加します。OpenTableのレストランIDが必要です。
• 商品 - ストア ページの商品を表示します。
• 引用 - スタイル付きの引用文やお客様の声を追加します。
• 予約 - Tock でイベントの予約やチケット販売を行うためのボタンを追加します。
• RSS - ブログ ページの RSS フィードにリンクを追加します。
• Acuity Scheduling - Acuity Scheduling でオンライン予約を追加します。
• スクロール - マーキーやニュース ティッカーのようなスクロール テキストを追加します。
• 図形 (創造エディターのみ) - 単色の図形を追加します。
• 検索 - 検索フィールドを追加します。
• ソーシャル リンク - ソーシャル メディアのプロフィールにリンクするアイコンを追加します。
• SoundCloud - SoundCloud プレーヤーを埋め込みます。
• スペース調整 - ブロック間に調整可能な量のスペースまたはパディングを追加します。創造エディター セクションではサポートされていません。
• 要約 - サイトのコレクション アイテムをカルーセル、グリッド、リスト、またはウォール レイアウトで表示します。
• タグ クラウド - タグまたはカテゴリーをグラフィック クラウド形式で表示します。
• テキスト - 見出し、引用符、事前にフォーマットされたテキスト、リンク、リストなどのテキストを追加します。
• 動画 - 外部でホストされている動画を追加します。
• Zola - 結婚式のウィッシュ リストを追加します。

廃止されたブロック

次のブロックは廃止されているため、代わりにアーカイブ ブロックを使用してください。

• 投稿者リスト
• カテゴリー リスト
• 月リスト
• タグ リスト

廃止されたブロックの全リストについては、「廃止された機能」を参照してください。

次のステップ

ブロックを追加すると、以下のことができます。

• ブロックの移動
• ブロックのサイズの変更
• ブロックの削除

ブロックのスタイル設定と編集オプションについては、ブロックのガイドを参照してください。