ブログのレベルUP

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

WordPress 文字サイズ

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

現在使っているWordPressテーマは『JIN(ジン)』です。
WordPressテーマのおすすめは『JIN』!! 初心者にこそ使って欲しい理由

WordPressテーマ
WordPressのテーマ。ブログで使うなら『JIN(ジン)』がおすすめこんにちは。 mone(@mone_creator)です。 初めに言っておきます。 これはどういう事かというと、 WEBの知識が...

HTMLやCSSを使わずに、ここまでデザイン性の高いものを提供してくれる『JIN(ジン)』には、本当に頭が上がりません。

ですが、ずーっと気になってはいたけど、ほっといていた場所があります。

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

という事で、今回記事タイトルの文字サイズを改善できたのでまとめます。
コピペできるコードも用意しているので、ぜひ使ってみてください。

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

  • 記事タイトル文字のサイズを変更したい人
  • コピペでできるコードを知りたい人

ブログの書き方記事まとめ|WordPress(ワードプレス)ブログをレベルアップさせるために必要なこと

ブログ 書き方
ブログの書き方記事まとめ|WordPress(ワードプレス)ブログをレベルアップさせるために必要なことこんにちは。 mone(@mone_creator)です。 ブログを始めてみたはいいけど、「何を書いたらいいかわからない」「P...

『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(ワードプレス)ブログをレベルアップさせるために必要なこと

ブログ 書き方
ブログの書き方記事まとめ|WordPress(ワードプレス)ブログをレベルアップさせるために必要なことこんにちは。 mone(@mone_creator)です。 ブログを始めてみたはいいけど、「何を書いたらいいかわからない」「P...

– fin –

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

週末の観たいオススメ映画を
Yahoo! JAPAN クリエイターズプログラムさんで紹介しています!!
スキマ時間のオトモに

youtube

YouTubeへ