STINGER5の文字サイズを変更する方法

つい先日、今頃になって気がついたのですけどね、

「なんか、うちのブログ、文字小さくね？」

と。

あまり自分の記事を読み直すということをしないので、今まで気にしなかったんですけど、他のブログと読み比べてるうちに「STINGER5のフォントサイズ小さくないかな？」と思ったわけです。

STINGER5のデフォルトでは１４ｐｘに設定されていますが、この記事を投稿した現在は１６ｐｘに設定しています。

２ｐｘ大きくするだけで、全然印象が違います。

読みやすくなったと思う。

というわけで、文字サイズの変更方法の備忘録をば。

STINGER5の文字サイズを変更する方法

.cssという重要なファイルをいじるので、出来れば子テーマを導入しておいた方がよろしいかと。

参考：[WordPress]子テーマ作成の一番手軽で簡単な方法！プラグイン『Duplicate Theme』

１，左側のメニュー欄の「外観」→「エディター」

２，スタイルシート（style.css）から「各フォント設定」を探す。Ctrl＋Fキーで簡単にページ内検索ができます。

３，以下の内容を変更する。

[css]
p {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
[/css]

これを、

[css]
p {
font-size: 16px;
line-height: 1.3;
margin-bottom: 2em;
}
[/css]

このように変更しました。

数値については、

stinger5のメインカラムの幅を広くし文字のサイズを変更する – うぇぶかすたむ p { font-size: 14px; line-height: 27px; margin-bottom: 20px; } …

こちらをマルっと真似させていただきました。

うぇぶかすたむさん、ありがとうございます。

まとめ

文字サイズ、導入した当初はまったく気になってなかったのに、なんで今更…

ブログ始めてまだ半年経ってないのに、眼の老化が始まってんのかな～。

…

文字サイズを変更して大きくすると、メインカラムの幅も大きくしたほうがいいような気がしてくる。

そうなるとヘッダー画像を大きくせにゃならんな～。

新しいの作るかな～。

ってかいっその事、サイトのデザイン大きく変えちゃうのもアリかも。

最近はSTINGERよりもSimplicityが流行ってるみたいで、実際すっごく良さそうなんだけど、テーマを変えちゃうってのは結構抵抗がある。

アクセス数あがった～、って嬉しい意見も多いけど、その逆もまた然りってわけでございまして…

このサイトの配色は、ほかのサイトとの差別化だったり個性の色？ってのを出すためにピンクとかを使ってるんですけど、最近になってちょっとうるさい色使いかな～とか、白で統一したほうが来訪客からしたら見やすいかな～とか、いろいろと考えてます。

う～ん…

まぁ、とりあえず、現状維持で！