【簡単にできる】WordPressの文字間隔を調整する方法!

悩む人のイラスト
WordPressでブログを書いてます。
文字の間隔をもう少し広げたいんですが、どうすればいいのか教えて下さい!

その質問にお答えします。

 この記事の内容

  • 文字の間隔を調整する方法

 所要時間

『読むだけ』
 ⇒「約1分」

『やってみる』
 ⇒「5〜15分」

 この記事の信頼性

システムエンジニアが実際に試した(体験した)内容を記述し、重要な部分を含めて解説しています!

★プロフィール★

 当サイトの運営環境

【1】WordPressで文字間隔を調整する方法

WordPressの文字間隔を調整する方法

たけちん
手順は簡単です。
早速やってみましょう!

 手順

  1. CSSコードの記述
  2. HTMLコードの記述
  3. プレビューで確認

1. CSSコードの記述

たけちん
下記のCSSコードを子テーマの『style.css』にコピペします。
(もしくは、カスタマイズの『追加CSS』)

 CSSコード

コード表示
(ここをクリックorタップ)
Copy
p {
     letter-spacing: .2em;/*文字の間隔*/
}
たけちん
上記CSSコードの『.2em』の部分を、お好みで変更して調整して下さい。
数字を大きくすると広くなります。

単位などは下記を参照願います。

 プロパティ設定

  • letter-spacing: normal;(初期値)
  • letter-spacing: ~px;
  • letter-spacing: ~em;

2. HTMLコードの記述

たけちん
ビジュアルエディタの【<>】またはテキストエディタにHTMLコードを書きます。

 HTMLコード(例)

コード表示
(ここをクリックorタップ)
Copy
<p>これはテスト文章です。ここに文章を書いて確認しましょう。早く記事を書きたい!</p>

3. プレビューで確認

たけちん
プレビューで確認しながら調整して下さいね!

カスタマイズの『追加CSS』にCSSコードを記述すると、リアルタイムで変更されるので調整するのに便利です。

『行間』を調整する方法はコチラの記事で解説しています。

関連記事

WordPressでブログを書いてます。 行間をもう少し広げたいんですが、どうすればいいのか教えて下さい! その質問にお答えします。  この記事の内容 行間を調整する方法  所要時間 […]

WordPressで行間を調整する方法

【ownCloudの導入方法】

ロリポップの無料ownCloudは、リモートワークなど、グループでファイルの共有が出来ます。

更に、大切なPCデータのバックアップとしても機能しますので、ぜひ導入してみて下さい。

詳細はコチラの記事で解説しています。

簡単ファイル共有

2台のパソコンから「同じファイル」にアクセスしたいなぁ。 あと、離れた家族やお友達と「プライベートな動画や画像」をシェアしたいんだけど。 簡単にできるのかな? その疑問にお答えします。  この記事[…]

c-eyecat_server-0806-002

ownCloudでは第三者に対し、簡単にファイルの受け渡しができます。

詳細はコチラの記事で解説しています。

ファイルの簡単受け渡し方法

メールじゃ送れない動画や画像の大きなファイルを受け渡ししたいなぁ。 家族やお友達とも、プライベートな動画や画像をたくさんシェアしたい。 簡単に出来るのかな? その疑問にお答えします。  この記事の内容[…]

ownCloudファイルの受け渡し方法

★よくあるご質問【FAQ】★

【Q.】ownCloudって何がそんなに便利なの?

最新情報をチェックしよう!

大切なデータが突然消えた...( ̄O ̄;)

えっ...
二週間かけて作ったデータが消えた...
何が起こったのか理解出来ず、しばし呆然。
私の時間を返してくれ!
【時を巻き戻す術はなし】

そういう経験をした方は少なくないはず。

さぁ、ownCloudでデータを二重化しときましょう!
実際に0円で導入し、運用しています。
→ 無料お問い合わせはコチラから

TKCオフィス仙台は「ホームページ制作、運営」その他をサポートします。
→ Webサイト・ブログ開設の無料相談はコチラから

CTR IMG