カスタマイズ

WordPressブログの文字サイズを変更する方法!! 記事タイトル文字のサイズを変更できるコード付き

WordPress 文字サイズ

こんにちは。
mone(@mone_creator)です。

私は現在使っているWordPressテーマ『JIN(ジン)』が好きです。

WordPressテーマ
おすすめのWordPressテーマは『JIN』!! 有料だけど初心者にこそ使って欲しい理由こんにちは。 mone(@mone_creator)です。 初めに言っておきます。 これはどういう事かというと、 ...

とにかく使いやすい!!!
ですが、ずーっと気になってはいたけどほっといていた場所があります!

 

記事タイトルの文字サイズ!!!

 

という事で、今回記事タイトルの文字サイズを大きく改善できたのでまとめます。

この記事はこんな人にオススメ

  • 記事タイトル文字のサイズを変更したい人
  • コピペでできるコードを知りたい人
ブログ 書き方
ブログの書き方記事まとめ|WordPress(ワードプレス)ブログをレベルアップさせるために必要なことこんにちは。 mone(@mone_creator)です。 ブログを始めてみたはいいけど、「何を書いたらいいかわ...
ブログデザイン
ブログデザインの記事まとめ|見た目を変えてブログを自分好みにカスタマイズ!!こんにちは。 mone(@mone_creator)です。 この記事は、ブログを自分好みにしていくために、私自身...

『JIN』の初期設定のままだと文字サイズは小さい!?

WordPress 文字サイズ今回、『JIN(ジン)』で初めてカスタマイズをしてみました。

変更したかった理由

JINの仕様がスタイリッシュなので、若者向け(10代〜20代)です。
そのためどうしても文字が小さくなってしまっているので、記事タイトルだけ一般的に読みやすいとされる文字サイズ14〜16pxに変更したかった。

見て欲しい人が、10代〜20代前半ならば、初期設定のままでも問題ありません。

ですが、もし20代後半以降の方にも見て欲しいのなら、記事タイトルの文字は大きくする事をオススメします!

目を凝らしながら見なきゃいけないなんて……想像しただけでなんだかかわいそうです。
その見にくさは離脱率をあげてしまう原因にもなります。

デザインの現場でも文字のサイズはとても大切な要素

実はデザインの現場でも、文字のサイズはとても大切な要素なんです。

誰に向けてデザインされているものなのかで、使われている文字の『種類』『大きさ』『太さ』が違います。

例えば幼児向けの本の場合、ひらがなが多く、読む子供の年齢に合わせて使う漢字が増えたり、丸い種類の文字、サイズは大きくなります。

機会があったら注目してみてください。

そしてブログも、読んでほしい年代を意識して文字サイズを調整してみてください。

文字サイズを大きくする方法

それでは、文字サイズを変更する方法を具体的に紹介します。
コピーペーストで簡単にできるので取り入れてみてください。

ワードプレスのダッシュボードから追加CSSへ

ワードプレスにログインし、ダッシュボード→外観→カスタマイズ→追加cssへ移動します。

WordPress 文字サイズ

追加CSS内にテキストをコピー&ペースト

今回のコードはこれ!!

/*タイトル記事文字サイズ*/
@media screen and (max-width:767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title {
font-size: 14px;
line-height: 1.5em;
  }
}

 

こちらをコピーして、追加SCCにペースト。

WordPress 文字サイズ

その後公開ボタンを押します。
こちらのコードは、スマホでの文字調整を目的にしています。

文字のサイズ調整をしたい場合は『font-saize:』の後の数字、行間の変更をしたい時は『line-height:』の後の数字を変更してみてください。

コードを使うとき注意したいのが、『 } 』の存在です。
この『 } 』が無いだけでコードは完成しませんので、くれぐれもコピーのし忘れや、間違えての削除にお気をつけください!!

さいごに

mone
mone
見ずらいな〜

と思ったものは、他人が見たらもっと見ずらいものです。

記事タイトルの文字サイズは、コピーペーストですぐに解決できちゃうので、ぜひやってみてください。

ブログ 書き方
ブログの書き方記事まとめ|WordPress(ワードプレス)ブログをレベルアップさせるために必要なことこんにちは。 mone(@mone_creator)です。 ブログを始めてみたはいいけど、「何を書いたらいいかわ...
ブログデザイン
ブログデザインの記事まとめ|見た目を変えてブログを自分好みにカスタマイズ!!こんにちは。 mone(@mone_creator)です。 この記事は、ブログを自分好みにしていくために、私自身...

– fin –

ABOUT ME
mone
mone
コンセプトデザイナー|イラストレーター|マーケター|ブロガー 大切な人とのすれ違い生活を解消するためフリーランスに。フリーランス生活2年目になりました。 NikonとFUJIFILM X-T20愛用
LINE@への登録はコチラ

LINE@では
耳寄り情報や友達限定のお得情報も発信していきます

LINE@LINE@で友達追加

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください