DL・DT・DDタグって何?
たとえば「質問」と「回答」のように「説明したいこと」と「その答え」を書くときにこのタグを使うというのが正しい方法です。
たとえば下記のように1時間(説明したいこと)→1000円(答え)
のように使うことができます。
- DLタグとは
-
説明リスト
- DTタグとは
-
項目のタイトル
- DDタグとは
-
項目の説明
![](https://aroma-ecru.com/wp-content/uploads/2022/11/0115_xlarge-150x150.jpg)
これもDLDTDDタグで入れたよ
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.23.01.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.23.01.png)
ブログの場合はほとんど使わないかもしれませんが、何かしらサービスを提供するお仕事のHPの場合よく使うので覚えておくとよいです。
SWELLではうれしいことにこの「DLDTDD」用のデザインもあらかじめ用意されています。
①「+」を押して「説明リスト(DL)」を選ぶ。(もしショートカットメニューにない場合は「すべて表示」から探してください)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.28.27.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.28.27.jpg)
②このような画面になる
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.31.30.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.31.30.png)
③うすく灰色の文字の上から入れたい項目を入力する。
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.33.17-1024x319.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.33.17-1024x319.png)
④3つ目以降は「+」を押すと「項目のタイトル(DT)」が出てくるのでそれをクリック
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.35.20.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.35.20.png)
⑤するとまたうすいグレーの文字で「Text…」と出てくるので上書きする
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.37.09.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.37.09.png)
⑥どうように「DD」も入れる必要があるので「+」を押して「項目の説明(DD)」をクリックし薄いグレーの文字の上に入力する
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.40.10.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.40.10.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.40.58.jpg)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.40.58.jpg)
⑦「親ブロックを選択」ボタンを押すと右側にメニューが出てくるので好きなタイプを選びます。
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.44.02.png)
![](https://aroma-ecru.com/wp-content/uploads/2021/12/2021-12-08-14.44.02.png)
コメントを投稿するにはログインしてください。