応援お願いします!

主婦・お小遣い稼ぎランキング

 

WordPressの無料テンプレートのSTINGER8(スティンガー8)。

 

デフォルトのフォントサイズは、スマホやタブレットなら問題ないのです。

 

しかし、PC画面で見ると、フォントが少し小さいと思う方が多いです。

 

今回は、STINGER8のフォントサイズの変更方法をご案内します。

カスタマイズの内容

STINGER8は子テーマを利用していると思うので、今回のカスタマイズは安全のため子テーマで行ってください。

手順

  1. WordPressの①外観⇒②テーマの編集⇒③『style.css』を開きます。
  2. フォントの変更は「style.css」内を編集します。

 

「style.css」を確認

まずは、デフォルトを確認します。

フォントサイズ変更前

/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20170614
*//*media Queries タブレットサイズ(960px以下)
----------------------------------------------------*/
@media only screen and (max-width: 960x) {/*-- ここまで --*/
}/*media Queries タブレットサイズ(600px以上)
----------------------------------------------------*/
@media only screen and (min-width: 600px) {/*-- ここまで --*/
}/*media Queries PCサイズ(960px以上)
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {/*-- ここまで --*/
}

 

「style.css」を編集

今回はパソコン画面のみフォントサイズを変更したいので、青字の部分のみ編集します。

フォントサイズ変更後

/*media Queries PCサイズ(960px以上)
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

.entry-content p {
font-size: 18px; /* 文字サイズ */
line-height: 27px; /* 行間 */
}

/*-- ここまで --*/ }

先ほどの青字の字間に、赤字を追加します。

行間も合わせて調整しています。

 

 

 

 

 

おすすめの記事