サイドバーの項目をスクロール

サイドバー…　プラグイン表示されている方がほとんどだと思いますが、各項目の縦幅を予め決めてしまい溢れた分はスクロール表示にする方法ですね。初心者さんにはこれが一番手っ取り早いかと思います。

テンプレートのソースではなくプラグインの設定からやりますので、
設定 > プラグインの設定
こちらから該当プラグインの
詳細 > プラグイン改造 > HTMLの編集
までたどり着きましたらまずソースの頭に以下の内容を追加します。

<div style="height: 縦サイズpx; overflow-y: auto;">

続いてソース末尾に

</div>

を追加。スクショ　↓ 縦幅が 200px を超えたら自動でスクロールバーが出るような指定です。縦幅が小さすぎるとパソコンでの操作が困難に、大きすぎると今度はスマホでの操作が困難になりますので、200〜400pxを目安にされると良いと思います。

---- ここから追記

本記事を書いた当初から日が経ちまして、現在では スマートフォン表示最優先時代 です。スマートフォンを基準に考えるとやはり縦方向のスクロールバーは理想的ではないと感じています。

また、本記事内のスクリーンショットはWindowsの様子です。Macの場合は実際スクロール動作が発生するまでスクロールバーが出ない、というのがデフォルト設定です。

そういう時代的な背景もあり、現在ではまた別の提案が必要かな、と思います。

---- 追記ここまで

月間アーカイブを「折りたたみ」と「横並び」にカスタマイズ

月間アーカイブの高さが大きすぎてお困りの方が多いようなので2つご提案しようと思います。...

vanillaice000.blog.fc2.com