【SWELL】アコーディオンブロックの使い方!

SWELLアコーディオンブロックについて解説していきます!

この記事で分かること
  • アコーディオンブロックとはどのような機能か知りたい!
  • アコーディオンブロックの作り方を知りたい!
  • 活用例を知りたい!

ブロックエディター前提での説明をしていきます。

アコーディオンブロック」はクリックすることで隠しておきたい情報を開示できる機能です。

その情報を必要とする方はクリックをすることで情報を読むことが可能となり、その情報を必要としない方は視覚に入れずに読み飛ばすことが可能となります。

必ずしも全ての読者に必要とならない情報に開閉機能を付与することで、読者により読みやすい記事を提供することができるようになります。

目次

Cocoonとの比較

まずはCocoonとの比較を行っていきましょう。

デザインは異なりますが、Cocoonにも同様の機能がありますよ◎

SWELL
Cocoon
  • 機能有無:有
  • 時短比較:差異なし
  • 機能有無:有
  • 時短比較:差異なし

SWELLのアコーディオンブロック

アコーディオンブロックのデザインは4種類あります。

アコーディオンブロックの作り方

アコーディオンブロックの使い方を説明します!

STEP
「アコーディオンブロック」を選択

画面左上の「+」を選択してください。

「SWELLブロック」内の「アコーディオン」をクリックします。

STEP
アコーディオンブロックにテキストを入力

アコーディオンブロックにテキストを入力します。

STEP
アコーディオンブロックのデザインを選択

左上のアイコンをクリックします。

任意のデザインに変更してください。

以上でアコーディオンブロックが完成しました!

アコーディオンブロックの活用例

私がオススメする活用方法は以下になります。

・クイズ形式
・用語解説

クイズ形式

内容の復習としてクイズ形式で表現した場合は有効かと思います。

用語解説

分かりやすい記事にするために用語解説をする場合があります。

その用語に対してすでに知識を持っている人もいる場合、分からない方のみクリックして情報を開示することができるので、有効かと思います。

さいごに

当ブログでは5 STEPでCocoonからSWELL移行検討の悩みを解決できるブログとなっています。

必要に応じて記事をご確認下さい◎

STEP0 コンセプト
当ブログのコンセプトを確認できます。

STEP1 比較する
CocoonとSWELLを比較していきます。
この記事を読むことでテーマ間の大きな違いを理解できるようになります。

STEP2 機能を知る
SWELLでできることを具体的に説明します。
Cocoonにも有る機能かも解説していきます。

STEP3 評判を知る
SWELLの評判についてまとめています。
評判を知ることで、テーマ移行するか否かの参考にしてみてください。

STEP4 移行する
SWELLへのテーマ移行手順を説明しています!
この手順を完了すれば、いよいよSWELLでのブログ生活がスタートします。

STEP5 整える
SWELLへ移行後にやっておきたい諸設定をまとめています!

最後まで読んでいただきありがとうございました◎

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ご訪問ありがとうございます!
サイト運営者のけんです。
普段は化学メーカー勤務のサラリーマンをしている28歳男性です!
社会人5年目になりました。
当サイトではワードプレステーマ「Cocoon」から「SWELL」へ移行すべきか否かの悩みを解決する情報を中心に発信しています。
アイコンは日本の有名なNFTプロジェクト「CNP」です。

コメント

コメントする

目次