ワードプレスで記事の行間を変更する

どうも、くんたけです。

今回は、ワードプレスで本文の行間を変更する方法を解説します。

テンプレート毎に行間が指定されてるので、

自分好みの行間になっていないこともあります。

そんなときにこの方法で自分の好きな行間で表示させることができます。

では、解説していきます。

CSSを変更していきますので、必ずバックアップを取ってから進めてください。

① ワードプレスのダッシュボードから、「外観」のテーマ編集をクリックします。

② テーマ編集の中から、「スタイルシート(style.css)」をクリックします。

※スタイルシートとは、ページの色やフォント、レイアウトなどの規則について記述されています。

③ スタイルシートを開いたら、「Ctrl + F」でシート内を検索します。

④ 右上に検索窓が表示されるので、「line-height」と入力します。

 

⑤ まずは文書の基本的な設定の「body」タグ内の行間を変えてみます。

bodyの直下にある「line-height」を探してください。

⑥ 記述が見つかったら、fontの記述をお好きなものに変更してください。

em指定や%指定、px指定があります。

ご自身の好みに合わせて数値を変えてみてください。

⑦ 設定を保存すれば完了です。

※テンプレートのアップデートがあった場合は、設定が元に戻ってしまいますので 再設定が必要になります。

ぜひ試してみてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です