この記事では、SANGO Gutenberg プラグインのオリジナルブロックである【SANGO タイムラインブロック】について解説していきます。
SANGO タイムラインブロックは物事をステップに沿って説明する際や時系列の出来事を表すのに有効なブロックです。
例えば以下のようなタイムラインを【SANGO タイムラインブロック】で作ることができます。
フタを開ける
カップラーメンのフタを半分だけ空けます。
お湯を注ぐ
うっすらと見える線の位置までお湯を注ぎます。
3分間待つ
![](https://saruwakakun.com/sango/wp-content/uploads/2022/05/image-1000x423.png)
タイマーを3分セットし、じっと待ちます。
完成!
SANGO タイムラインブロックの呼び出し方
まずはエディターを開き、ブロック追加ボタンをクリックします。
![](https://saruwakakun.com/sango/wp-content/uploads/2021/05/1b96824b9df1ea2c6f072271d87e12e8.png)
クリックすると、ブロック一覧が表示されるのでその中から「SANGO タイムライン」と書かれたブロックを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/05/892f2d1412a81e834d5758fe4f9ca6c0.png)
もしくはエディター上で、/timeline と入力することでクイック呼び出しすることもできます。
SANGO タイムラインブロックの使い方
タイムラインブロックを表示すると以下のようなブロックが表示されるので、タイトルや内容を入力しましょう。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/05/7be3b11c8b07c92064f65616c903641e-1000x287.png)
タイトルの下の入力欄にはテキストだけでなく、画像やボタンといった各種ブロックを設置することもできます。
またブロックにあるSTEP.1というラベルですがこちらはサイドメニューの「ステップ・ラベル」という項目より変更いただくことができます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/05/a3db7c76ec7a13690ae9180ea33a29bb.png)
またブロックに表示されているプラスマークのボタンを押していただくことで2番目以降のステップを入力することができます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/05/btn-1000x287.png)
コメントを残す