サイト内検索の設置

サイト内検索機能を付けたいと思ったので、取り敢えずウィジェットをサイドバーに乗っける方法をやってみたのだが、サイドバーの幅を220pxにしているのが狭すぎるのか、無駄な改行が入ってしまって見た目が悪すぎる感じ。
入力ボックスは少し幅を狭くしてボタンとで1行に収めたい。それから、「検索」「サイト内検索」って何かダブっている感じの文言を1つにしたい。

で、ウィジェットは使わずに直接サイドバーに貼り付ける方法をググってみて、取り敢えずはできたのだが、検索すると、何故か検索語が入力ボックスからすぐに消えてしまう。(^^;
これでは、欲しい情報が見つからなかった時に、その言葉が本当に無かったのか、打ち間違いで見つからなかったのかが分からない。

で、更にググったら、検索語を取得する方法がここに出てた。↓
http://ja.forums.wordpress.org/topic/930
それを組み込んで、どうやら完成。(^^)

index.php のサイドバーの一番上に追加:
<!-- 検索フォーム -->
<div id="search_form">
<form role="search" method="get" id="searchform" action="<?php bloginfo('url'); ?>" ><div>サイト内検索<hr>
<input type="text"
 value="<?php
  if (isset($searchword)) {
    echo attribute_escape($searchword);
  } else {
    the_search_query();
  } ?>"
 style="width:140px" name="s" id="s" />
<input type="submit" id="searchsubmit" value="検索" />
</div>
</form>
</div>

style.css に追加:
/* 検索フォーム */
div#search_form {font-size: 0.75em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0c8bcd;
  padding: 1px 15px;
  margin: 10px 0}

スタイルシートは詳しくないので、無駄な書き方してるかも。(^^;