タイムラインショートコードとは～手順や時系列の表示したい初心者向け～

こんにちは。気マぐレクローバーです🍀

ブログで時系列を上手く表示する方法ってないかな…

なるほど。そういう便利な機能をお探しですね。
では、タイムラインショートコードについてご紹介します。

今回は、
ブログで時系列を上手く表示する方法がないか気になっている方向けに
タイムラインショートコードついて記載していきたいと思います。

この記事を読んでわかること
①タイムラインショートコードとは
②Cocoonでのタイムラインショートコードの挿入方法

タイムラインショートコードとは

タイムラインの意味は、
予定（表）、時間軸、時系列、年表などの意味を持つ英単語です。
出来事や予定を時系列に並べたり一覧できるようにした図表などを指します。

土用丑の日　早見表

前回の記事の土用丑の日をサンプルにしました。
気になった方は、こちらの記事をどうぞ♪

—————

分かりやすくてお洒落ですよね♪

基本的に
人間は文章だけで説明するよりも
文章　+　図で説明されるとより視認性が高まります。
時間軸、時系列、年表に出来そうと感じたものは
どんどんタイムラインショートコードを活用していきましょう。

操作方法もとても簡単なのでサクッとご紹介します！

Cocoonでのタイムラインショートコードの挿入方法について記載します。

①ショートコードを表示
②タイムラインアイテムをタイムラインのコードで囲う
③ショートコードに表示したい内容を入力

タイムラインショートコードを使用したい位置で
ショートコード⇒タイムラインとタイムラインアイテムを選択

タイムラインとタイムラインアイテムのショートコードは下記です。

①を飛ばして②をそのまま入力してもOK

入力が必要なのは下記です。

下記のように表示されるので
記事がわかりやすくなるように当てはまていきましょう。

タイムラインタイトル

タイムラインアイテムは、
内容によって増減すると思いますので
内容に合わせてタイムラインアイテムコードを増やすだけです。

今回は、
・タイムラインショートコードとは
・Cocoonでのタイムラインショートコードの挿入方法
について記載しました。

今回の記事のポイント
・タイムラインショートコードとは、出来事や予定を時系列に並べたり一覧できるようにした図表のこと
・タイムラインアイテムをタイムラインのコードを使用する

こんな機能ないかなぁって思っていたら
実はすでにあったので今後は活用していきたいと考えています！

私と同じようなブログ初心者の方の参考になれば幸いです🍀

最後までお読みいただきありがとうございました。

気マぐレクローバー🍀
更新日　2022/07/20　現在