WordPressのテーマで検索ウィジェットをカスタマイズするにはどうすればいいですか？

Question

私はワードプレスtwentytenのテーマを使用しています。
これで私は検索ウィジェットを設定しました。

今私のような、

を見て、私のようなそれをchaneしたい私の検索オプション、

をカスタマイズしたい私は変更する必要がどこいずれかを教えてもらえます？

Answer 1

wordpressの検索フォームのためのPHPは、ブラウザで次のうちの

<form method="get" id="searchform" action="http://www.your-url.org.uk/"> 
<div><label class="screen-reader-text" for="s">Search for:</label> 
<input type="text" value="" name="s" id="s"> 
<input type="submit" id="searchsubmit" value="Search"> 
</div> 
</form> 

を書き込む<?php get_search_form(); ?>ですつまり、あなたのテーマのスタイルシートに#searchform見つけ、そこからCSSをカスタマイズする必要があると思います。もっと助けが必要な場合は、Firebugをダウンロードし、それを使って既存のCssを調べてください。

Answer 2

私がサイトを見ることができないので、私はGoogle Chromes Developer Tools

1. を使用してそれを把握する方法を紹介しますあなたのワードプレスを表示するためにあなたのローカルホストを開き
2. をインストールする右入力された検索ボックスにクリックし、 "要素を調べる"
3. 右側の列には、TwentyTenテーマに関連付けられているCSSスタイルが表示されます。また、その下に下線付きのstyle.cssファイルがあり、クリックすると気付くでしょう。 CSSインスペクタは、参照している行を示し、右ペインで変更を加えてサイトに表示させることができます。
4. 入力ボックスの背景色をグレーに変更したいので、入力ボックスのスタイルをダブルクリックして＃e4e4e4に変更する必要があります。
5. 次に、色が灰色の背景で表示されないため、カラーセレクタを黒に変更することをお勧めします。
6. 変更144px
7. の幅はあなたが再配置およびスタイルたいコードの他の要素を選択することにより、上記と同じ手順を繰り返します
8. 変更を0PXするパディング。
9. 最後に、[リソース]タブをクリックしてスタイルシートを展開し、Style.cssを右クリックして[名前を付けて保存]を選択し、現在のスタイルシートの上にスタイルシートを保存して変更を保存できます。

ただし、頻繁に発生するWordPressサイトを更新すると、すべての変更が失われるため、TwentyElevenテーマを直接変更する代わりにWordPress Child Themeを作成することをお勧めします。