なろう分析記録

『小説家になろう』をふくめ『ネット小説投稿サイト』を分析する。コード置き場,主にPython,javascript,たまに創作。

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

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

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

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

f:id:karupoimou:20190503233340p:plain:w400
デフォルトの『続きを読む』ボタン

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

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

カスタマイズCSSコード

f:id:karupoimou:20190503234010p:plain:w400
設定箇所

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

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

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

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

f:id:karupoimou:20190503233748p:plain
設定を保存する

設定後の例

f:id:karupoimou:20190503233434p:plain:w400
大きくなった『続きを読むボタン』

関連ページ

karupoimou.hatenablog.com