カレンダー ブロック

コレクシ⁠ョン ペ⁠ージからイベントやその他のコレクシ⁠ョン アイテムを取得して⁠、カレンダ⁠ー形式で表示します⁠。

最終更新日 2025年2月11日

カレンダ⁠ー ブロ⁠ックを使用して⁠、サイトの他のエリアにあるイベント ペ⁠ージのイベントを表示するカレンダ⁠ーを作成します⁠。カレンダ⁠ー ブロ⁠ックには⁠、他のコレクシ⁠ョン アイテムも表示できます⁠。

動画を見る

始める前に

カレンダ⁠ー ブロ⁠ックは予約に対応していません⁠。予約には⁠、Acuity Schedulingブロ⁠ックを使用することをおすすめします⁠。

カレンダ⁠ー ブロ⁠ックを追加する

カレンダ⁠ー ブロ⁠ックを追加するには⁠、次の手順に従⁠ってください⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックしてから⁠、[⁠カレンダ⁠ー⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用したコンテンツの追加⁠」をご参照ください⁠。
  2. ブロ⁠ックの鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. コンテンツを表示するコレクシ⁠ョン ペ⁠ージを選択します⁠。カレンダ⁠ー ブロ⁠ックには⁠、1つのコレクシ⁠ョン ペ⁠ージのコンテンツのみを表示できます⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合は⁠、[⁠適用⁠] をクリ⁠ックして変更を公開します⁠。

カレンダ⁠ー ブロ⁠ックに表示する

カレンダ⁠ー ブロ⁠ックには⁠、以下のコレクシ⁠ョンからのアイテムを表示できます⁠。

  • イベント - 今後のイベントや過去のイベントへのリンク⁠。イベント タイトル⁠、イベント時間⁠、アイキ⁠ャ⁠ッチ画像を表示します⁠。カレンダ⁠ー ブロ⁠ックは⁠、イベント ペ⁠ージでの使用に最適化されています⁠。
  • ブログ - 公開日ごとのブログ投稿へのリンク⁠。投稿タイトルとアイキ⁠ャ⁠ッチ画像を表示します⁠。
  • 商品 - 公開日ごとの商品へのリンク⁠。商品名⁠、説明⁠、アイキ⁠ャ⁠ッチ画像を表示します⁠。
  • アルバム (⁠バ⁠ージ⁠ョン7⁠.0⁠) - 公開日ごとのアルバム トラ⁠ックへのリンク⁠。トラ⁠ックのタイトルを表示します⁠。
  • ギ⁠ャラリ⁠ー (⁠バ⁠ージ⁠ョン7⁠.0⁠) - 公開日ごとの画像へのリンク⁠。画像のタイトルを表示します⁠。

最適な見た目を実現するには⁠、カレンダ⁠ー ブロ⁠ックに表示されるコレクシ⁠ョン内の各アイテムに⁠、抜粋アイキ⁠ャ⁠ッチ画像を追加することをおすすめします⁠。

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

  • アイテムの抜粋は⁠、カ⁠ーソルを合わせると表示されます⁠。
  • アイキ⁠ャ⁠ッチ画像は⁠、指定されたカレンダ⁠ーの日付の正方形のエリアに収まるようにトリミングされて表示されます⁠。
  • アイテムのない日付は⁠、ブロ⁠ックのサイズに応じて⁠、灰色で表示されるかサイトの背景色と一致します⁠。カレンダ⁠ー ブロ⁠ックには⁠、固有のスタイル微調整オプシ⁠ョンはありません⁠。
  • イベントが午前0時に終了するように設定されている場合⁠、カレンダ⁠ー ブロ⁠ックでは午前0時をはさむ両方の日にイベントが表示されます⁠。最初の日のみを表示するには⁠、リンクされたイベント ペ⁠ージで終了時刻を午後11時59分に調整してください⁠。
  • カレンダ⁠ー ブロ⁠ックには⁠、今後のイベントは表示されますが⁠、今後の公開が予定されているブログ投稿は表示されません⁠。

インタラクテ⁠ィブ機能

カレンダ⁠ー ブロ⁠ックには現在の月が表示された状態で読み込まれます⁠。また⁠、カレンダ⁠ー ブロ⁠ックには⁠、訪問者が詳細をナビゲ⁠ートして表示するのに役立つインタラクテ⁠ィブ機能が含まれています⁠。

  • 自動的に上部に矢印コントロ⁠ールが表示され⁠、月ごとに移動できます⁠。
  • アイテムの日付をクリ⁠ックすると⁠、元のアイテム ペ⁠ージが開きます⁠。
  • 同じ日付に複数のアイテムが発生する場合は⁠、各アイテムの時間とタイトルが同じボ⁠ックスに表示されます⁠。週の高さは自動的に拡張され⁠、追加のアイテムが表示されます⁠。
  • 特定の日付に複数のアイテムがある場合⁠、個⁠々のアイテムのアイキ⁠ャ⁠ッチ画像は表示されません⁠。

レスポンシブ デザイン

カレンダ⁠ー ブロ⁠ックは⁠、小さなデ⁠ィスプレイで表示したときにはペ⁠ージに合わせて調整されます⁠。他のペ⁠ージのコンテンツに対してサイズを調整するには⁠、ブロ⁠ックのサイズを変更します⁠。

  • ブロ⁠ック幅が600ピクセルより小さい場合⁠、タイトル⁠、イベント時間⁠、抜粋は表示されますが⁠、アイキ⁠ャ⁠ッチ画像は表示されません⁠。
  • ブロ⁠ック幅が300ピクセル未満の場合は⁠、タイトルのみが表示されます⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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