SWELLアコーディオンブロックの使い方と使用例を紹介！
マチコアコーディオンブロックって何？
ヒナキラこういった疑問を解決します。
SWELLのアコーディオンブロックは、情報を隠しておきたい場合、情報を閉じた方がユーザビリティが向上すると考えられる場合に大活躍してくれる便利ブロックです。
アコーディオンブロックを上手に使えば、ユーザビリティを向上させられますよ。
というわけで、さっそく見ていきましょう。
SWELLアコーディオンブロックの使用例
＼タップしてみてね／
＼タップしてみてね／
＼タップしてみてね／
＼タップしてみてね／
SWELLアコーディオンブロックの使い方
では、SWELLアコーディオンブロックの使い方を解説していきますね。
①ブロック追加をタップ。
②アコーディオンをタップする。
上側の「常にオープンになっている部分」と、下側の「隠される部分」へのテキスト入力を行う。
（隠されている部分はテキストに限らず、画像でも何でもオッケー。）
閉じた状態
タップして開くと･･･
ヒナキラこんな感じで、完成となります。
SWELLアコーディオンのおすすめ使用例
続いて、SWELLアコーディオンのおすすめ使用例をご紹介します。
- 長くなってしまう内容を隠す
- Q&A（質疑応答）方式にして使う
ヒナキラ一つずつ解説しますね。
①長くなってしまう内容を隠す
たとえば、下記のような感じです。
このような、Twitter埋め込みなどでも便利です。
Twitter埋め込みをたくさん並べると、人によっては「邪魔」に感じる場合も…
なので、アコーディオンを使って見たい人だけ見られるようにしておくというのがオススメです。
②Ｑ＆Ａ(質疑応答)方式にする
たとえば、下記のような感じです。
といった感じで、Ｑ＆Ａ形式にも使えます。
まとめ｜SWELLアコーディオンブロックの使い方
SWELLのアコーディオンブロックは、情報を隠しておきたい(閉じておきたい)場合に便利です。
人によっては見たくない情報などを隠すことで、ユーザビリティ向上にもなりますね。
ヒナキラTwitterをたくさん埋め込む時に、隠しておくと見たい方だけ見れて便利ですね。
というわけで、今回は以上です。
時短に繋がる、超高機能Wordpressテーマ。
- とってもオシャレなサイトが誰でも作れる
- 構造化機能も充実！SEO対策をしやすい
- ダントツクラスの機能性
- 高速化のプロを顧問！ページスピードが速い
- 時短機能も充実！記事執筆を効率化できる
- ブロックエディター対応度ナンバーワン
- ブログ運営が楽しくなる
- 初心者でもカスタマイズしやすい
- 買い切り、複数サイトに使える
- アプデが頻繁で進化が止まらない
- 値段が安くない（17,600円）
- AMP非対応
- 個人開発
SWELLはオシャレで、非常に使いやすく、時短に繋がる生産性高いWordpressテーマ。
17,600円の価格も、抜群の機能性やSEO対策面、記事執筆効率化などを考慮すればむしろ安いです。
使ったら二度と手放せなくなるWordpressテーマ「SWELL」の感動を、あなたにも。
コメント