get_search_form()
を呼び出すと、次のように出力されます。
<form class="search-form">
<meta itemprop="target">
<input type="search">
<input type="submit">
</form>
しかし、私はそれが内部でspan
を使って生成することを望みました:
<form class="search-form">
<meta itemprop="target">
<input type="search">
<span class="submit-icon"></span>
<input type="submit">
</form>
何か案は?
get_search_form()
のソースコードを見ると、フォームがレンダリングされる前にsearch_form_format
filterフックが起動されることに注意してください。これを使用して、コールバックがフォーマットに依存するget_search_form
に付加された別のフィルタを追加することができます。
add_filter( 'search_form_format', 'wpse_259716_search_form_format', 99, 1 );
function wpse_259716_search_form_format( $format ) {
if( in_array( $format, array( 'xhtml', 'html5' ) ) ) {
add_filter( 'get_search_form', "wpse_259716_get_search_form_$format", 99, 1 );
}
return $format;
}
function wpse_259716_get_search_form_xhtml( $form ) {
$search = '<input type="submit"';
$xhtml = 'some xhtml';
$replace = $xhtml . $search;
return str_replace( $search, $replace, $form );
}
function wpse_259716_get_search_form_html5( $form ) {
$search = '<input type="submit"';
$html5 = 'some html5';
$replace = $html5 . $search;
return str_replace( $search, $replace, $form );
}
あるいは、クラスベースのアプローチを使用することもできます。
$wpse_259716 = new wpse_259716();
add_filter( 'search_form_format', array( $wpse_259716, 'search_form_format' ), 99, 1 );
add_filter( 'get_search_form', array( $wpse_259716, 'get_search_form' ), 99, 1 );
class wpse_259716 {
protected $format;
public function search_form_format( $format ) {
return $this->format = $format;
}
public function get_search_form( $form ) {
$search = $replace = '<input type="submit"';
if( 'xhtml' === $this->format ) {
$xhtml = 'some xhtml';
$replace = $xhmtl . $search;
}
elseif( 'html5' === $this->format ) {
$html5 = 'some html5';
$replace = $html5 . $search;
}
return str_replace( $search, $replace, $form );
}
}
テストして、うまくいきました。
このコードをfunctions.phpに追加してください、あなたはあなたが望むものを手に入れるでしょう。今すぐあなたが必要に応じて検索フォームを変更することができます。
function my_search_form( $form ) {
$form = '<form role="search" method="get" class="search-form" action="' . home_url( '/' ) . '" >
<div><label>
<span class="screen-reader-text"> ' . _x( 'Search for:', 'label' ) .'</span>
<input type="search" class="search-field"
placeholder="' . get_search_query() . '"
value="' . get_search_query().'" name="s"
title="' . esc_attr_x( 'Search for:', 'label' ).' " />
</label>
<span class="submit-icon"></span>
<input type="submit" class="search-submit"
value="' . esc_attr_x( 'Search', 'submit button' ). '" />
</form>
';
return $form;
}
add_filter( 'get_search_form', 'my_search_form', 99 );
echo get_search_form();
あなたのテーマの中にsearchform.phpという名前のphpファイルを作成する必要があります。それから以下のような検索フォームコードをコピーして貼り付けてください。
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="assistive-text"><?php _e( 'Search', 'theme_text_domain' ); ?></label>
<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search', 'theme_text_domain' ); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'theme_text_domain' ); ?>" />
</form>
上のコードで何かを削除または挿入するフォームを変更できます。