FAQの「+」を押しても開かない…古いテーマで発生したアコーディオン不具合を調査しました
WordPressサイトでFAQプラグインを利用しているにもかかわらず、「+」をクリックしても回答が開かないというトラブルが発生することがあります。
今回対応したサイトでは、FAQプラグイン自体に問題があったわけではなく、テーマ内に長年追加されてきたJavaScriptの影響によって、アコーディオンの処理が正常に動かなくなっていました。
調査を進めながら原因を一つずつ切り分け、応急処置によってFAQ機能を復旧しましたが、同時にサイト全体の構成の古さも見えてきた事例となりました。
今回のご相談内容
今回ご相談いただいたのは、WordPressサイトに設置されているFAQページについてでした。
「Ultimate FAQ Accordion Plugin」で作成されているよくある質問ページで、質問の横に表示されている「+」をクリックしても回答が開かなくなっているとのことでした。
見た目上はFAQ自体が表示されており、質問も一覧で並んでいるため、一見すると問題がないように見えます。しかし、利用者からすると肝心の回答を見ることができず、実質的にFAQとして機能していない状態になっていました。
発生していた症状・エラー内容
実際に調査を行ったところ、FAQページではクリックしても反応しない状態となっていました。
ブラウザの開発者ツールで確認すると、JavaScript関連のエラーが複数発生しており、存在しない要素に対して処理を実行しようとしていることや、地図を表示するための処理が対象要素を見つけられず停止していることが分かりました。
また、FAQプラグイン側の開閉処理も正常に動作しておらず、プラグインのJavaScriptが期待通りに機能していない状態になっていました。
原因の特定ポイント
調査を進めていくと、問題はFAQプラグインそのものではなく、テーマ側に長年追加されてきた複数のJavaScriptにあることが分かりました。
フッターには地図表示やカレンダー表示などの処理が直接記述されていましたが、対象となる要素が存在しないページでも実行されていたため、エラーが発生していました。
さらに、サイト全体を見ると古いjQueryを手動で読み込んでいる構成や、長年の改修によって追加されたスクリプトが混在しており、テーマ自体がかなり古い構成のまま運用されている状況でした。
こうした複数の要因が重なり、FAQプラグインのアコーディオン機能が正常に動作できなくなっていたと考えられます。
実際に行った対応内容
まずはコンソールエラーの内容を確認し、地図やカレンダー関連の処理について、対象要素が存在する場合のみ実行するよう修正を行いました。
その後、FAQプラグインの動作状況を確認したところ、FAQ本体のHTMLは正常に出力されているものの、開閉処理がうまく機能していないことが判明しました。
そこで、質問部分をクリックした際に回答を開閉する処理を追加し、既存のクリックイベントとの競合が起きないよう調整を実施しました。
原因を一つずつ切り分けながら確認を進めたことで、最終的にFAQページを正常に利用できる状態まで復旧させることができました。
対応後の結果・改善点
対応後は、「+」をクリックすると質問が正しく開閉されるようになり、FAQページとして本来の役割を果たせる状態に戻りました。
利用者が必要な情報を確認できるようになり、ページとしての使いやすさも改善されています。
一方で、今回の対応はあくまでも不具合を解消するための応急処置であり、サイト全体の構成そのものが新しくなったわけではありません。
今回の対応から分かったこと
今回の事例から改めて感じたのは、「プラグインが悪い」とは限らないということです。
WordPressサイトでは、テーマや過去のカスタマイズ、複数のJavaScriptなど、さまざまな要素が影響し合っています。
特に長年運用されてきたサイトでは、過去の担当者による修正や追加が積み重なり、現在の環境との相性によって予期しない不具合が発生することがあります。
不具合が起きた際には、すぐにプラグインを削除したり、サイト全体を大きく変更したりするのではなく、原因を一つずつ切り分けながら確認していくことが大切だと感じた事例でした。
同様のトラブルを防ぐために
古いテーマや長期間運用しているサイトでは、必要以上に機能を追加し続けることで構成が複雑になり、思わぬ不具合につながることがあります。
保守管理によってある程度の延命は可能ですが、土台となるテーマやシステム自体が古くなっている場合には、根本的な改善が難しいケースも少なくありません。
不具合が増えてきた、修正箇所が年々増えている、更新のたびに別の問題が発生するようになった、といった状況が続く場合には、リニューアルを検討するタイミングかもしれません。
メディアプライムスタイルのサポートについて
メディアプライムスタイルでは、WordPressサイトの更新作業だけでなく、原因が分かりにくいトラブルの調査や切り分けにも対応しています。
「プラグインがおかしいのか分からない」「どこを直せばいいのか判断できない」「長く使ってきたサイトなので少し不安」といったご相談も少なくありません。
今回のように、すぐにリニューアルが必要とは限りません。まずは現在の状態を確認し、できることと難しいことを整理した上で、今後の運用方法を一緒に考えていくことを大切にしています。
🐾 さぽたん日記からのご案内
ホームページを育てるお手伝い
ホームページは作って終わりではなく、
小さな修正や改善を重ねながら育てていくものです。
日々の対応内容を「さぽたん日記」でご紹介しています。