イベント ページを作成して、訪問者がイベントの時間、場所、その他の詳細を見つけられるようにします。
イベント ページを使用して、イベントのリストをサイトに追加します。これは、コンサート、会議、ブック ツアーなど、主催するあらゆるイベントを紹介するのに最適な方法です。
ヒント: ホスピタリティ業界でビジネスを行っている場合は、Tockでイベントを作成し、Squarespaceサイトに予約ブロックを追加して、より多くのイベントを宣伝し、チケットを販売してみてください。
始める前に
- イベント ページは予約をサポートしていません。イベントのスケジュール設定、クラスやアポイントメントの予約には、 Acuity Schedulingをサイトに追加することをおすすめします。
- 定期的または繰り返しのイベントを設定することはできません。同じ情報を再入力しなくても、手動でイベントを複製することで同一のイベントを作成できます。
- 各イベント ページは月間 350件までのイベントをサポートし、250件の今後のイベントと30件の過去のイベントを表示します。
- 他のページにカレンダー形式でイベントを表示するには、カレンダー ブロックを使用します。
イベント ページを追加
イベント ページを追加する方法は、サイトが使用しているSquarespaceのバージョンによって異なります。
ヒント: 非公開のメンバー専用イベントを作成するには、サイトにメンバー エリアを追加します。
- [ページ] パネルを開き、[+] をクリックします。
- [コレクション] で、[イベント] をクリックします。
- イベント ページを選択します。後でページに他の種類のセクションを追加したり削除したりすることもできます。
- ページ タイトルを入力し、Enter キーを押します。これは後で変更できます。
イベント ページのイベント セクションにブロックを追加することはできませんが、イベント セクションの上または下にブロック セクションを追加できます。
- [ページ] パネルを開き、[+] をクリックします。
- ページ メニューから [イベント] を選択します。
- ページ タイトルを入力し、Enter キーを押します。これは後で変更できます。
イベントを追加する
イベントを追加する手順。
- イベント ページをクリックし、サイド パネルの [+] をクリックします。
- [イベント] タイトルにイベントのタイトルを追加します。
- [日付と時刻] をクリックして、[イベント開始] で開始日時を選択します。
- [イベント終了] をクリックして、終了日時を選択します。
- [戻る] をクリックし、[場所] をクリックして場所を追加します。
- [保存] をクリックします。
- 挿入箇所をクリックして、ブロックを使ってイベントの説明にテキストやその他のコンテンツを追加します。
- [公開] にカーソルを合わせて、イベントを公開するか、後で公開するようにスケジュールします。[保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。
以下の点に留意してください。
- 開始時間と終了時間は、スライダーで5分単位で設定できます。
- イベントには終了時間が必要です。終了時間を非表示にすることはできません。
- イベントの開始時間を変更すると、終了時間もそれに合わせて自動的に変更されます。イベントの期間を変更するには、まず終了時間を変更します。
- サイト用言語に応じて、開始時間と終了時間が12 時間制、もしくは24 時間制で表示されます。サイト用言語とは別に、日付もしくは時刻の形式を変更することはできません。
- 最大 2年先までのイベントをスケジュールできます。
保存後、イベント設定を開いてイベントをさらにカスタマイズできます。
既存のイベントのタイトルとコンテンツを編集する
バージョン7.1では、イベント アイテム ページでイベントのタイトルとコンテンツを直接編集できます。イベント設定でタイトルやコンテンツを編集することはできません。その方法は以下の通りです。
- [ページ] パネルで、イベント ページをクリックし、イベントをクリックします。
- 左上の [編集] をクリックします。
- タイトルを変更するには、タイトル フィールドをクリックしてテキストを編集します。
- コンテンツを変更するには、ブロックをクリックしてコンテンツを編集するか、新しいブロックを追加します。
- [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じ、変更した内容を公開します。
- イベント ページをクリックし、サイド パネルの [+] をクリックします。
- タイトル フィールドにタイトルを追加します。
- 開始日時と終了日時を選択します。イベントには終了時間が必要です。終了時間を非表示にすることはできません。
- ブロックを使ってイベントの説明にテキストやその他のコンテンツを追加します。
- 他の設定の編集を続けます。
- [保存] をクリックしてイベントを下書きとして保存するか、[保存して公開] をクリックしてすぐに公開します。詳細については、「イベントを保存または公開する」をご参照ください。
ヒント: イベントの説明にニュースレター ブロックを追加して、参加者のメール キャンペーンのメーリング リストを作成します。
イベント設定を開く
追加したイベントの設定を編集する手順。
- サイドパネルで、イベントにカーソルを合わせて [...] をクリックし、[設定] をクリックします。
- 変更を加えた後、[保存] をクリックします。
イベントの編集中に、右上隅のをクリックすると、イベント設定を開くこともできます。
イベント設定を編集する
[イベントの設定] で、タブをクリックしてさまざまな設定を編集します。イベント設定は、サイトが使用しているSquarespaceのバージョンによって異なります。
コンテンツ
- 日時 - イベントの開始日時と終了日時を編集します。これらは、[言語と地域の設定] で設定されたタイム ゾーンに基づいており、訪問者のタイム ゾーンに基づいて変更されることはありません。24 時間制など、時刻の形式を変更することはできません。
- アイキャッチ画像-アイキャッチ画像を追加すると、イベントのメイン ページやカレンダーや概要ブロックなどのサイト上の他の場所にイベントを表す画像が表示されます。アイキャッチ画像は、個々のイベントのコンテンツには表示されません。代わりに画像ブロックとしてイベントに追加します。
- 抜粋 - メインのイベント ページや、概要ブロックのようなサイトの他の場所に表示される短い説明を提供するために抜粋を追加します。抜粋を追加しない場合は、すべてのコンテンツがメインのイベント ページに表示されます。
- イベント URL - イベントのURLスラッグを編集します。
- ソースURL - 訪問者をイベントの詳細情報へリンクさせるソースURLを含めます。ソース URLのリンクがイベントの説明に表示されます。
投稿者オプションはイベント ページではサポートされていません。
オプション
- ステータス - イベントの公開ステータスを設定します
- タグ - タグを追加して、コンテンツに基づいてイベントを整理します
- カテゴリー - カテゴリーを追加して、コンテンツに基づいてイベントを整理します
- 注目のイベント - 注目のイベントとして設定します
コメントはイベント ページではサポートされていません。コード ブロックを使用して、Disqusなどのサードパーティー コメント サービスを埋め込むことができます。カスタム コードのような高度な修正に関するトラブルシューティングのサポートは提供できないことにご注意ください。
SEO
- SEOタイトル - 検索エンジンを支援するSEOタイトルを追加します
- SEO用の説明 - 検索エンジンを支援するSEO用の説明を追加します
ソーシャル画像
イベントがソーシャル メディアで共有されるときに表示される代替ソーシャル共有画像を追加します。
共有
イベントを公開すると、自動的にソーシャル メディアのプロフィールにイベントが共有されます。この方法でコンテンツを共有するには、アカウントが接続されている必要があります。
注: Facebookにイベントをプッシュしても、Facebookのイベントは作成されません。代わりに、サイトのイベントへのリンクが、アイキャッチ画像と説明とともに表示されます。
場所
[住所] フィールドに、イベントが開催される場所を追加します。住所の入力を開始すると、Googleが提供するオートコンプリートの候補リストがフィールドに入力されます。これにより、地図上のその場所にピンが作成されます。
コンテンツ
- イベント タイトル - イベントにタイトルを追加します
- イベント テキスト - イベントの本文にテキストを追加します
- タグ - 投稿にタグを追加して、コンテンツに基づいてイベントを整理します
- カテゴリー - カテゴリーを追加して、コンテンツに基づいてイベントを整理します
- ステータス - イベントの公開ステータスを設定します
コメントはイベント ページではサポートされていません。コード ブロックを使用して、Disqusなどのサードパーティー コメント サービスを埋め込むことができます。カスタム コードのような高度な修正に関するトラブルシューティングのサポートは提供できないことにご注意ください。
オプション
- アイキャッチ画像 - アイキャッチ画像を追加すると、イベントのメイン ページやカレンダーや概要ブロックなどのサイト上の他の場所にイベントを表す画像が表示されます。アイキャッチ画像は、個々のイベントのコンテンツには表示されません。代わりに画像ブロックとしてイベントに追加します。
- イベントURL - イベントのURLスラッグを編集します。
- ソースURL - 訪問者をイベントの詳細情報へリンクさせるソースURLを含めます。ソース URLのリンクがイベントの説明に表示されます。
- 抜粋 - メインのイベント ページや、概要ブロックのようなサイトの他の場所に表示される短い説明を提供するために抜粋を追加します。抜粋を追加しない場合は、すべてのコンテンツがメインのイベント ページに表示されます。
- 注目のイベント - 注目のイベントとして設定します
投稿者オプションはイベント ページではサポートされていません。
場所
[場所] フィールドに、イベントに対応する場所を追加します
SEO
- SEOタイトル - 検索エンジンを支援するSEOタイトルを追加します
- SEO用の説明 - 検索エンジンを支援するSEO用の説明を追加します
ソーシャル
イベントがソーシャル メディアで共有された際に表示される代替のソーシャル共有画像を追加します
共有
ソーシャル - イベントを公開すると、自動的にソーシャル メディアのプロフィールにイベントが共有されます。この方法でコンテンツを共有するには、アカウントが接続されている必要があります。
注: Facebookにイベントをプッシュしても、Facebookのイベントは作成されません。代わりに、サイトのイベントへのリンクが、アイキャッチ画像と説明とともに表示されます。
バージョン7.1のサイト
- イベント ページをタップし、イベントをタップします。
- [...] をタップし、[設定] をタップします。
- 任意の設定をタップして変更を加えます。
- コンテンツ - イベントの開始日時の追加、アイキャッチ画像のアップロード、イベントURLの編集、ソースURLの更新を行います。
- オプション - イベントのステータス更新、タグやカテゴリの追加、コメントの有効化を行います。
- SEO - SEOタイトルまたは説明を追加します。
- ソーシャル画像 - ソーシャル サイトでイベントを共有する際に表示されるソーシャル共有画像を追加します。
- 共有 - ソーシャル アカウントに接続します。
- 場所 - イベントが開催される場所を追加します。住所の入力を開始すると、Googleが提供するオートコンプリートの候補のリストがフィールドに入力されます。
- 完了したら、[戻る] をタップし、[保存] をタップします。
バージョン7.0のサイト
- イベント ページをタップし、イベントをタップします。
- [...] をタップし、[ページの設定] をタップします。
- 任意の設定をタップして変更を加えます。
- イベント タイトル - イベントにタイトルを追加します。
- 開始日 - イベントの開始日時を追加します。
- 終了日 - イベントの終了日時を追加します。
- 場所 - イベントが行われる場所を追加します。住所の入力を開始すると、Googleが提供するオートコンプリートの候補リストがフィールドに入力されます。
- 公開ステータス - イベントの公開ステータスを設定します。
- さらに変更を加えるには、その他のオプションをタップします。
- イベント URL - イベントのURLスラッグを編集します。
- 作成者 - イベントの作成者を表示します。ただし、作成者の設定を変更することはできません。
- 抜粋 - メインのイベント ページや、概要ブロックのようなサイトの他の場所に表示される短い説明を提供するために抜粋を追加します。抜粋を追加しない場合は、すべてのコンテンツがメインのイベント ページに表示されます。
- ソースURL - イベントの下に表示されるURLを更新します。
- ソーシャル - イベントを公開すると、自動的にソーシャル メディアのプロフィールにイベントが共有されます。この方法でコンテンツを共有するには、アカウントが接続されている必要があります。
- 注目のイベント - トグルをタップして、注目のイベントとして設定します。
- コメントを許可 - トグルをタップしてオンにすると、イベントにコメントを入力できるようになります。
- タグ - 投稿にタグを追加して、コンテンツに基づいてイベントを整理します。
- カテゴリー - カテゴリーを追加して、コンテンツに基づいてイベントを整理します。
- 完了したら、[保存] をタップします。
イベントを保存もしくは公開する
イベントを下書きとして保存することも、すぐに公開することもできます。
イベントを作成した後、[公開] にカーソルを合わせ、[保存] をクリックするか、[終了] をクリックします。
- [公開] をクリックすると、公開サイトにイベントが表示されます。
- [スケジュール] をクリックして、イベント開催日時を設定します。
- [保存] をクリックして変更を保存し、編集を続けます。
- [終了] をクリックし、次に [保存] をクリックすると、イベントは下書きとして保存され、公開サイトでは表示されません。
イベントの作成後の場合。
- [保存] をクリックすると、イベントは下書きとして保存され、公開サイトでは表示されません。
- [保存して公開] をクリックして、公開サイトに表示します。
イベント設定の [コンテンツ] タブで、次のような公開ステータスを変更することもできます。
- 下書き
- レビュー待ち
- 公開済み
- 予定済み
[予約済み]、[要確認]、[下書き] は、サイトにイベントを追加したいが、すぐに表示させたくない場合に役立ちます。イベントを非公開にしておけば、公開前に他のサイト作成者が確認したり、ページのさまざまなスタイルをテストしたりすることができます。
イベント ページのスタイルを設定する
イベント ページのスタイル設定方法は、サイトのバージョンによって異なります。
- イベント ページで、[編集] をクリックします。
- イベント セクションにカーソルを合わせ、鉛筆アイコンをクリックします。
- 変更を加えた後、[保存] をクリックして作業を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。
これらの設定は、サイト上のすべてのイベント ページに適用されます。
イベントをスタイル設定する
一般的に、個々のイベントのフォントと色のスタイルは、サイトの他の部分のスタイル設定と一致します。イベント タイトルは固定サイズで表示されます。ページネーションと日付には、カスタム フォントとサイズを設定できます。詳細については、 フォントを変更するをご参照ください。
イベントのレイアウトや、前後のイベントへのページネーション リンクなど、表示される情報を編集することはできません。
レイアウトを選択する
イベントをリストもしくはカレンダーとして表示でき、スタイル オプションはレイアウトに応じて異なります。複数のイベント ページがある場合、一部をカレンダーとして表示し、一部をリストとして表示することができます。
- [ページ] パネルで、イベント ページにカーソルを合わせて
をクリックします。
- [既定のイベント ビュー] ドロップダウンを使用して、[リスト] もしくは [カレンダー] を選択します。
- [保存] をクリックしてページを更新します。
リスト レイアウト
イベントは、説明、抜粋、アイキャッチ画像とともにリスト表示されます。今後のイベントは最大250件、過去のイベントは30件表示できます。
カレンダー レイアウト
イベントは、次のインタラクティブな機能を備えたカレンダーに表示されます。
- イベントにアイキャッチ画像がある場合は、アイキャッチ画像が表示されます。正方形に収まるようにトリミングされます。
- イベントに抜粋がある場合は、カーソルを合わせると表示されます。
- 上部に矢印コントロールが表示され、月ごとに移動できます。
- イベントがない日は灰色になります。
以下の点に留意してください。
- 1日に複数のイベントがある場合、各イベントの時間とタイトルがその日のボックスに表示されます。その週の高さが拡大されると、アイキャッチ画像は表示されません。
- イベントが午前0時に終了するように設定されている場合、カレンダー表示では両方の日にイベントが表示されます。最初の日のみを表示させるようにするには、終了時刻を午後11時59分に変更します。
- カレンダー ビューのURLスラッグには日付が含まれます。訪問者が前のページに戻るには、戻る矢印を2回クリックする必要があります。これを回避するには、リスト ビューを選択するか、カレンダー ブロックでイベントを表示します。
カレンダーのレイアウトは、どのデバイスでも見栄えよく表示されるように、小さいブラウザーでは表示が変わります。
- ブロック幅が600ピクセルより小さい場合、タイトル、イベント時間、抜粋は表示されますが、アイキャッチ画像は表示されません。
- ブロック幅が300ピクセル未満の場合は、タイトルのみが表示されます。
イベント ページと個々のイベントのスタイルを設定する
イベント ページのスタイルを設定する方法は次の通りです。
- イベント ページに移動します。
- [サイト スタイル] パネルを開きます。
- イベント微調整オプションを使用してランディング ページのスタイルを変更します。
- 個々のイベントを微調整するには、まず [アイテム ページを無効にする] のチェックがオフになっていることを確認します。次に、サイト スタイルを終了し、イベントを開いて、サイト スタイルを再度入力します。
以下の点に留意してください。
- 複数のイベント ページがある場合は、スタイルの変更がすべてのページに適用され、一貫性のある外観になります。
- テンプレートによっては、バナー画像やページ ヘッダーなど、イベント ページの外観に反映するより多くの機能がサポートされている場合があります。
- カレンダー ビューは1か月ずつ表示され、それぞれの週は日曜日から土曜日までの形式で表示されます。これを変更することはできません。
イベント ページのスタイル微調整オプション
イベント ページのスタイル設定では、これらのサイト スタイル微調整オプションが使用できます。表示される微調整オプションはレイアウトとテンプレートによって異なることに注意してください。
- アイテム ページを無効にする - 個々のイベント ページへのタイトル リンクを無効にします。チェックをオフにしておくと、イベントのタイトルをクリックすると個別のイベント ページが開きます。
- 24時間表示 - イベント時刻を国際標準時の24時間表示で表示します
これらの微調整オプションは、リスト表示でのみ表示されます。
- スタック ビュー- リストのレイアウトを変更します
- 過去のイベントを表示 - 過去のイベントの表示/非表示を切り替えます
- サムネイルを表示 - イベントの上または左側に表示されるサムネイルとして、アイキャッチ画像の表示/非表示を切り替えます
- サムネイル サイズ - アイキャッチ画像の形状を設定します
- 日付タグの表示 - アイキャッチ画像の上もしくは代わりに表示される日付タグの表示/非表示を切り替えます
- 日付タグを時刻とともに表示 - 日付タグと一緒にタイム スタンプを表示します
これらの微調整オプションは、リスト表示のイベント リストに反映されます。
- カテゴリーを表示- カテゴリーの表示/非表示を切り替えます
- 日付を表示 - 日付の表示/非表示を切り替えます
- 時刻を表示 - 時刻の表示/非表示を切り替えます
- 現在地を表示- 現在地の表示/非表示を切り替えます
- エクスポート リンクを表示 - GoogleカレンダーもしくはiCalへのエクスポート リンクの表示/非表示を切り替えます
- ソーシャル ボタンを表示 - いいね!ボタンや共有ボタンの表示/非表示を切り替えます
- 抜粋を表示 - イベントの説明または抜粋テキストの表示/非表示を切り替えます
- 表示ボタン - [イベントを表示] ボタンの表示/非表示を切り替えます
これらの微調整オプションは、個々のイベント ページに反映されます。
- エクスポート リンクを表示 - GoogleカレンダーもしくはiCalへのエクスポート リンクの表示/非表示を切り替えます
- ソーシャル ボタンを表示 - シンプルないいね!ボタンや共有ボタンの表示/非表示を切り替えます
- 戻るリンクを表示 - [すべてのイベントに戻る] リンクの表示/非表示を切り替えます
- 24時間表示 - イベント時刻を国際標準時の24時間表示で表示します
- スタック ビュー - 各イベント ページのレイアウトを変更します
過去のイベントの表示/非表示を切り替える
過去のイベントを表示することは、以前に提供したものを明らかにする最適な方法です。[過去のイベントを表示] を有効にすると、最大30件の過去のイベントを表示できます。
過去のイベントの表示/非表示を切り替える方法は次の通りです。
- イベント ページの左上にある [編集] をクリックします。
- イベント セクションにカーソルを合わせ、鉛筆アイコンをクリックします。
- [過去のイベントを表示] トグルをオンに切り替えます。これにより、サイト上のすべてのイベント ページに過去のイベントが表示されるようになります。サイド タグの日付スタイルを使用した場合、過去のイベントの日付タグは取り消し線で表示されます。
- [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。
- イベント ページを開き、リスト ビューに設定されていることを確認します。
- [サイト スタイル] パネルを開きます。
- [イベント] セクションで、[過去のイベントを表示] のチェックをオンもしくはオフにします。[日付タグを表示] のチェックをオンにすると、過去のイベントの日付タグは取り消し線で表示されます。
- [保存] をクリックして変更を適用します。
カレンダー表示では、過去のイベントが常に表示されます。過去のイベントは、今後のイベントと同じスタイルで表示されます。
廃止されたMarqueeファミリーでは過去のイベントを表示できません。
イベントを管理する
[イベント] パネルでは、イベントは [今後のイベント] タブと [過去のイベント] タブに整理されます。
イベントを編集するには、サイド パネルでイベントをクリックし、プレビューにカーソルを合わせて [編集] をクリックします。イベントを削除するには、サイド パネルでイベントにカーソルを合わせて [...] をクリックし、[削除] をクリックします。
[イベント] パネルでは、イベントは [今後のイベント] タブと [過去のイベント] タブに整理されます。
イベントを編集するには、イベントにカーソルを合わせて [...] をクリックし、[設定] をクリックします。イベントを削除するには、イベントにカーソルを合わせて [...] をクリックし、[削除] をクリックします。
外部カレンダーに予定を追加するためのリンクを提供する
訪問者がイベントをGoogleカレンダーやiCloudカレンダーに追加するためのリンクを表示する方法は次の通りです。
- イベントのメイン ページの左上にある [編集] をクリックします。このオプションは個々のイベントのページでは利用できません。
- イベント セクションにカーソルを合わせ、鉛筆アイコンをクリックします。
- [エクスポート リンクを表示] トグルをオンに切り替えます。
- [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。
- イベント ページを開きます。
- [サイト スタイル] パネルを開きます。
- [イベント] セクションで、[エクスポート リンクを表示] のチェックをオンにします。
- [保存] をクリックして変更を適用します。
動画を見る
この動画はバージョン7.0に適用されます。