記事やプラグインをスクロールさせてみよう！

ブログのプラグインエリアなどに沢山文字を書いたり、バナーを張ったりしたとき、プラグインエリアが縦に長くなりすぎて困ったことはありませんか？

そんな時は、プラグインエリアの中身をスクロールさせると良いかもしれません。

　※詳しくは詳細記事にて。

「プラグインエリアの中身をスクロールさせる」というのは、簡単に言うと

初めまして。私はレイアウトを確認するためだけに書かれた意味のない文章です。私がここに居たことを忘れないでください。いえ、判ってはいるんです。今私を見ている人のほとんどは私ではなく私の右側にいるスクロールバーに興味があるというのでしょう？　しかし考えてみてください。私が居なければ、そのスクロールバーも存在しません。私が与えられたスペースから溢れんばかりの自己主張をしているからこそ、右側にスクロールバーが現れているのです。えっへん。どうですか？　少しは私を見直しましたか？　私はいつでもここに居ます。寂しくなったらまた見に来てくださいね！

↑のように、与えられた領域からはみ出した文章などをスクロールによって表示させることです。

さて。肝心のやり方ですが、プラグインエリアの中身をスクロールさせるには、スタイルシートを使う必要があります。

スタイルシートの記述方法には、テンプレートに埋め込んで id や class で指定する方法もありますが、ここではプラグインの HTML を編集するだけの最も簡単な方法を紹介します。

まず、スクロール表示にしたいプラグインの HTML を開きます。

そして、その HTML の先頭に下記のタグを書き入れます。

<div style="height:***px; overflow:auto;">

※「***」には数値が入ります。ここで指定した height の値よりプラグインが大きくなると、自動的にスクロールバーが表示されるようになります。

次に、

</div>

を HTML の末尾に書き加えます。

つまり、上記の2つのタグでプラグインの HTML を挟めば OK です。

また、「overflow:auto;」の部分を「overflow:hidden;」にすれば、はみ出た要素は隠されて見えなくなります。

お疲れ様でした！