アメブロカスタマイズ 記事内フォントを変更する方法とは?

アメブロカスタマイズ 記事内フォントを変更する方法とは?

アメブロのカスタマイズの基本で、
記事本文のフォントの変更方法です。

フォント(文字)は読みやすい方が、
やっぱり読者さんには嬉しいですよね。

 

 

 

アメブロのデザインスキン(テンプレート)は、
種類も豊富ですが、読者さんにとって必ずしも、
いいというものではありません。

 

ポップなものも多いので、インパクトもありますが、
ブログを表示して感じてください。

 

どう?

 

 

記事の本文、読みやすいでしょうか?

 

アメブロでも、無料ブログでもそうですが、
せっかくブログに訪問してくれているのに、
なんか滞在時間が短かったり、PV(ページビュー)が少ないなー、
反応がないなーって感じている方、いるでしょう?

 

もしかしたら、記事の文字(フォント)の大きさや、
種類が、読者さんにとって読みずらいのかも?

 

 

私のアメブロは、テンプレートを変更しているので、
テンプレートの設定の文字の種類・大きさのまま使っています。

 

なので、比較的標準のアメブロでの設定より、
大き目のフォントサイズです。

 

それに慣れているせいか、アメブロの既存のテンプレートを見ていると、
やっぱり文字の大きさが、小さいなーって感じます。

 

 

標準フォントの場合、記事はこんな感じです。

標準フォント

 

どうです?

 

なんか小さいよねー。

 

 

これで、行間なども関係なく、
文字がズラーッと並んでいたら、
あなたは、このブログを読みたいかしら?

 

いくらいい事や、楽しいことが書かれていても、
読みづらい・見づらいだと、
読者さんは、読んでくれません!

 

 

以前にも書いているんですが、
基本人は、記事をよく読んでくれることはありません。
だから、読んでいただく工夫をしなければ!!
アメブロ カスタマイズの必要性とはなんでしょう?

 

でも、どうやって変更したらいいか解らない!!

 

そうなんですよね。

 

なので、私が解説していきますね。

 

アメブロは、HTMLソースを変更することはできないので、
できれば、CSS変更可能なテンプレートを使うといいのですが、
このCSS変更可能なテンプレートに変更した場合は、
自分でカスタマイズしたり、いろいろ変更しないと、
味もそっけもないブログデザインです。

 

アメブロを初めて使う方は、
アメブロで用意してあるテンプレートをお使いかと思いますので、
そのテンプレートでも、フォントの変更はできるので、
チャレンジしてみてね。

 

フォントの変更の説明

 

アメブロでは、デフォルトで設定してあるフォントの大きさは、
全体の75%という大きさを使っています。

 

この75%というのは、だいたい10ポイントくらいです。
これでは、ちょっと小さいですよね。

 

フォントの種類も、MS明朝体・MSゴシック体を使っています。

 

この種類は、見慣れているものだと思います。

 

フォントの種類は好き好きなので、変更しなくともいいけれども、
最近は、見やすいということで、メイリオフォントが人気があります。

 

そこで、今回の変更箇所

  • 記事本文のフォントの大きさ
  • 記事本文のフォントの種類

上記を変更していきます。

 

下記のコード(ソース)をコピーして、
フリースペースに貼ってくださいね。

 

フリースペースに貼ったら、保存します。

 

フリースペースを、ブログに反映するために、
配置設定から、フリースペースを使用する機能の方へ、
移動してくださいね。

フリースペースの配置設定

 

 

 

ブログを確認してください。
※表示できない場合は、F5キーを押下して更新をかけてください。
こんな感じです。

フォントの変更後

 

画像なので、比較できないかもしれませんが、
記事本文の下に、同じテーマの最新記事がありますね。

 

この文字の大きさが、初期設定の文字の大きさと種類です。

 

 

どうですか?

 

変更したほうが、文字が大きくて見やすくなりましたよね。

 

 

また、CSS変更可能なテンプレートをお使いの方は、
下記のソースをコピーして、CSSの一番下に貼ってみて。

 

 

CSSの解説
.articleText は、記事の本文のことです。

 

記事の本文だけの変更するときに、使用します。

 

全体の文字を変更する場合は、
Bodyタグを使いますが、今回はピンポイントでの変更をしました。

 

 

日記ブログでも、趣味ブログでも、
ビジネスブログでも、読者さんが読みやすいブログの構成にするのが、
ブログのカスタマイズです。

 

 

 

初めての方でも、簡単にできますので、
ぜひお試しあれ!!
 

 

 

A6A6

なにかお困りのことはありませんか?

良かったらメールをしてくださいね。

ぺんちゃーん クリック!!

arrow10_59x29_ylw

mail-pen1

ちえぞうに直接届きます!!

 

 

 

コメントを残す

サブコンテンツ

管理人:ちえぞう

chiezou



こんにちは。ちえぞうです。
手作りモノが、大好きで、好きが講じて手芸家になりました。
自分の時間を、もっと大事にするため、アフィリエイトもしています。 夢を叶える為に、日々奮闘中です。

もっと詳しくプロフィール♪

line

お役に立てたら、ぽちっとな ♪



Fc2ランキングへ



お問い合わせ

ペンちゃんをクリック!!

pen

ご質問や、ご相談など、
気軽にメールしてくださいね。

アメブロテンプレート参考本

このページの先頭へ