はてなブログの『続きを読む』ボタンを大きくするデザインCSS設定の方法！

『続きを読み』ボタンは小さく目立たない

トップページに表示されるブログ記事のデータ量を減らし、読み込み時間を短くしたり、観覧しやすくするために有効な『続きを読む』ボタンですが、でデフォルトでは若干小さいと感じているひとも多いのではないでしょうか。

今回はその『続きを読む』ボタンを大きくするcssコードを紹介します。

デフォルトの『続きを読む』ボタン

ブログ記事の下の方にある『続きを』

デザインcssで設定することによって大きくすることができます・

カスタマイズCSSコード

設定箇所

以下のコードを「デザイン」-「{}デザインCSS」の下の方に貼れば設定を変えることが出来ます。

/*続きを読むを大きくする*/
.entry-see-more{
font-size: 200%;
}

xxx%の部分を調整することで大きさを変えることができます。

設定を変えたあとは「変更を保存する」を忘れずに！

設定を保存する

設定後の例

大きくなった『続きを読むボタン』

関連ページ

karupoimou.hatenablog.com