アメブロの文字の大きさとリンクを読みやすく、わかりやすくする


内藤です。

文字が読みやすく、リンクがわかりやすい

これって読者目線ではとても大事です。

マニュアルでも最初に書いていることです。

文字は大き目
リンクは目立つように青

新しいカスタム可能デザインの「CSS編集用デザイン」では CSSに

.articleText,.skinMessageBoard{
font-size: 15px; /*文字サイズ*/
line-height:1.5; /*行間*/
}
.articleText a,.skinMessageBoard a{
font-size:15px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#0000ff; /*文字色*/
text-decoration:underline; /*文字装飾*/
}

を追加してみてください

旧デザインの「ベーシック」の場合は

div.subContents{
font-size: 14px; /*文字サイズ*/
line-height:1.5; /*行間*/
}

div.subContents a{
font-size:15px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#0000ff; /*文字色*/
text-decoration:underline; /*文字装飾*/
}

を追加してみてください

これで、記事とメッセージボードの文字とリンクが変わります。

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください

コメントを残す