スクロールバー付きのテキストウィジェットを設置する


imageWordPressのテキストウィジエットは、どんな内容でも記述できる代わりに、内容が長くなるといくらでも縦に伸びてしまいます。それを防ぐのが、スクロールバー付きのテキストウィジェットです。

このサイトでは右図のようにリンク集に用いています。その設置の仕方を解説します。

スポンサーリンク

1.テキストウィジェットを、ダッシュボードの左メニュー→外観→ウィジェット から設置します。

2.テキストウィジェットのテキスト入力欄に次の文章を記述します。


<div style="border:1px solid #ccc;height:200px;overflow:auto;width:70%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fffcfc;margin:auto;padding:10px;">

(ここに本文を入力)

</div>


3.必要に応じて微調整します。
‘height:200px’で高さを変更できます。
‘color:#fffcfc’で色を変更できます。
‘padding:10px’で余白を調整できます。

以下のエントリを参考にさせていただきました。

スクロールバー付きのテキストボックスをサイドバーに貼る | comemoはてなブックマーク - スクロールバー付きのテキストボックスをサイドバーに貼る | comemo

スポンサーリンク

スポンサーリンク
WordPress