タイムラインウィジェット
タイムラインウィジェット
タイムラインウィジェットを使うと、出来事や節目、手順を時系列に沿って表示できます。会社の沿革、製品の開発計画、プロジェクトの進行段階、サービスの利用手順などの紹介に適しています。
タイムラインウィジェットを使うメリット
- 流れを視覚的に伝える： 日付やアイコンとともに出来事を順番に並べることで、全体の流れや進み具合を把握しやすくなります。
- 実績をわかりやすく示す： 資金調達、製品の発売、受賞などの節目を日付付きで紹介し、これまでの歩みや実績を伝えられます。
- 複数の手順を整理する： 導入から利用開始までの手順やプロジェクトの各段階を、つながりのあるステップとしてわかりやすく説明できます。
レイアウトの選択
水平
横に伸びる線に沿ってアイコンやマーカーを配置し、その上に日付とタイトルを表示します。出来事を簡潔に紹介したい場合に適した、コンパクトなレイアウトです。
水平 — 詳細を下に表示
横向きのタイムラインの下に、各項目のアイコン、タイトル、説明を含むカードを表示します。それぞれの出来事に詳しい説明を添えたい場合に適しています。
垂直
縦に伸びる線に沿って、各項目の詳細カードを左右交互に配置します。項目数の多いタイムラインや、スクロールしながら順番に読み進める構成に適しています。
マイルストーンの追加・編集
タイムラインに表示する出来事や節目を「マイルストーン」と呼びます。各マイルストーンは、編集画面のリストで管理します。
「＋追加」をクリックすると、新しいマイルストーンを作成できます。既存の項目は、並べ替え用のハンドルをドラッグして順番を変更できます。
各マイルストーンでは、次の項目を設定できます。
- タイトル
- 日付
- 説明
- アイコン： 「アイコンを表示」をオンにすると、表示するアイコンを選択できます。
共通のスタイル設定
- 1行あたりの項目数： 折り返すまでに横に並べるマイルストーンの数を設定します。
- フォント・見出しの文字サイズ： テキストのフォントと、見出しの文字の大きさを設定します。
- タイトルの色： マイルストーンのタイトルと日付の色を変更します。
- ボックスのスタイル： 詳細カードの背景色と文字色を設定します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます