- このトピックには7件の返信、2人の参加者があり、最後に
により4年前に更新されました。
-
投稿
-
「検索フォーム」とのことですが、表示箇所・表示方法によってちょっと変わってきそうなので、念の為詳しく教えてください！ ウィジェットの検索フォームなのか、検索ブロックなのか等。
いいねをした人: 居ませんお忙しいところご返信頂きありがとうございます！
大変申し訳ありません、情報不足でした。
My Snow Monkeyに
1. 検索フォームを表示するショートコードをつくる
2. ショートコードをヘッダーコンテンツで実行可能にする
3. ヘッダーコンテンツにショートコード [search_form] を入れる/** * [search_form] で検索フォームを表示 */ add_shortcode( 'search_form', function() { ob_start(); get_template_part( 'template-parts/common/search-form' ); return ob_get_clean(); } ); /** * ヘッダーコンテンツ内でショートコードを実行可能に */ add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/header/content' !== $slug ) { return $html; } return do_shortcode( $html ); }, 10, 2 );↑こちらの方法でヘッダーコンテンツ内に検索フォームを表示させています。
その際に右側の検索ボタンを「検索」という文言ではなく、Fontawsomeアイコンを挿入したいと思っております。
恐れ入りますが、ご教授頂ければと思います。
よろしくお願いします。
いいねをした人: 居ませんありがとうございます！ ちょっとこちらで検証してみます。
ちなみに、現行バージョンではヘッダーコンテンツ内は自動的にショートコードが実行できるようになっているので、「ヘッダーコンテンツ内でショートコードを実行可能に」の部分のコードは削除して大丈夫です！（あると逆に正しく動かない場合があります）
いいねをした人: 居ませんこれでどうでしょう？
add_filter( 'snow_monkey_template_part_render_template-parts/common/search-form', function( $html ) { return str_replace( '>検索<', '><i class="fas fa-search"></i><', $html ); } );いいねをした人: 居ませんキタジマさん
お忙しいところご教授頂きありがとうございます！
上記コードをmy snow monkenyに追記したところ、ヘッダーコンテンツ以外の箇所での検索ボタンは
アイコンに変更できたのですが、ヘッダーコンテンツ内は変更されませんでした。
お手数をお掛けしますが、アドバイス頂けると幸いです。
いいねをした人: 居ませんショートコードの定義をしている部分のコードをこれに置き換えてください！
add_shortcode( 'search_form', function() { ob_start(); \Framework\Helper::get_template_part( 'template-parts/common/search-form' ); return ob_get_clean(); } );get_template_part()ではなく\Framework\Helper::get_template_part()にすることで、snow_monkey_template_part_renderフィルターフックによるカスタマイズが適用されるようになります。いいねをした人: 居ません
- トピック「検索フォームの検索ボタンをアイコンに変更したい」には新しい返信をつけることはできません。