賢威８の行間指定

多くのWordPressのテーマは、記事中で行間を変更できません。
ですが賢威８は、クラス指定で変更が可能です。

記事中で文字のサイズを変更したときなどに、役立ちそうです。
指定するクラス名は、賢威８のサポートページを見ればわかります。

しかし、実際に指定したときのイメージがわからないので、ここでサンプルとして使用してみます。

基本的な指定方法

行間は基本的にはPタグで指定します。

html

<p class="lh11 m10-b">テキスト ・・・・</p>

※m10-bは、pタグの下部マージンを抑制するために付加しています。

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

divでも指定できます。

html

<div class="lh11 m10-b"><p class="m10-b">テキスト ・・・・</p>></div>

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

クラス css/HTML サンプル
lh10 line-height:1.0

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh10">テキスト</p>
lh11 line-height:1.1

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh11">テキスト</p>
lh12 line-height:1.2

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh12">テキスト</p>
lh13 line-height:1.3

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh13">テキスト</p>
lh14 line-height:1.4

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh14">テキスト</p>
lh15 line-height:1.5

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh15">テキスト</p>
lh16 line-height:1.6

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh16">テキスト</p>
lh17 line-height:1.7

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh17">テキスト</p>
lh18 line-height:1.8

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh18">テキスト</p>
lh19 line-height:1.9

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh19">テキスト</p>
lh20 line-height:2.0

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
<p class="lh20">テキスト</p>