【Cocoon】タイムラインの使い方｜時系列で情報を表示したい

実は、ワードプレス（Cocoon）には、時系列を分かりやすく表示できる機能があります。

ブログ開設２か月目の僕でも、簡単に使うことができました。

この記事では、情報を時系列で表示できる「タイムライン」の使い方を解説いたします。

この記事を読むと、誰でも簡単に「タイムライン」の使い方が分かります。

全手順を画像つきで解説いたします。

【Cocoon】タイムラインの使い方｜時系列で情報を表示したい

ワードプレス（Cocoon）には、情報を時系列で分かりやすく表示できる機能「タイムライン」があります。

「タイムライン」とは

「タイムライン」の例

【Cocoon】タイムラインの使い方

タイムラインの使い方を解説いたします。

タイムラインを表示しよう

記事にタイムラインを挿入する方法を解説します。

記事の執筆画面の右側に表示される＋をクリックします。

検索窓に「タイムライン」と入力します。

「タイムライン」をクリックします。

「タイムライン」が表示されました。

タイムラインのタイトルを入力しよう

タイムラインのタイトルを入力しましょう。

今回は、「私の一日」としてみます

ラベルとタイトルを入力しよう

ラベルとタイトルを入力しましょう。

ラベル ： 6:00　　タイトル：起きる

ラベルとタイトルを入力することができました。

説明を入力しよう

タイトルの下に、説明を入力しましょう。

説明を入力することができました。

ポイントの数を増やそう

ポイントの数を増やしましょう。

「タイムライン」ブロック（タイムラインの枠）をクリックします。

画面右側の「アイテム数」より、ポイントの数を設定します。

ポイントの数を増やすことができました。

ラベル・タイトル・説明文を入力しよう

増えたポイントに、ラベル・タイトル・説明文を入力しましょう。

ラベル・タイトル・説明文の入力が完了しました。

色の設定をしよう

タイムラインの色を変えてみましょう。

「タイムライン」ブロックをクリックします。

画面右側の「色設定」より、以下の色を変更することができます。

ポイントの色を変えました。

背景色を変えました。

文字色を変えました。

ボーダー色を変えました。

色の変更は印象を変えるのに便利ですが、変更しすぎても見にくいので注意してください。

ポイントの色と背景色だけ変更することにしました。

「タイムライン」を使って、情報を時系列で分かりやすく表示することができました。

まとめ：【Cocoon】タイムラインの使い方｜時系列で情報を表示したい

ワードプレス（Cocoon）の標準の機能「タイムライン」を使って、情報を時系列で分かりやすく表示することができました。

一度使ってみると驚くほど簡単に設定できますので、Cocoonユーザーの方はぜひ試してみてください。

ブログ初心者の方向けに、実際に僕がブログ開設2週間で感じた「これどうすればいいの？」を、以下の記事でまとめました。

興味のある方は、ご覧になってください。

ニックブログ

404: ページが見つかりませんでした | ニックブログ