【基本のアメブロカスタマイズ】記事エリアの文字サイズと行間を広げ、リンクを目立たせるカスタマイズ

こんにちは。
『やさしいブログの作り方』の松田です。

ブログを書く時、ためになる記事や面白い記事を書かないとって思っていませんか？

確かにその方がいいのですが、ただ、ためになる記事や面白い記事って「読んでもらわない」とそう感じてもらえないんです。＾＾；

なので、ためになる記事や面白い記事を書く前に「読んでもらいやすい」環境を整えることが大切です。


読んでもらいやすい記事にするためにはたくさんカスタマイズしなきゃと思われるかもしれませんが、実際はそうではありません。

文章を読みやすくするカスタマイズは、

・文字サイズを大きくする
・行間を適度に広げる
・リンクを青字太字下線付きにする

程度がされていれば十分です。


文字サイズ・行間共に標準の１．２倍（具体的に言うと、文字サイズが１６px、行間が１．８文字分）にすると読みやすくなります。

試しに標準とカスタマイズ後を以下に書いてみますね。

●カスタマイズ前（アメブロの標準）


●カスタマイズ後


文字が大きくなり、行間に適度な余白が生まれることで、文字の詰まった感やごちゃごちゃした感じが取り除くことができます。＾＾

記事本文の文字を大きく、行間を広くし、リンクを目立たせるには以下の手順で進めて下さい。


設定の仕方ですが、まず簡単な確認をします。

サイドバーにフリースペースが設置されているかどうかの確認です。

▼サイドバーの配置設定のページを開きます。
https://blog.ameba.jp/ucs/sidebar/srvsidebarupdateinput.do
　↓
▼フリースペースをサイドバーの好きな位置に設置する
※すでにフリースペースが設置されている場合はそのままでＯＫです。

これで設定確認は完了です。



▼上記のタグ<style>から</style>までをコピーします。
　↓
▼サイドバーのフリースペース編集を開きます。
https://blog.ameba.jp/ucs/profile/srvprofileupdateinput.do
　↓
▼フリースペース編集の最後に貼り付けて保存します。

記事内のリンクが青字太字下線付きになっていればＯＫです。


もし変わっていないようでしたら、

・Windowsの場合はコントロールキーを押しながらＦ５キー
・Macの場合はコマンドキーとシフトキーを押しながらＲキー

を押すと再読込されて適用されます。


また、このカスタマイズは記事エリアに加えて、

・サイドバーのフリースペース
・メッセージボード

にも適用されるようになっています。


最後までお読みいただきありがとうございました。