【Luxeritas】CSS編集なし！狭すぎる箇条書き(リスト)の行間隔を広げる方法【WordPress】
あの、ホントに変なこと言っているのはわかってるんですが、、、
私のページってぱっと見で読みにくくなかったですか？
特に箇条書き部分。。。
記事の内容もそうなんですが、今回は内容についてはそーっとしておいていただけると助かります。
箇条書き部分というのは例えばコレです。
もう、全体的に行間が狭い！
1~3行目の間でも狭いと思いますが、特に画像が載っていると特に狭い。
コレだと手順を追う気にもなりません。
今回は、行間を広げて少しでも読む気になる記事にしていきましょう。
行間を広げる手順
Webサイトの行間を広げるとなるとCSSが…とかでコーディングなり何か難しいことをして設定しなきゃいけなくて、最悪壊してしまうのではないかと思いますが、私が使っているLuxeritasというWordPressテーマでは設定を弄るだけで解決します。
- WordPress管理画面(ダッシュボード)の左部にあるLuxeritas＞カスタマイズ(外観)を選択します。
- 外観のカスタマイズ画面に来たら、「投稿の行間」を選択します。
- 行間の設定画面です。
行間のデフォルト値は以下の通りです。
段落行間<p>：通常の文章の行間設定です。設定名 役割 デフォルト値 上マージン 段落ごとに区切られたブロックの上側の間隔を設定します。 1.3 下マージン 段落ごとに区切られたブロックの下側の間隔を設定します。 1.3 行の高さ 各行全ての間隔を設定します。 1.9 リスト行間<li>：箇条書き
設定名 役割 デフォルト値 上マージン 箇条書きで区切られたブロックの上側の間隔を設定します。 0 下マージン 箇条書きで区切られたブロックの下側の間隔を設定します。 0 - 箇条書き部分が狭すぎるので調整してみます。
箇条書きの下側を調整すれば自然な行間になるので、リスト行間の下マージンを「3」にしてみました。
いい感じなので、これで様子を見てみることにします！
この状態で公開ボタンをクリックすれば完了です！
以上、WordPressテーマ「ルクセリタス」の行間調整方法でした！