【XWRITEの使い方】説明リストブロックの利用シーンを教えて！HTMLやCSS不要で作成できて使用用途が盛りだくさん！

2024-04-29

このページのリンクには広告が含まれています。

「XWRITEの説明リストブロックが上手く使いこなせない・・・どんなときに使うの？」

そんなあなたへ、XWRITEユーザーのわたしがお答えします。

説明リストブロックは、用語や単語を説明するためのブロックです。

日常的な個人ブログや雑記ブログで、どのように使いこなせばよいのか？

迷う方も多いと思います。

Rumi

実は、わたしもそうでした。

いざ使ってみると、サイト全体がスッキリ！

テキストの量を減らすことができ、ひとめで内容が見やすくなります。

わたしの使用例をもとに、説明リストの利用シーンを紹介します。

Rumi

コードを使用せず、すべてテーマだけで解決します。

＼当サイトで使用しているWordPressテーマ／

XWRITE（エックスライト）は、国内シェアNo.1エックスサーバーが開発したWordPressテーマです

このブログで分かること [ close ]

XWRITEで作成！説明リストのスタイルは3パターン

説明リストのスタイルは、3パターンあります。

それぞれのスタイルと設定できる事項をまとめました。

Rumi

縦並びと横並びと組み合わせると、さらにイメージが変わります。色の変更も可能です。

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
4～50％（初期値：30％）	×	×	×	×	×	あり／なし	×	×

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
×	×	×	×	×	×	あり／なし	×	×

Rumi

スタイル１は、シンプルなデザインです。

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
4～50％（初期値：30％）	50～500px （初期値：50ｐｘ）	×	１～５ｐｘ（初期値：１ｐｘ）	×	×	あり／なし	左上／左中央／中央	左上／左中央

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
×	×	×	１～５ｐｘ（初期値：１ｐｘ）	×	×	あり／なし	×	×

Rumi

スタイル２は、下線部入りのリストで、テキストの内容が見えやすくなります。

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
4～50％（初期値：30％）	50～500px （初期値：50ｐｘ）	直線／なし	１～５ｐｘ（初期値：１ｐｘ）	0～20px (初期値：０ｐｘ）	あり／なし	あり／なし	左上／左中央／中央	左上／左中央

横幅の割合	高さの最小値	枠線の種類	線の太さ	丸み	影の有無	タイトルの装飾	タイトルの配置	説明文の配置
4～50％（初期値：30％）	50～500px （初期値：50ｐｘ）	直線／なし	１～５ｐｘ（初期値：１ｐｘ）	0～20px (初期値：０ｐｘ）	あり／なし	あり／なし	左上／左中央／中央	左上／左中央