Stinger5 フォントサイズと行間を変更する方法

UPSET HP name font

最近、人気ブログを見ていたら、自分のブログに比べ、とても見やすいなーと感じました。

自分のブログの記事は、フォントサイズが小さく、行間が狭いみたいです。

なので今回は、WordPressブログのフォントサイズの変更と、行間を変更する方法を紹介します。

*WordPress向けテーマ「Stinger5」を使用している場合の設定方法になります。

 

WordPressの管理ツールからcssを開く

 

スクリーンショット 2015-11-19 23.04.49

WordPressの管理ツールで外観>テーマの編集をクリックすると、上記の画面へ遷移します。

style.css の 「各フォント設定」の部分を修正

上記のように「各フォント設定」と書かれている箇所が2箇所(style.cssの上の方と下の方)あります。

上から1つ目の「各フォント設定」はスマホ向けのフォント設定、2番目の「各フォント設定」は、PC向けの設定箇所です。

スマホ・PC それぞれ自分の好みのフォントサイズ・行間に変更して、style.cssの変更を保存します。

完成

最後に、設定したフォントサイズ・行間でサイトの見た目がどうなるか確認します。

最初のうちは、数字を少しずつ変えて表示・確認を繰り返して、自分好みの状態にできるまで試行錯誤したほうがいいかもです。

今回は以上になります。

お疲れ様でした。

 

 

 

コメントを残す

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

ABOUTこの記事をかいた人

主に芸能ニュース・エンタメ・WordPress・iOS・Android・ゲームについて書いてます。 楽しいこと、面白いことが大好き。本業はシステムエンジニア。芸能ニュース、アフィリエイト、スマホゲーム、アプリ開発についての記事を書いていきます。