[yucchi023]

【お使いの Snow Monkey のバージョン】15.14.4
【お使いの Snow Monkey Blocks のバージョン】14.0.0
【お使いの Snow Monkey Editor のバージョン】7.0.0
【お使いのブラウザ】chrome
【当該サイトのURL】ローカルサーバー内です

初めて投稿させて頂きます。よろしく御願い致します。

過去のフォーラムにもあった内容にとても似ているのですが、、、

検索フォームの検索ボタンをアイコンに変更したいと同じで

検索ボタン内の「検索」というテキストを
<i class="fas fa-search"></i>
のアイコンに変更したいです。

使用箇所はトップページのメインビジュアル内とメニューのグローバルナビ&ドロワーナビ内です。
ただ、過去のフォーラムと違う点はショートコードを使わずに表示させたいです。
メインビジュアル内の検索フォームは<?php get_search_form(); ?>で出力しております。

検索ボタン用のフックがございましたら是非ご教授お願い致します。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

使用箇所はトップページのメインビジュアル内とメニューのグローバルナビ&ドロワーナビ内です。

ドロワーはデフォルトで表示されているものを使用されているのかなと思いますが、メインビジュアルとグローバルナビゲーションにはどのような方法で検索フォームを表示していますか？

♥ 0

いいねをした人: 居ません

[yucchi023]

キタジマさんご返信ありがとうございます！

メインビジュアル内は

add_action(
	'snow_monkey_prepend_main',
	function () {
		if (is_front_page()) {
			?>

を使用してトップページに表示させたHTML内に<?php get_search_form(); ?>を記入しております。

グローバルナビはデフォルトの方法がないみたいなのでこちらのショートコードを利用します。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

get_search_form() は最終的に get_search_form というフィルターフックを通るみたいですね。そのフックをつかてカスタマイズしてみてください！

get_search_form() | Function | WordPress Developer Resources

Display search form.

developer.wordpress.org

♥ 0

いいねをした人: 居ません

[yucchi023]

関数リファレンスも読み込んで1日試行錯誤しましたが、うまく表示されませんでした。
コードに問題があるか確認いただいてもよろしいでしょうか？

my-snow-monkey.php内(functions.php内)

function new_get_search_form( $form ) {

  $form = '<form role="search" method="get" class="search-form navbar-form form-inline" action="' . esc_url( home_url( '/' ) ) . '">
    <div class="form-group">
    <label>
      <span class="screen-reader-text">' . _x( 'Search for:', 'label' ) . '</span>
    </label>
    <input type="search" class="search-field form-control" placeholder="テスト入力place holder" value="' . get_search_query() . '" name="s" title="' . esc_attr_x( 'Search for:', 'label' ) . '" />
    </div>
    <div class="form-group">
      <input type="submit" class="search-submit btn btn-default" value="'. esc_attr_x( 'Search', 'submit button' ) .'" />
    </div>
  </form>';

  return $form;
}

add_filter( 'get_search_form', 'new_get_search_form' );

出力
<?php get_search_form(); ?>

こちらを入力して対応しましたがデフォルトの検索フォームが呼び出されました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あー Snow Monkey で使ってるパッケージで検索フォームをカスタマイズしていて、それが優先されてしまっているのだと想像します。なのでフックの優先度を上げると良いかもですね。

add_filter( 'get_search_form', 'new_get_search_form', 100 );

♥ 0

いいねをした人: 居ません

[yucchi023]

キタジマさんありがとうございます！

無事実装できました！フックにも優先度があること初めて知りました！
ありがとうございます、とても勉強になりました！

♥ 1

いいねをした人:

[投稿者]

投稿