サイト内検索で、語句をいれると対象の記事が表示される「サイト内検索バー」
ほとんどがサイドバーに表示されてるんですが
サイドバー以外にも記事内に作りたいと思い調べたところ
ショートコードを作れば解決することが分かったので紹介していきます!
SANGOで紹介していますが他のテーマでも実装できます。
functions.phpを触るので自己責任でお願いします。
Contents
記事内にサイト内検索を表示させるショートコードを作る方法
大体どのテーマもサイト内検索は既に実装されているので、それを活用してショートコードを作ります。
親テーマから「searchform.php」があるか探す
SANGO以外のテーマを使っている方も大体サイト内検索を表示されるPHPファイルが既にあると思います。
SANGOやJINだと「searchform.php」です。
これがあればすぐにショートコードが作れます。
子テーマのfunctions.phpにショートコードを書き込む
子テーマのfunctions.phpに以下のコードを書き込みます。
親テーマではなく、必ず子テーマに書き込みましょう。
/*******************************
サイト内検索のショートコード
*******************************/
function search_original() {
ob_start();
get_template_part(‘searchform’);
return ob_get_clean();
}
add_shortcode(‘search’, ‘search_original’);
get_template_part(‘searchform‘);
のところに、検索バーを表示させるPHP名を書くのでテーマによって違う場合は書き換えてください。
記事内でショートコードを入力する
記事内で使う場合は
[search]
と入力すれば記事内にも検索バーが表示されるようになります。
まとめ
固定ページにも使えるので私はインスタ用の固定ページに記事内検索を実装して見に来てくれた方が記事を探しやすいようにしています。