私は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>
おそらく、送信ボタンに設定されたIDとクラスにCSSが添付されている可能性があります。 IDは一意であると考えられているため、ページ上の1つの要素だけが特定のIDを持つ必要があります。 IDとクラスに適用されているスタイルを知らなくても、イメージがどこに配置されているのかは分かりません。両方が絶対的に配置されているので、あなたのイメージは他のものの後ろにある可能性があります。 – Jrod
助言の単語:子供のテーマを使用するhttp://codex.wordpress.org/Child_Themesあなたはオーバーライドする必要があるファイルのみを上書きする。 – janw