THOR(トール)の検索機能の注目キーワードを増やす方法

※当サイトにはプロモーションが含まれています。

クライアントクライアント

THORの絞り込み検索機能を使っているが「注目キーワード」を増やして欲しい!

にゃテックにゃテック

おけまるだにゃ

ワードプレス(WordPress)テーマの「THE THOR(ザ・トール)」の魅力の1つに、絞り込み検索機能があります。

この絞り込み検索機能があるワードプレステーマは非常に少なく、有名なテーマだと「THOR(トール)」と「GOLD BLOG(ゴールドブログ)」の2つぐらいです。

その他の有名なテーマ(賢威、SWELL、JIN、Cocoonなど)は、プラグインを利用するか、コードを自作するしかありません。

その為、絞り込み検索機能があるサイトを作りたい場合、予め着せ替え機能で「絞り込み検索機能のデモ」が用意されている「THOR(トール)」がおすすめです。

【THOR】絞り込み検索機能デモサイトを確認する


さて、話が少しそれましたが、この絞り込み検索機能には、注目キーワードを設定することができるのですが、デフォルトだと5つまでしか設定できません。

注目キーワードの設定は5つまで

その為、今回は、この注目キーワードを増やす方法を説明したいと思います。

なお、検証したTHORの環境は以下の通りです。

THE THOR環境

THORバージョン:2.5.0
WordPressバージョン:6.2.x
PHPバージョン:8.2.x

※セキュリティの観点から、マイナーバージョンの一部をxとさせて頂きます

THOR(トール)の注目キーワードを増やす方法

THOR(トール)の注目キーワードを増やす方法についてです。

①親テーマにあるsearchform-refine.phpをダウンロードする

(WinSCPやFileZillaなどの)FTPソフトを使用して、ローカルホスト(自分のパソコン)に、親テーマにあるsearchform-refine.phpをダウンロードします。

なお、フォルダの構成は、概ね下記のようになっていると思います。

/home/(あなたが契約した名前)/www/(あなたが作成したフォルダ名)/wp-content/themes/the-thor/

searchform-refine.phpをダウンロード

②searchform-refine.phpを編集する

searchform-refine.phpの29行目から31行目に記載されている

<?php if(get_option('fit_bsSearch_pickup5')): ?>
<li class="widgetSearch__wordItem"><a href="<?php echo esc_url(home_url()); ?>?s=<?php echo get_option('fit_bsSearch_pickup5'); ?>"><?php echo get_option('fit_bsSearch_pickup5'); ?></a></li>
<?php endif; ?>

の下に、追加したい注目キーワードを追加します。

<li class="widgetSearch__wordItem"><a href="<?php echo esc_url(home_url()); ?>?s=<?php echo "小栗旬"; ?>"><?php echo "小栗旬"; ?></a></li>

この場合は、「小栗旬」という注目キーワードを追加しています。

なお、“(ダブルクォーテーション)は半角です。

実際のコードを見ると下記のようになります。

コードの記載例

もっと注目キーワードを増やしたい場合は、

<li class="widgetSearch__wordItem"><a href="<?php echo esc_url(home_url()); ?>?s=<?php echo "小栗旬"; ?>"><?php echo "小栗旬"; ?></a></li>
<li class="widgetSearch__wordItem"><a href="<?php echo esc_url(home_url()); ?>?s=<?php echo "道枝駿佑"; ?>"><?php echo "道枝駿佑"; ?></a></li>
<li class="widgetSearch__wordItem"><a href="<?php echo esc_url(home_url()); ?>?s=<?php echo "木村拓哉"; ?>"><?php echo "木村拓哉"; ?></a></li>

と記述していくことで、注目キーワードを増やしていくことができます。

③修正したsearchform-refine.phpを子テーマにアップロードする

コードを追加した、searchform-refine.phpを、子テーマの方にアップロードします。

searchform-refine.phpを子テーマにアップロード

これで、注目キーワードの内容が追加されているはずです。

追加された注目キーワード

もし、サイトが真っ白になるなどの不具合があった場合は、今、アップロードしたsearchform-refine.phpを削除すれば元に戻ります。

何故なら、親テーマには一切変更を加えてないからです。

補足:サイドバーにある検索機能について

searchform-refine.phpというのが、絞り込み検索機能で、メインのページで表示されるものです。

主にサイドバーに設置したキーワード検索機能を修正したい場合は、searchform.phpを修正します。

基本的な構造は同じなので、修正方法はsearchform-refine.phpと同じです。

それぞれ別ファイルなので、下記の画像の様に注目キーワードの内容をメインとサイドバーで変更することも可能です。

メインとサイドで違う注目キーワード例

実際はもう少しコードを簡略化して作ったのですが、元のコードの原型がなくなってしまう為、今回はこのような記述方法で紹介しました。

また機会があれば、簡略化したコードも追記したいと思います。

ご支援のお願い
この記事が役に立ったと感じたら・・・

Ny@Tech(にゃテック)

この記事が少しでもお役に立ったと感じていただけましたら、ぜひ下のリンクからお買い物をしていただけると幸いです。

ご購入いただいた金額の一部(1~3%程度)が私に入り、より多くの有益な記事を作るための励みになります。

下記のリンクを通じて、Amazonや楽天でお買い物いただけると嬉しいです。