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

Cocoon
ニック
ニック

ブログの記事を書くときに、情報を時系列で表示したい、と思ったことはありませんか?

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

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

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

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

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

本記事でまとめていること
  • 「タイムライン」とは何か
  • 「タイムライン」の使い方
  • 「タイムライン」の色の設定
この記事はこのような方におすすめ
  • ブログをはじめたばかりの方
  • 情報を時系列で分かりやすく表示したい方
  • 「タイムライン」ブロックの使い方を知りたい方
スポンサーリンク

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

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

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

「タイムライン」とは

エヌさん
エヌさん

そもそもなんだけど、「タイムライン」って何ですか?

ニック
ニック

例えば、このようなものだよ。

「タイムライン」の例

Googleアドセンス審査までの流れ
  • 2/14
    ブログ開始

    ワードプレスのブログを開設
    レンタルサーバーはConoHa WING

  • 2/15
    1記事目を公開

    「吹き出し機能」の使い方を執筆

  • 2/23
    Googleアドセンスの審査をリクエスト

    記事数は8記事

エヌさん
エヌさん

日付の部分を時間にしたり、STEP1,STEP2などにしても使えそうだね。

ニック
ニック

うん。色々と使えそうだね。それに見栄えが良いよね。

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

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

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

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

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

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

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

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

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

タイムラインのタイトル
  • ラベル
    タイトル

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

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

タイムラインのタイトル
  • ラベル
    タイトル

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

私の一日
  • ラベル
    タイトル

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

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

私の一日
  • ラベル
    タイトル

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

私の一日
  • 6:00
    起きる

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

説明を入力しよう

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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています

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

ポイントの数を増やそう

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

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

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

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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています

  • ラベル
    タイトル
  • ラベル
    タイトル

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

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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

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

色の設定をしよう

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

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

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

  • ポイントの色
  • 背景の色
  • 文字の色
  • ボーダーの色

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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

背景色を変えました。

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

文字色を変えました。

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

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


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

私の一日
  • 6:00
    起きる

    朝は光目覚まし時計でおきています。

  • 7:00
    朝食

    朝ごはんはコーヒーのみの日が多いです。

  • 7:45
    出勤

    職場までは10分で到着します。

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

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

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

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

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

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

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

ユーマ
ユーマ

さいごまでよんでくれて ありがとー!!

コメント

タイトルとURLをコピーしました