ご覧いただきありがとうございます。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
むぎちゃです。
先日はじめてCocoonの「タイムラインブロック」を使ってみました。
おそらくほとんどの方がこう思っているはず。
え、今更????
けれど私は使用時に少しつまずきました(泣)
まだまだ初心者感が抜けない駆け出しブロガーの覚書としてまとめさせていただきます。
困っていた!という方や、タイムライン使ってみたい!という方は是非ご覧ください。
Cocoonタイムラインの魅力
![](https://mugicha3.com/wp-content/uploads/2021/06/26131de6d495b9979bce288e35738059.png)
タイムラインの魅力はやはり説明が分かりやすいところ。
例えば文字で「19:00に夕飯を食べた後は22:00に就寝して翌5:00に起床して朝ランに行き……」だと読む気がそがれますよね。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
図解があると画面上も華やぎます!
Cocoonタイムラインの使い方
![](https://mugicha3.com/wp-content/uploads/2021/06/a619c64ae0586d7a392c1c5e16aaa9ab.png)
まずタイムラインを挿入したい場所の「+」ボタンをぽちっとします。
![](https://mugicha3.com/wp-content/uploads/2021/06/f5f019c80a316be142e014c4ae346b23.png)
ブロック検索に「タイムライン」と入れて「タイムラインブロック」を呼び出し選択。
![](https://mugicha3.com/wp-content/uploads/2021/06/3798aa0113f2f1048eb5112cfdd67c28.png)
そうするとタイムラインが現れます。
タイムラインのタイトル、ラベル、タイトルはもちろんそれぞれ変更可能。
![](https://mugicha3.com/wp-content/uploads/2021/06/be74c337ed6fccfaee269fa8bd97bdca.png)
おっと緑のポイントドットはどう増やせばいいのかな?
![](https://mugicha3.com/wp-content/uploads/2021/06/97a290ebbc53c7c1beb7296309d8aeef.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-e1620299561713.jpg)
エンター押しても空白ばかりで出てこない!
そういう時はタイムラインの枠線をちょんとクリックして選択。
![](https://mugicha3.com/wp-content/uploads/2021/06/3727b47a487d6b8acbebd011bbbbc460.png)
![](https://mugicha3.com/wp-content/uploads/2021/06/1a206e5b1655c360eb1f3b7be89e16c2.png)
ページ右上のブロックを選択して「アイテム数」の数を入力するとポイントドットの数が変えられます。
ポイントドット、ボックス背景、枠線、文字の色も変更可能です。
![](https://mugicha3.com/wp-content/uploads/2021/06/a00f122fad242b694d83c94976091702.png)
あとは入力して最終的にバランスなどを見て整えればOK!
![](https://mugicha3.com/wp-content/uploads/2021/06/26131de6d495b9979bce288e35738059.png)
超簡単!
まとめ
便利で記事に花を添えられるタイムラインブロック。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
使い方は工夫次第!
カスタマイズすると手順の説明とかもできるそうですがそれはまた今度。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
今回は超基本!
参考になれば幸いです。
ご覧いただきありがとうございました!
コメント