見出し画像

【SWELL】検索キーワード履歴を表示するカスタマイズ

SWELLマニアのかんた(@swell_mania)です。

WordPressテーマSWELLのカスタマイズメモ。検索したキーワード履歴を画面に表示する機能を実装してみました。

まずはサンプルサイトです。
検索履歴がない状態だと、「検索履歴がありません。」と表示↓


あああ いいい」と検索すると、履歴が表示されます。

履歴として残るキーワードはユーザーのセッション単位です。

自分が検索したキーワードは、他のユーザーには見えない仕様です。


サンプルサイトの環境


【SWELL】検索キーワード履歴を表示したサンプルサイト



→サンプルサイトを開く

  • WordPress:6.6.2

  • SWELL:2.12.0


WordPress、SWELLともに記事執筆時に利用可能な最新バージョンを利用しています。

カスタマイズの概要


ウィジェット画面

テンプレートは直接編集しません。子テーマのfunctions.phpにコードを追加するか、Code Snippetsプラグインでコードを追加する方法です。


ウィジェット画面の共通サイドバーに次のウィジェットを追加しています。

  • 検索

  • カスタムHTML


カスタマイズの難易度


個人的に「かなり低め」。
コードをコピペするだけです。環境にあわせてコードを書き替えることもありません。


カスタマイズかかる時間

5分程度です。


記事更新履歴


  • 2024年10月 記事公開

有料記事では、Code Snippets無料プラグインを使ったカスタマイズコードを紹介しています。


ここから先は

2,163字

¥ 4,980

この記事が気に入ったらチップで応援してみませんか?