ブログのこと

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

ワードプレステーマJIN

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

WordPressでブログを作りたい初心者にこそオススメしたい有料テーマ『JIN』でこれからJINに特化した記事を書いていくと公言しました!

今回は、ずーっと気になってはいたけどほっといていた個所があります!

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

という事で、改善できたのでまとめました!!

ブログ講座
WordPress(ワードプレス)のブログを自分好みにカスタマイズ!! ブログデザインのあれこれこんにちは。 mone(@mone_creator)です。 この記事は、ブログを自分好みにしていくために必要な、デザインやカスタ...

 

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

今回JINで初めてカスタマイズをしてみました。

WordPress 文字サイズ

変更したかった理由

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

見て欲しい人が、10代〜20代前半ならば、初期設定のままでも問題ありません。
ですが、もし20代後半以降の方にも見て欲しいのなら、記事タイトルの文字は大きくする事をオススメします!

目を凝らしながら見なきゃいけないなんて……想像しただけでなんだかかわいそうですよね。

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

実はデザインの現場でも、文字のサイズはとても大切な要素なんです。
誰に向けてデザインされているものなのかで使われている文字の種類・大きさ・太さが違います。

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

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

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

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

それでは早速方法です!!
コピーペーストで簡単にできるので取り入れてみてください。

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

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

WordPress 文字サイズ

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

今回のコードはこれ!!


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

WordPress 文字サイズ

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

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

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

さいごに

自分が「見ずらいな〜」と思ったものは、他人が見たらもっと見ずらいものです。

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

– fin –

ABOUT ME
mone
mone
コンセプトデザイナー|イラストレーター|マーケター|ブロガー 大切な人とのすれ違い生活を解消するため社畜から卒業。フリーランス生活2年目になりました。 NikonとFUJIFILM X-T20愛用
オンラインコミュニティ

駆け込み寺オンラインコミュニティ
気軽に相談!! いつでも気軽に帰って来れる場所。
無料解放エリアもあります!!

オンラインコミュニティ

『harbor』へ

COMMENT

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

CAPTCHA


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