◆wordpress(stinger)の備忘録

stingerの本文の行間を変更する方法

投稿日:

stingerの本文の行間を変更する方法を紹介します。文字サイズを変更するとそれに伴い、行間が広くなったり狭くなったりします。

なおstinger6で確認しております。当サイトがstinger6です。

ちなみに行間を広く、狭くとかわからない方向けに画像で説明します。

↓の狭い感覚を

↓のように行の間を広げる(または狭める)ことです。

実は文字サイズの変更する場所のすぐ真下なので一緒にやると便利です。文字サイズを変更してバランスが崩れたら一緒に行間も調整してやると見やすくなります。

変更するのは

style.css

です。

style.cssで「フォント設定」を検索すると2件ヒットするのですが、後半の2つ目の箇所をいじります。

こちらの

line-height: 23px; 

を line-height: 1.6;

に変更しました。30pxにすれば広く、17pxにすれば狭くなります。pxでも倍率でもどちらでもいいです。私は1.6と倍率にしました。

-◆wordpress(stinger)の備忘録

Copyright© ムーン・ウォーカー , 2024 All Rights Reserved Powered by STINGER.