2012-03-23 25 views
0

私はWordpressのTwenty Eleven 'SearchForm'/'searchform.php'をカスタマイズしています -入力フォームから検索ボタンを押してください。

私はEnter-to-Search機能を使いたいと思います。従来のクリックボタン送信機能を使用するために、自分のカスタムイメージボタンを追加したいと考えています。

とにかく;機能上のデフォルトで使用されているID、クラス、および名前を新しい画像ボタンにドラッグすると、画像が表示されません。しかし、私はそれらのクラスなどを持っていないときに使用されます..それはレンダリング?

以下は、私が現在コードに記載されている場所です。 (任意の提案ですか?)

<?php 
/** 
* The template for displaying search forms in Twenty Eleven 
* 
* @package WordPress 
* @subpackage Twenty_Eleven 
* @since Twenty Eleven 1.0 
*/ 
?> 

<form method="get" id="searchform" name="searchform" action="<?php echo esc_url(home_url('/')); ?>"> 
<label for="s" class="assistive-text"><?php _e('Search', 'twentyeleven'); ?></label> 
<input type="text" class="field" name="s" id="s" value="Search, title, author, keyword" onfocus="ClearForm();" style="width: 225px;"> 
<input type="submit" src="http://#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="<?php esc_attr_e('Search'); ?>" class="submit" name="submit" id="searchsubmit"/> 

<input type="image" src="#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="<?php esc_attr_e('Search'); ?>" class="submit" name="submit" id="searchsubmit"/> 

</form> 

<script language="javascript"> 
<!-- 
function ClearForm() { 
    document.searchform.submit.value= ""; 
} 

//--> 
</script> 
+0

おそらく、送信ボタンに設定されたIDとクラスにCSSが添付されている可能性があります。 IDは一意であると考えられているため、ページ上の1つの要素だけが特定のIDを持つ必要があります。 IDとクラスに適用されているスタイルを知らなくても、イメージがどこに配置されているのかは分かりません。両方が絶対的に配置されているので、あなたのイメージは他のものの後ろにある可能性があります。 – Jrod

+0

助言の単語:子供のテーマを使用するhttp://codex.wordpress.org/Child_Themesあなたはオーバーライドする必要があるファイルのみを上書きする。 – janw

答えて

0

あなたはそれが一番上に表示されるかどうかを確認するために、画像のスタイリングにZインデックスを追加してみてくださいすることができます。

+0

うまくいかなかった。 –

+0

しかし、私はそれが私が得た最高だと思います。受け入れられました。 –

関連する問題