![](https://kiky0.com/wp-content/uploads/2023/08/3267a19896e84d35d47f493078e2970b-150x150.png)
SWELLの説明リストブロック(DL)の使い方がわからないよ?
今までは補足したい言葉をわざわざ、段落などを使って補足して説明してきましたとおもいます
しかし、この便利ブロック、その名も説明リストブロックを使えば段落などを使わず説明できるようになります
僕は、このブロック機能はつい最近、知ったブロッですが使い方はとても簡単で使う場所は多々ありそうです
使い方は、たったの3ステップで使えますよ
この記事では、説明リストブロックの使い方がわからないという方向けに分かりやすく解説してます
- SWELLの説明リストブロックの使い方がわからない
- 説明したい言葉があるけど、今まで諦めたてた方
この記事を読むと、説明リストブロックの使い方がマスターできますよ!
\僕が使っているテーマはこちら/
SWELLのブロックの使い方を全て知りたい方は【初心者必見】SWELL専用のブロックエディター全機能を解説を見てください
では、早速使い方を見ていきましょう
SWELLの説明リストブロック(DL)の使い方
![](https://kiky0.com/wp-content/uploads/2024/03/069b556e7c00cd15519e6a9df335b13f-1-150x150.png)
使い方はとても簡単ですが解説しておきますね
まずは、「+」ボタンを選択してください
![説明りすと1](https://kiky0.com/wp-content/uploads/2023/12/ed1417127685c26d9fae08143ffe6ffe-1024x474.png)
次に「説明リストブロック」をクリックしてください
![説明りすと2](https://kiky0.com/wp-content/uploads/2023/12/1acc0544dabf4c8610b69e71006a7387-1024x479.png)
右のサイドバーからスタイルを選んでください
![説明りすと4](https://kiky0.com/wp-content/uploads/2023/12/899387a52d8de7b6aecd0ae7d74599a3-1024x475.png)
こんな風に説明文を入力するとかんせいだよ!
![説明りすと3](https://kiky0.com/wp-content/uploads/2023/12/0926c14fb336942519611a05eb3bbb2e-1-1024x475.png)
![](https://kiky0.com/wp-content/uploads/2024/03/cropped-396e3229a541d500971731a9e518d721-1-150x150.png)
これで完成だよ。簡単でしたでしょ?
![](https://kiky0.com/wp-content/uploads/2024/03/069b556e7c00cd15519e6a9df335b13f-1-150x150.png)
ちなみに(DL)の意味は、HTML言語で説明って意味だよ
SWELLの説明リスト(DL)ブロックのスタイル
![](https://kiky0.com/wp-content/uploads/2023/08/3267a19896e84d35d47f493078e2970b-150x150.png)
説明リスト(DL)ブロックにはスタイルは何種類あるのかしりたいよ?
![](https://kiky0.com/wp-content/uploads/2024/03/396e3229a541d500971731a9e518d721-150x150.png)
全部で4種類あります。今から紹介していきますね
- SWELLとは
-
初心者でも使いやすくて、一度使うとブログを書くことが楽しくなるテーマだよ
一緒にSWELLデビューしようよ!!
- メリット
-
- SWELL独自のプラグインが豊富(詳細はSWELL専用のブロックエディター全機能を解説)
- SEOに強い
- 広告を埋め込むのがとても楽
- SWELLとは
-
初心者でも使いやすくて、一度使うとブログを書くことが楽しくなるテーマだよ
一緒にSWELLデビューしようよ!!
- メリット
-
- SWELL独自のプラグインが豊富(詳細はSWELL専用のブロックエディター全機能を解説)
- SEOに強い
- 広告を埋め込むのがとても楽
- SWELLとは
-
初心者でも使いやすくて、一度使うとブログを書くことが楽しくなるテーマだよ
一緒にSWELLデビューしようよ!!
- メリット
-
- SWELL独自のプラグインが豊富(詳細はSWELL専用のブロックエディター全機能を解説)
- SEOに強い
- 広告を埋め込むのがとても楽
- SWELLとは
-
初心者でも使いやすくて、一度使うとブログを書くことが楽しくなるテーマだよ
一緒にSWELLデビューしようよ!!
- メリット
-
- SWELL独自のプラグインが豊富(詳細はSWELL専用のブロックエディター全機能を解説)
- SEOに強い
- 広告を埋め込むのがとても楽
![](https://kiky0.com/wp-content/uploads/2024/03/cropped-396e3229a541d500971731a9e518d721-1-150x150.png)
この4種類ですよ!
アコーディオンブロックとの違い
ここまで説明すると、「あれ?説明リストブロックって、アコーディオンブロックと似てないか?」って思った方いませんか?
僕も最初は「似てるな〜」って思いました
説明リストブロックとアコーディオンブロックを実際に比較してみました
SWELLとは
初心者でも使いやすくて、一度使うとブログを書くことが楽しくなるテーマだよ
一緒にSWELLデビューしようよ!!
以上のように、開閉ができるアコーディオンって覚えておいてください。
でも、説明リストも同じような使い方もできそうですね!
最後に
最後まで読んでいただきましありがとうございました
今回は「【超便利】説明リストブロック(DL)の使い方を解説」というテーマで書いていきました
僕も実際に使ってみるのは、あまりなかったのですが意外とこれから使う機会は増えていきそうですね
特に引用とかでは、使えそうだなっておもいました
自分なりに、使いかを見つけて面白そうだったら、おっちょんのTwitterまで連絡ください笑
それでは、本日はこの辺で失礼します、ありがとうございました
コメント