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