賢威8の行間指定

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

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

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

基本的な指定方法

行間は基本的には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サンプル
lh10line-height:1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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