evovovcon1989のブログ

evovovcon1989のブログ

ブログの説明を入力します。

Amebaでブログを始めよう!

はてなブログのスマホ用のフォントサイズをカスタマイズ

自分の「はてなブログ」をスマホで読んで見た事がありますか?何となくフォントサイズが小さくて読みにくいなあって感じませんでしたか?私は少し小さくて読みにくそうだなあって思いました。 そこで、フォントサイズを変更する方法を探してみた所、既に気になっていて対策している人がいるんです。 自分では作れないので、たくさん感謝して使わせていただいています。そして皆様にも紹介したいと思います。 【目次】 はてなブログのスマホ用のフォントサイズをカスタマイズ スマホで見る「はてなブログ」のフォントサイズ デフォルトのサイズ 標準サイズ プラス2ポイント 標準サイズ プラス4ポイント アクセスアップ作戦 フォントサイズを変更する 貼り付ける場所 アクセスアップ作戦のまとめ

Appism

id:tarapple

意外と知らない?はてなブログで絶対やるべき4つのカスタマイズ

(追記:現在のブログデザインとはだいぶ違います。ご了承下さい) 一体このブログはどこを目指しているのでしょうか? イギリスの王女の話とKindleのセール記事の後は「はてなブログのカスタマイズ」記事です(苦笑) ただのカスタマイズ記事だとつまらないので、今回は「意外とやっている人が少なそう」なカスタマイズを…

スマホで見る「はてなブログ」のフォントサイズ

まずは次の3つの画像を見て下さい。
デフォルトのサイズ
なにも変更していない時のスマホ画面サンプルです。ちょっとフォントサイズが小さく感じます。
標準サイズ プラス2ポイント
次が標準よりも2ポイント大きなサイズです。見やすくなったと思います。
標準サイズ プラス4ポイント
標準サイズよりも4ポイント大きなフォントになります。ちょっと大きすぎて、逆に読みにくいように感じます。(らくらくフォンみたい・・) 適正なフォントサイズは、皆さんの感性で決めて下さい。私は標準に2ポイントプラスした「16」にしています。

アクセスアップ作戦 フォントサイズを変更する

スマホのフォントサイズを変更するには次の文字全てをコピーして指定された場所に貼り付けるだけです。 コピーするのは「この下から」 <style type="text/css">
.entry-content {
font-size:◯◯px;
}
</style> 「この上までです」 赤文字で「16」と書いてるところがフォントサイズになります
自分が適切と思うサイズにカスタマイズしてみましょう。


貼り付ける場所

貼り付ける場所は次の通りです。自分の「ダッシュボード」をクリックして、「デザイン」をクリックします。

次に「携帯電話マーク」をクリックして、「ヘッダ」をクリックします。

下の様な画面になっていると思います。
「タイトル下」と書いている所の下に四角い「記入欄」がありますので、そこをクリックし、そこに先ほどコピーした文を貼り付けます。

貼付けが出来たら、自分が好ましいと思うサイズに数値を変更して「変更を保存する」をクリックし忘れない様にして終了します。
これでスマホのフォントサイズが変わりました。

アクセスアップ作戦のまとめ

記事を書いているだけでは気が付きませんが、自分のブログを読んでみると気が付く事があります。

今回紹介したフォントサイズもそうです。

せっかくみんなに読んでもらいたくて作成した記事が、訪問してくれた人にとって読みにくものだったら残念です。

少しでも快適に読んでもらいたいと思います。

でも、自分で作った物でもないですし、考えたものでもないので偉そうなことは言えません。

作ってくれた方に感謝して使わせていただき、皆さんに紹介しています。 最後まで読んでいただきありがとうございます。よろしければ  「ブログランキング」「ブックマーク」「読者になる」をポチっとお願いします。
人気ブログランキングへ ...