WordPressでブログを書いてます。
行間をもう少し広げたいんですが、どうすればいいのか教えて下さい！
行間をもう少し広げたいんですが、どうすればいいのか教えて下さい！
その質問にお答えします。
この記事の内容
- 記事の行間を調整する方法
所要時間
『読むだけ』
⇒「約1分」
『やってみる』
⇒「5〜15分」
この記事の信頼性
当サイトの運営環境
【1】WordPressで記事の行間を調整する方法
手順は簡単です。
早速やってみましょう！
早速やってみましょう！
手順
1. CSSコードの記述
下記のCSSコードを子テーマの『style.css』にコピペします。
（もしくは、カスタマイズの『追加CSS』）
（もしくは、カスタマイズの『追加CSS』）
CSSコード
- 【コード表示】
（ここをクリックorタップ） -
Copy
p { line-height: 1.85; /*行間 THORデフォルト*/ }
上記CSSコードの『1.85』の部分を、お好みで調整して下さい。
数字を大きくすると間隔が広くなります。
単位などは下記を参照願います。
数字を大きくすると間隔が広くなります。
単位などは下記を参照願います。
プロパティ設定
- line-height: normal;/*ブラウザが判断した高さ*/
- line-height: ～px;
- line-height: ～em;
- line-height: ～%;
- line-height: ～;
/*単位なしはフォントサイズと連動*/
（この設定が好ましい）
2. HTMLコードの記述
ビジュアルエディタの【＜＞】またはテキストエディタにHTMLコードを書きます。
HTMLコード（例）
- 【コード表示】
（ここをクリックorタップ） -
Copy
<p>これはテスト文章です。ここに文章を書いて確認しましょう。時を巻いて戻す術はない。『ノーアタック！ノーチャンス！』早く記事を書きたい！</p>
3. プレビューで確認
プレビューで確認しながら調整して下さいね！
カスタマイズの『追加CSS』にCSSコードを記述すると、リアルタイムで変更されるので調整するのに便利です。
★よくあるご質問【FAQ】★
【Q.】いま使っているWordPressテーマに【カスタマイズ】が無いんですけど、どこにCSSコードをコピペしたらいいですか？
【まとめ】
手順
【※】おすすめの行間設定
どのくらいに設定したらいいの？
一般的にきれいに見える数値は『1.5〜1.9』となっています。
お使いのフォントや全体のデザインで調整しましょう。
『文字の間隔』を調整する方法はコチラの記事で解説しています。
[sitecard subtitle=関連記事 url=https://tkr-webworks.com/wordpress-method-haba/ target=blank]
【ownCloudの導入方法】
ロリポップの無料ownCloudは、リモートワークなど、グループでファイルの共有が出来ます。
更に、大切なPCデータのバックアップとしても機能しますので、ぜひ導入してみて下さい。
詳細はコチラの記事で解説しています。
[sitecard subtitle=簡単ファイル共有 url=https://tkr-webworks.com/lolipop-owncloud-inst/ target=blank]
ownCloudでは第三者に対し、簡単にファイルの受け渡しができます。
詳細はコチラの記事で解説しています。
[sitecard subtitle=ファイルの簡単受け渡し方法 url=https://tkr-webworks.com/lolipop-owncloud-link/ target=blank]
★よくあるご質問【FAQ】★
コメント