自分力ブログ

自分なりの成功パターンでゆるく、楽しく、たくましく生きる方法を見つけるお手伝いをしています

【Stingerのカスタマイズ】文字を大きく・行間を広くする

      2016/01/03



【Stingerのカスタマイズ】で私が最初にやったこと

 

ワードプレスで記事書いて表示させると、何かが違う。

 

私のお気に入りブログ達と私のブログいったい何が違うんだろう。

 

よくよく観察すると、文字の大きさと行間ということがわかりました。

 

私のブログは文字が小さくて行間が狭い。だから読みにくいんだね( ̄Д ̄)魅力的な記事はなかなか書けなくても、この設定なら今すぐ直せそう。

 

外観→テーマの編集からCSS編集を選ぶ。Stingerの場合はPタグの設定で直せます。ctrlキー+fキーで右上に検索バーが出ますからそこにpを打ち込むと色がついて探しやすくなります(^^)

 

before

 

カスタマイズ前は文字の大きさが17pxだったので19pxにしました。行間は27pxだったのを微妙に広げて28pxに。

 

after

このように変更しました。ちょっとの差なんですけど、これだけでずっと見やすくなります。

 

まだ老眼ではないですが、文字は大きいほうがいいですね。読む側からすると、ちょっとしたことで読むのがストレスになることあります。

 

文字の大きさや行間の他にも、背景と文字の色とかね。本当に読みたい内容でないかぎり、我慢してまで読みません。。。

 

Stingerはもう設定されてるので修正不要ですが、背景は優しい白、文字は優しい黒が基本。この優しいというのが大事なポイント。

 

真っ白と真っ黒も意外とストレスなんです。コントラストが強すぎて目が痛い。

 

あと、背景黒はホラーブログでない限り避けましょう。雰囲気は出ますがこれも目が疲れます。他のサイトで、ブラック背景は仕事中に読めないからダメって 笑 ほんとにその通りですよね。

 - stingerカスタマイズ

Comment

  1. CSSのカスタマイズもご自分でしてらっしゃるんですね!
    すごいですね。
    CSS、すごくややこしいと思って手だし出来ないんですが、どこかで習ったんですか?

  2. 隊長 より:

    そのままでも十分ですけど、カスタマイズできる場所はまだまだありますからねー

    弄り始めるときりがないですw

    レビューは本当なら写真をキレイに撮るべきなんですけどね。
    それ用のキットも売ってはいるですけど、値段的になかなか(´・ω・`)

Message

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

  関連記事

【Stingerのカスタマイズ】グローバルナビゲーションをつけたい

グローバルナビゲーションをつけて分かりやすく メニューバー、ナビバーなどいろいろ …

サイドバーの人気記事をStinger5と同じ仕様にしてみたよ

やっぱりデザインが統一されてないと気持ちが悪い   先日プラグイン(W …

【Stingerのカスタマイズ】プロフィール欄をつくろう

スティンガーのカスタマイズでお困りの方は   Stingerのカスタマ …

ワードプレスの個人情報って簡単に流出しちゃうんですね(汗)今回私がした対策

とあるブログに助けられた。無知って怖い。。。   とあるブログとは、私 …

ブログの表示速度が遅くなっているですと!?原因は画像の重さ?『EWWW Image Optimizer』を設定

グーグルさんが表示速度遅いですよ!!と教えてくれた   いつものように …

【Stingerのカスタマイズ】『WordPress Ping Optimizer』でPing送信をする

Ping送信ちゃんとしてますか?? ブログを始めたばかりで右も左もわからない。黙 …

スパムコメントを撃退する『Akismet』の設定でヒヤっとしました。。。

なんという間抜け野郎なんだ。。。   初めてスパムコメントを受け取った …

ワードプレスが全くわからない1年前の自分に読ませたい記事を書きました

去年の今頃私は焦ってました。   ワードプレスでブログを始めようとした …

【Stingerのカスタマイズ】Googleアドセンスを初めてブログに貼ってみた

ブログを始めたらGoogleアドセンスに申し込み ブログを始めて記事を書いたらG …

意外な盲点!!文字を大きくするだけで読まれるブログになる!!

既にある自分の強みをテーマに考えてました。   見つけました。私が人に …