KASABUTA-ENDLESS

*

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

   

stinger5

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

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

と。

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

STINGER5のデフォルトでは14pxに設定されていますが、この記事を投稿した現在は16pxに設定しています。

2px大きくするだけで、全然印象が違います。

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

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

スポンサーリンク

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

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

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

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

2,スタイルシート(style.css)から「各フォント設定」を探す。Ctrl+Fキーで簡単にページ内検索ができます。

3,以下の内容を変更する。

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

これを、

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

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

数値については、

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


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

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

まとめ

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

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

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

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

新しいの作るかな~。

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

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

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

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

う~ん…

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

 - WordPress, 使い方

336adosensu

336adosensu

Comment

Message

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

  関連記事

stinger0003
スマホにも強い!STINGER5のインストール手順

先日、大人気のワードプレステーマ「STINGERシリーズ」作者のENJIさんが新 …

By: khrawlings
[WordPress]phpをいじってヘッダー右側に相互RSSを設置する方法

スポンサーリンク [WordPress]phpをいじってヘッダー右側に相互RSS …

By: Wrote
ブログの写真・画像に枠をつけてチョット綺麗に見せる方法

スポンサーリンク ブログに掲載する写真や画像に枠をつけてチョット綺麗に見せる簡単 …

108901r
KASABUTA-ENDLESS(かさぶたエンドレス)について

スポンサーリンク KASABUTA-ENDLESS運営者のプロフィール プロフィ …

By: Elliott Brown
[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)

スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …

By: Brantley Davidson
[WordPress]オシャレなSNSボタンをサイドバーウィジェットに追加するプラグイン「Lightweight Social Icons」

スポンサーリンク [WordPress]オシャレなSNSボタンをサイドバーウィジ …

By: Trish Hamme
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん

スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …

By: DVIDSHUB
[WordPress] 「トップへ戻る」「PageTop」をスマホだけ表示しないようにする方法[STINGER5]

スポンサーリンク [WordPress] 「トップへ戻る」「PageTop」をス …

By: jeffreyw
助けて!ワードプレスのビジュアル編集のレイアウトぐっちゃぐちゃ\(^o^)/

スポンサーリンク 助けて!ワードプレスのビジュアルモードでの編集で画像をいれると …

By: JD Hancock
人気ブログになるためのプロフィールの書き方

スポンサーリンク 人気ブログになるためにアルファブロガーのブログのプロフィール欄 …