![](https://yes-i-can.xyz/wp-content/uploads/2021/12/アコーディオンブロックの使いかた-3.png)
この記事は、こんな方におすすめ
- アコーディオンブロックを知らない方
- アコーディオンブロックの使い方を知りたい方
- SWELLに興味がある方
SWELLブロックの基本的な使用用途については、下記の記事に書いてあるので先にそちらをお読みください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/first-step-スク-ル-11-500x263.png)
【SWELLブロック】全20種類の使い方!初心者向けにわかりやすく解説
『SWELLブロック』の機能を知っていますか? SWELLブロックとは、WordPress5.0から標準搭載されているブロックエディタで使用できるSWELL専用機能です。 「あのサイトと…
タップできる目次
アコーディオンブロックとは
アコーディオンブロックとは、アコーディオンのように、開いたり閉じたりできるブロックです。
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
どんな時に使うブロックなの?
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
使いかたは、人によって自由!
わたしの場合は、説明文が長くなってしまったときや、Q&Aで答えを隠したいときに使用するよ。
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/03/n0864-300x300.png)
私に使えるかな?
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
![](http://yes-i-can.xyz/wp-content/uploads/2022/09/DB963513-BD0B-49AB-B691-FA4ABEB9B976_1_102_o-300x300.jpeg)
大丈夫!
かんたんに使えるブロックだから使い方を一緒に覚えよう
アコーディオンブロックの使い方
マウス操作で使用する方法
STEP
左上にある+をクリック。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h14_09.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h14_09.png)
STEP
下にスクロールして、「SWELLブロック」にあるアコーディオンをクリック。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h18_29.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h18_29.png)
STEP
アコーディオンブロックを開いたら、右側にあるスタイルの中から好きなスタイルを選んで完了です。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h22_58.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h22_58.png)
上記の状態にならない場合は、「親ブロックを選択」をクリックしてください。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h51_37-800x255.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h51_37-800x255.png)
キーボード操作で使用する方法
STEP
何も書いていない状態の段落に半角の「/」を入力する。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h35_04-800x317.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h35_04-800x317.png)
上の矢印のところにアコーディオンとあるが、ない状態の時もあるので、step2へ
STEP
「/」のあとに半角の英数字で、accordionまたは、アコーディオンと入力する。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-04_06h38_29.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-04_06h38_29.png)
STEP
アコーディオンブロックを開いたら、右側にあるスタイルの中から好きなスタイルを選んで完了です。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h22_58-1.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h22_58-1.png)
上記の状態にならない場合は、「親ブロックを選択」をクリックしてください。
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h51_37-1-800x255.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/2022-01-05_05h51_37-1-800x255.png)
アコーディオンブロックの使用例
アコーディオンブロックとは
開閉機能がついているブロックです。
アコーディオンブロックとは
開閉機能がついているぶろっくです。
アコーディオンブロックとは
開閉機能がついているブロックです。
アコーディオンブロックとは
開閉機能がついているブロックです。
まとめ アコーディオンブロックの使い方
アコーディオンブロックは、かんたんに開閉機能がついているブロックを使用することができます。
袋とじ感覚で、ワクワクするものを隠すのも面白いと思います。
SWELLは、このほかにも独自のブロックがあり、どれもかんたんに使用できるブロックとなっているので本当におすすめできるテーマとなっています。
SWELLの魅力が知りたい方は、こちら
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/小見出しを追加-4-500x263.jpg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/小見出しを追加-4-500x263.jpg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/小見出しを追加-4-500x263.jpg)
【話題沸騰】有料テーマSWELLの評判は本当なのか?噂を徹底レビュー
有料テーマの最有力候補といえば「SWELL」では無いでしょうか?SWELLは、圧倒的に使いやすくパソコンが苦手な方に最適なWordPressテーマです。メリットばかりが目につくテーマですが、デメリットはないのか?有料テーマを選ぶ際の注意点も記述しているので、参考にしてください。
どんなSWELLブロックがあるのか気になる方は、こちら
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/first-step-スク-ル-11-500x263.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/first-step-スク-ル-11-500x263.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/first-step-スク-ル-11-500x263.png)
【SWELLブロック】全20種類の使い方!初心者向けにわかりやすく解説
『SWELLブロック』の機能を知っていますか? SWELLブロックとは、WordPress5.0から標準搭載されているブロックエディタで使用できるSWELL専用機能です。 「あのサイトと…