> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://con-one.crisp.help/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # タイムラインウィジェット # タイムラインウィジェット タイムラインウィジェットを使うと、出来事や節目、手順を時系列に沿って表示できます。会社の沿革、製品の開発計画、プロジェクトの進行段階、サービスの利用手順などの紹介に適しています。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_fpem64.png) ### タイムラインウィジェットを使うメリット * **流れを視覚的に伝える：** 日付やアイコンとともに出来事を順番に並べることで、全体の流れや進み具合を把握しやすくなります。 * **実績をわかりやすく示す：** 資金調達、製品の発売、受賞などの節目を日付付きで紹介し、これまでの歩みや実績を伝えられます。 * **複数の手順を整理する：** 導入から利用開始までの手順やプロジェクトの各段階を、つながりのあるステップとしてわかりやすく説明できます。 ### レイアウトの選択 #### 水平 横に伸びる線に沿ってアイコンやマーカーを配置し、その上に日付とタイトルを表示します。出来事を簡潔に紹介したい場合に適した、コンパクトなレイアウトです。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_1xsnel6.png) #### 水平 — 詳細を下に表示 横向きのタイムラインの下に、各項目のアイコン、タイトル、説明を含むカードを表示します。それぞれの出来事に詳しい説明を添えたい場合に適しています。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_71cepn.png) #### 垂直 縦に伸びる線に沿って、各項目の詳細カードを左右交互に配置します。項目数の多いタイムラインや、スクロールしながら順番に読み進める構成に適しています。 ![](https://storage.crisp.chat/users/helpdesk/website/-/f/0/8/3/f08367305081f800/image_11jawmv.png) ### マイルストーンの追加・編集 タイムラインに表示する出来事や節目を「マイルストーン」と呼びます。各マイルストーンは、編集画面のリストで管理します。 「＋追加」をクリックすると、新しいマイルストーンを作成できます。既存の項目は、並べ替え用のハンドルをドラッグして順番を変更できます。 各マイルストーンでは、次の項目を設定できます。 * **タイトル** * **日付** * **説明** * **アイコン：** 「アイコンを表示」をオンにすると、表示するアイコンを選択できます。 ### 共通のスタイル設定 * **1行あたりの項目数：** 折り返すまでに横に並べるマイルストーンの数を設定します。 * **フォント・見出しの文字サイズ：** テキストのフォントと、見出しの文字の大きさを設定します。 * **タイトルの色：** マイルストーンのタイトルと日付の色を変更します。 * **ボックスのスタイル：** 詳細カードの背景色と文字色を設定します。 # ウィジェット一覧 [フリー画像素材の活用](/ja/article/unsplash-33ih4h/) [注文概要の作成](/ja/article/5roo5pah5qac6kab44gu5l2c5oiq-1qzddd8/) [ボタンの使い方](/ja/article/44oc44k44oz44gu5l244ge5pa5-qn58hv/) [見出し&テキストの活用方法](/ja/article/6kal5ye644gxjuodhuocreocueodioobrua0ueuqoawueazlq-f4tkge/) [画像の追加&設定方法](/ja/article/55s75yop44gu6l95yqgjuiorewumuawueazlq-y3wxbz/) [メニューを好きな場所に追加しよう！](/ja/article/44oh44ol44ol44o844ks5aw944gn44gq5ac05oma44gr6l95yqg44gx44ki44gg77yb-lfzcdq/) [フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜](/ja/article/44ov44kp44o844og44gu5l244ge5pa544cc44gk5zwp44ge5zci44kp44gb44cb44oh44or44oe44ks44cb44ki44oz44kx44o844oi44gq44gp44cc-1vur3i/) [クイズフォームの使い方](/ja/article/44kv44kk44k544kz44ov44kp44o844og44gu5l244ge5pa5-1lg35ja/) [チェックアウトフォーム設定](/ja/article/44ob44kn44od44kv44ki44km44oi44ov44kp44o844og6kit5a6a-3kf0xy/) [カウントダウンタイマー機能を活用しよう！](/ja/article/44kr44km44oz44oi44oa44km44oz44k44kk44oe44o85qmf6io944ks5rs755so44gx44ki44gg77yb-1cdh60i/) [ファイルマネージャー（アップロード&ダウンロード方法）](/ja/article/44ov44kh44kk44or44oe44on44o844k444oj44o877yi44ki44od44ox44ot44o844ojjuodgoocpuodsodreodvoodieawueazle8iq-1fkvgfo/) [音声メディアを作ろう!](/ja/article/6zz5aow44oh44oh44kj44ki44ks5l2c44kn44gg77yb-wgcq1l/) [画像の埋め込み方法](/ja/article/5yuv55s744gu5zl44kb6l6844g5pa55rov77yb-9ulw60/) [スペーサー](/ja/article/44k544oa44oz44k144o8-1in3yb2/) [プログレスバー](/ja/article/44ox44ot44kw44os44k544oq44o8-621ukm/) [区切り線の設定](/ja/article/5yy65yih44kk57ea44gu6kit5a6a-724dr0/) [アコーディオン](/ja/article/44ki44kz44o844oh44kj44kq44oz-ardokk/) [地図を入れてみよう！](https://con-one.crisp.help/ja/article/google-2mi0u/?bust=1751420716231) [コードを埋め込んでみよう！](https://con-one.crisp.help/ja/article/html-i59b2o/?bust=1751420606583) [スライダーの活用](https://con-one.crisp.help/ja/article/44k544op44kk44oa44o844gu5rs755so-rq0oh8/?bust=1751420472886) [埋め込みの活用](https://con-one.crisp.help/ja/article/5zl44kb6l6844g44gu5rs755so-12426x5/?bust=1751420707630) [ブログ一覧をサイトの好きな場所に設置](https://con-one.crisp.help/ja/article/44ow44ot44kw5lia6kan44ks44k144kk44oi44gu5aw944gn44gq5ac05oma44gr6kit572u-18j5acg/?bust=1751420712044) [画像ウィジェット](https://con-one.crisp.help/ja/article/55s75yop44km44kj44k444kn44od44oi-2n2ogq/) [アイコンリスト](https://con-one.crisp.help/ja/article/44ki44kk44kz44oz44oq44k544oi-1pcdrdj/) [見出しチップ（ピル型見出し）](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/) [](https://con-one.crisp.help/ja/article/6kal5ye644gx44ob44od44ox77yi44ou44or5z6l6kal5ye644gx77yj-1ih71av/) [チームメンバー](https://con-one.crisp.help/ja/article/44ob44o844og44oh44oz44oq44o8-n2fgf1/) [統計カウンター](https://con-one.crisp.help/ja/article/57wx6kii44kr44km44oz44k44o8-9c7uw8/) [チャート](https://con-one.crisp.help/ja/article/44ob44oj44o844oi-x0hjvy/) [料金](https://con-one.crisp.help/ja/article/5paz6yer-ys4hgc/) [料金比較](https://con-one.crisp.help/ja/article/5paz6yer5qu6lyd-1lf6kot/) [動画によるお客様の声](https://con-one.crisp.help/ja/article/5yuv55s744gr44ki44kl44gk5a6i5qey44gu5aow-4k3hd/) [画像比較](https://con-one.crisp.help/ja/article/55s75yop5qu6lyd-1vs0sxl/) [画像自動ローテーション](https://con-one.crisp.help/ja/article/55s75yop6ieq5yuv44ot44o844og44o844k344on44oz-pv1554/) [画像ホットスポット](https://con-one.crisp.help/ja/article/55s75yop44ob44od44oi44k544od44od44oi-1jg8n12/) [タイムラインウィジェット](https://con-one.crisp.help/ja/article/44k44kk44og44op44kk44oz44km44kj44k444kn44od44oi-668dre/) [お客様の声ウィジェット](https://con-one.crisp.help/ja/article/44gk5a6i5qey44gu5aow44km44kj44k444kn44od44oi-1c2jpjr/) [テーブル](https://con-one.crisp.help/ja/article/44og44o844ow44or-9v90ox/) [ソーシャルプルーフ](https://con-one.crisp.help/ja/article/44k944o844k344oj44or44ox44or44o844ov-yfiulq/) [スクロールテキスト](https://con-one.crisp.help/ja/article/44k544kv44ot44o844or44og44kt44k544oi-h3c5uc/)