はてなブログのデザインテーマ「Smooth」のカスタマイズ サイドバーのカテゴリー表示を横並びに

【※このブログは2021年2月1日にWordPressに移行。以下は過去の記録です】

先週変更したデザインテーマ「Smooth」の初期設定では、サイドバーのカテゴリーで項目が縦方向に一覧で並びます。カテゴリーが増えると、全体が縦に長くなり、間延びするように感じます。

そこで、横にも並ぶように設定しました。

「ダッシュボード」>「デザイン」>「カスタマイズ」タブ の「デザインCSS」に、以下を追記します。

.hatena-module-category ul li{
 display: inline-block; /* インラインブロック表示にする */
}
.hatena-module-category ul li a{
 padding: 3px; /* アンカーテキストの周囲の余白を指定 */
}

カテゴリーを多く作っている場合、この方がスッキリするように感じます。

しばらく、これで様子を見ようと思います。

■参考図書はこちら。

関連エントリー:

スポンサーリンク
よかったらシェアしてね!
目次
閉じる