TCD GENSENのヘッダーバー検索機能が使えなくなったけど対処法を発見!WordPressサイトのトラブル!

XサーバーのXPageSpeedの設定

当サイトはWordPressテーマにTCDで販売しているGENSENを使用しているのですが、ある時からこのテーマの一番の売りである検索機能がモバイルページで使用できなくなるトラブルが続いていました。Xサーバーの表示高速化設定が悪さをしている事を突き止めて、どうにか修復する事ができましたので、この記事ではどのように修正したのかを記事にしています。

TCD GENSENのヘッダーバー検索機能が使えなくなったけど対処法を発見!WordPressサイトのトラブル!

TCDのGENSENとは?

TCD ワードプレステーマGENSEN 検索フォーム


当サイトで使用しているWordPressテーマはTCDで販売している有料テーマであるGENSEN(TCD50)を使用しております。

例えば宿・ホテル、ショップの紹介や地域情報を掲載するポータルサイトの場合、メインカテゴリーを「東北」。サブカテゴリーを「青森県」「岩手県」「宮城県」「秋田県」「山形県」「福島県」と設定することで【エリア検索】として活用することができる検索機能に特化したテーマとなっており、キーワードやカテゴリの自由な組み合わせが可能な検索機能と、任意のタグから絞り込み検索が可能な機能を搭載しています。
また、デフォルトでスマートフォンなどのモバイル端末での表示に最適化されたレスポンシブデザインも採用しており、Googleが発表したモバイルファーストインデックスでの高評価を目指した素晴らしいWordPressテーマなのです。

TCDのGENSENで検索機能が使えなくなった

TCDのGENSENで検索機能が表示されなくなった時の対処法
この便利な検索機能を充実させたTCDのGENSENで、ある時からスマートフォンなどのモバイル端末に最適化されたページで、検索機能が全く使用出来なくなりました。
パソコンなどで表示する時にはキーワード、カテゴリー1~3までのボックスを使用した絞り込み検索が可能なのですが、モバイル端末での表示では虫眼鏡アイコンで絞り込み検索ボックスを表示し、その隣にある三本線をタップしてカテゴリーを表示できるはずなのです。
しかし、どちらの項目もタップしたページのURLの最後に#が付くだけで全く機能しておりません。

TCDのGENSENを使用している他のウェブサイトをスマートフォンで見てみると、ほとんどが正常に機能しているようなので、筆者の環境で起きている不具合である事が濃厚になってきます。
WordPressのバージョンアップをしたり、GENSENの再インストールをしたり、プラグインやキャッシュ機能を無効化してみたりなど、あらゆる手を尽くしてやっとの事で原因を突き止める事ができました。

原因はXサーバーのWebサイト最適化機能XPageSpeedだった!

XサーバーのXPageSpeedの設定
「XPageSpeed」は、Google社により開発された拡張モジュール「PageSpeed Module」をもとに、エックスサーバーが開発したWebサイト最適化機能で、画像・CSS・JavaScriptなどのファイルを圧縮してデータ転送量を削減したり、同種のファイルを一つにまとめて無駄な通信を削減するなど、Webサイト表示におけるSEO(検索エンジン最適化)のための最適化処理をワンクリックで適用できます。
この機能を有効化する事でページのロード時間を短縮し、Webサイトの読み込み速度を評価する「Google PageSpeed Insights」のスコア値が最大で264%向上します。

Google PageSpeed Insightsは、Google検索での上位表示に有利となるページの表示速度を評価するもので、このスコアが高いほどページの読み込み速度がモバイル端末に最適化されているという判定となり、その結果Google検索での上位ランクに表示されやすいという結果をもたらします。

今回は高速化設定の機能の一つであるJavaScriptの遅延読み込みが、TCDのGENSENの一番の売りである絞り込み検索機能のドロップダウン表示を止めてしまい、その結果URLの最後に#を付けてリロードをするだけの機能となってしまっていたようです。
JavaScriptの設定項目の注意書きには、「本項目をONにすることで、JavaScript読み込み順序が変わり、サイト表示に影響が出る場合があります。 設定変更後、サイトが正しく表示されているか必ずご確認ください。」と記載されているので、もしXサーバーで構築したWordPressサイトの表示に不具合がある場合は、XPageSpeedの最適化設定を見直してみるのが良いのではないかと思います。
TCDのGENSENで検索機能が正常に表示された時のページ
当ウェブサイトでは、XPageSpeedのJavaScriptの遅延読み込みを止める事で、スマホなどのモバイル端末での表示において絞り込み検索やカテゴリーのドロップダウン表示が正常に行えるようになったので、もし同じ症状で悩んでいる方がいたら、是非参考にしていただければ幸いです。


YouTubeチャンネルのご紹介

Youtubeチャンネルでは、日本国内各地の美しい四季の風景、ネイチャービデオ、花火大会やイベント・お祭り等、クリスマスイルミネーションや夜景、星景タイムラプス映像、Vlog、飛行機や新幹線などの乗り物等の映像をライブラリー化し、世界各地に発信しております。
また、不定期で花火大会やイベントのライブ配信も実施中!
下のYouTubeアイコンからチャンネルを表示していただき、チャンネル登録後に通知をオンにしていただくとライブ配信の通知が受け取れます!
もちろん動画URLや埋め込みタグを使用したウェブサイトへの埋め込みやSNSでのシェアもOKです!
YouTube チャンネルリンク
各種SNSを運営中!フォローや登録はこちら!
YouTubeチャンネル
Bluesky
Fecebook
threads
instagram



関連記事

  1. Wordpressでブログ開設して2ヶ月目の記事数、アクセス数や収益は?

    WordPressでブログ開設して2ヶ月目の記事数、アクセス数や収益は?

  2. AMP for WP Accelerated Mobile Pages plugin

    WordPress 超高機能AMPプラグイン AMP for WP– Accelerated Mobile Pages

  3. 記事の最後に定型文を自動表示するWord Pressプラグイン!Add Widget After Content

    記事の最後に定型文を自動表示するWordPressプラグイン!Add Widget After Content

  4. WordPressで記事を書いて3か月目 100記事のPV数やアドセンス収益を公開!

    WordPressで記事を書いて3か月目 100記事のPV数やアドセンス収益を公開!

  5. WordPress ブログ記事を書き始めて10ヶ月目のアクセス数や収益は?

    WordPress ブログ記事を書き始めて10ヶ月目のアクセス数や収益は?

  6. WordPress プラグイン Google XML Sitemapsの設定・使用方法

    WordPress プラグイン Google XML Sitemapsの設定・使用方法

  7. WordPressを高速化するプラグイン3選 サムネイル画像

    WordPressを高速化!95点から100点を取れる軽量爆速プラグイン!3選

  8. WordPressでブログ記事を書いて4か月目 137記事のPV数や収益などを公開!

    WordPressでブログ記事を書いて4か月目 137記事のPV数や収益などを公開!

  9. ワードプレスプラグイン Autoptimizeの導入サムネイル画像

    Autoptimizeの設定方法!CSS、JavaScript、画像を最適化してWordPressを高速化するプラグイン!

  10. エックスサーバー 2024年のハードウェア増強

    Xサーバーがハードウェアを増強したので、新サーバー簡単移行でお引越し!

  11. WordPress 常時SSL化とサブディレクトリからサブドメインへの301転送設定

    WordPress 常時SSL化とサブディレクトリからサブドメインへの301転送設定

  12. WordPress ブログ記事を書き始めて8ヶ月目のアクセス数や収益は?

    WordPress ブログ記事を書き始めて8ヶ月目のアクセス数や収益は?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

  1. 寒河江ダムにある月山湖大噴水が最大高まで水柱を上げる画像

    日本一! 寒河江ダムの高さ112mまで上がる月山湖大噴…

  2. 詐欺通販サイトのURLが表示された商品ページ

    騙されない!詐欺通販サイトや偽ECサイトを簡単に見…

  3. WordPressを高速化するプラグイン3選 サムネイル画像

    WordPressを高速化!95点から100点を取れる軽量爆速…

  4. WP YouTube Lyteの設定方法サムネイル画像

    YouTubeのサムネイルをキャッシュして高速化するプラ…

  5. ワードプレスプラグイン Autoptimizeの導入サムネイル画像

    Autoptimizeの設定方法!CSS、JavaScript、画像を最…

  6. 活き生き田園フェスティバルファンタジック花火ショー スターマイン

    花火大会や食などを楽しめるお祭り!2024年 第35回 …

  7. 福島県南相馬市小高区 相馬野馬追 火の祭 フィナーレスターマインと2尺玉

    2024年 相馬野馬追 火の祭 二尺玉やスターマインなど…

  8. 2024年 錦秋湖湖水まつり湖上花火大会のサムネイル画像

    錦秋湖の湖面を彩る2024年 錦秋湖湖水まつり湖上花火…

  9. 2022年 わたりふるさと夏まつり花火大会のミュージックワイドスターマインの写真

    鳥の海公園で壮大な花火が楽しめる! わたりふるさと…

  10. 2023年 大曲の花火 全国花火競技大会 大会提供花火

    大曲全国花火競技大会は2024年6月10日に開催!有料観…


よく読まれている人気記事ランキング




Amazonトップページバナー