TCDテーマGENSEN：キーワード検索で文字数制限を設ける方法

Q.キーワード検索で「。」などヒット数の多い無意味な文字列で検索されることを防ぎたいです。二文字以上でないと検索できないようにしたいです。

TCD LABO

GENSENは検索に特化したテーマですが、キーワード検索自体は他のWordPressテーマでも行えるものです。

A.下記の方法でカスタマイズしてください。

・GENSENの検索フォーム

外観＞TCDテーマオプション＞基本設定のカスタムスクリプトに入力してください。

<script>
document.addEventListener('DOMContentLoaded', function () {
  const input = document.getElementById('header_search_keywords');
  const submitBtn = document.getElementById('header_search_submit');
  const minLength = 2; // 最小文字数

  submitBtn.addEventListener('click', function (e) {
    const keyword = input.value.trim();

    if (keyword.length < minLength) {
      e.preventDefault();
      alert(`${minLength}文字以上で入力してください。`);
    }
  });
});
</script>

・WordPressデフォルトのサイト内キーワード検索

同じく、TCDテーマオプション＞基本設定＞カスタムスクリプトに入力してください。

<script>
document.addEventListener('DOMContentLoaded', function () {
  const searchForms = document.querySelectorAll('form.searchform');
  const minLength = 2; // 最小文字数
  
  searchForms.forEach(function (form) {
    const input = form.querySelector('input[type="text"]');
    const submitBtn = form.querySelector('button[type="submit"], input[type="submit"]');
    submitBtn.addEventListener('click', function (e) {
      const keyword = input.value.trim();
      if (keyword.length < minLength) {
        e.preventDefault();
        alert(`${minLength}文字以上で入力してください。`);
      }
    });
  });
});
</script>