STINGER5の文字サイズを変更する方法
つい先日、今頃になって気がついたのですけどね、
「なんか、うちのブログ、文字小さくね?」
と。
あまり自分の記事を読み直すということをしないので、今まで気にしなかったんですけど、他のブログと読み比べてるうちに「STINGER5のフォントサイズ小さくないかな?」と思ったわけです。
STINGER5のデフォルトでは14pxに設定されていますが、この記事を投稿した現在は16pxに設定しています。
2px大きくするだけで、全然印象が違います。
読みやすくなったと思う。
というわけで、文字サイズの変更方法の備忘録をば。
STINGER5の文字サイズを変更する方法
.cssという重要なファイルをいじるので、出来れば子テーマを導入しておいた方がよろしいかと。
参考:[WordPress]子テーマ作成の一番手軽で簡単な方法!プラグイン『Duplicate Theme』
1,左側のメニュー欄の「外観」→「エディター」
2,スタイルシート(style.css)から「各フォント設定」を探す。Ctrl+Fキーで簡単にページ内検索ができます。
3,以下の内容を変更する。
[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が流行ってるみたいで、実際すっごく良さそうなんだけど、テーマを変えちゃうってのは結構抵抗がある。
アクセス数あがった~、って嬉しい意見も多いけど、その逆もまた然りってわけでございまして…
このサイトの配色は、ほかのサイトとの差別化だったり個性の色?ってのを出すためにピンクとかを使ってるんですけど、最近になってちょっとうるさい色使いかな~とか、白で統一したほうが来訪客からしたら見やすいかな~とか、いろいろと考えてます。
う~ん…
まぁ、とりあえず、現状維持で!
336adosensu
336adosensu
関連記事
-
-
[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法
[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …
-
-
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん
スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …
-
-
[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)
スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …
-
-
お気に入りやタブ横のアイコンを作成して変更・表示させる方法
お気に入りやタブ横に表示されるアイコンをオリジナルで作成して変更・表示させる方法 …
-
-
[WordPress]投稿日付と時間の表示を変更する。あと投稿者名を削除する方法(Hueman)
スポンサーリンク [WordPress]投稿日付と時間の表示を変更する。 あと投 …
-
-
ブログの写真・画像に枠をつけてチョット綺麗に見せる方法
スポンサーリンク ブログに掲載する写真や画像に枠をつけてチョット綺麗に見せる簡単 …
-
-
[Hueman使い方]サイドバーの背景色を変更する方法。その2
スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …
-
-
[STINGER5]サイドバーのウィジェットとかの順番を入れ替える方法
スポンサーリンク [STINGER5]サイドバーのウィジェットとかの順番を入れ替 …
-
-
人気ブログになるためのプロフィールの書き方
スポンサーリンク 人気ブログになるためにアルファブロガーのブログのプロフィール欄 …
-
-
[ワードプレス]flickrの写真を簡単に挿入できてクレジット表記も自動の超便利なプラグイン
スポンサーリンク flickr上の著作権フリーの写真や画像を簡単に検索・挿入でき …
Comment
[…] いたKASABUTAさんのページです。 ありがとうございました。 http://kasabuta-endless.net/stinger5-mojisaizu-henkou-tiisai/ […]
[…] ありがとうございました。 http://kasabuta-endless.net/stinger5-mojisaizu-henkou-tiisai/ […]