【WordPress】コメントが表示されない時の対処方法は…色々試してみました

  • このエントリーをはてなブックマークに追加
  • Pocket
コメントが表示されない!

せっかくいただいたコメントが記事上に表示されない現象に見舞われました。

現在は復旧したのですが、行った対処方法についてまとめておきたいと思います!

Sponsored link

現象について

当ブログはWordPressテーマ”First”を使用しています。アイキャッチ画像で囲っている部分が、従来はコメントが表示される部分のようです。

しかし、せっかくいただいたコメントが表示されず、記事冒頭の「○件のコメント」をクリックしても、コメント書き込みのフォームへ飛ばされるだけです。

WPの管理画面上では、コメントは表示されており、もちろん承認済みの状態です。

おまけに、

コメント表示ずれ

『(記事タイトル)へ○件のフィードバック』表示がエライところに…

コメントのタイトル部分がエライところに飛ばされてました。プラグインやウィジェットの追加の仕方がまずかったのでしょうか…

「クライアント側のブラウザの問題だったらラッキー」と思ったのですが、iPhoneのSafariから見ても同じ表示…

頑張って色々と切り分けてみました!

ワードプレスの設定確認

comment-setting

設定の「ディスカッション」部分を確認。コメントの設定は問題なさそうですね

記事一覧にもコメントは間違いなく表示されているため、ワードプレスの基本設定の問題とは考えにくいです。

そして、一時的にテーマを変えてみるとコメントは普通に表示されたため、今利用しているテーマに依存した問題と考えられます。

プラグイン全停止

何かあった時は、プラグイン全停止で確認してみるのがよいですね。

特に怪しいと思ったのが、コメントフォームの直近に表示されている「Related Posts」

こちらを一旦停止します。そうすると…

Related posts停止

コメント書き込み欄すらも表示されなくなった!

うーん。コメント書き込み欄すらも無くなってしまいました。これはsingle.phpやfunctions.phpの内容もかかわってきそうなので、ひとまずプラグインは起動状態に戻して切り分けをします。

パーマリンク設定変更

当ブログのパーマリンク設定はカスタム構造で「https://simple-lifelog.com/%postname%/」です。色々調べていると、デフォルト以外のパーマリンクを使用していることでコメント欄が正常に表示されない事象もあるようです。

単体記事でコメント欄が表示されない理由

一時的に基本のパーマリンクに戻してみましたが、全く改善しませんでした。

子テーマのcomments.phpを停止

ここまでくると、function.phpやsingle.phpの設定の問題な気がしてきました。既存のテンプレートタグは変更していませんが、Googleアドセンスを挿入するためにコードを追加したりしたので、その影響かもと考えアドセンス表示部分をコメントアウトしましたが効果なし。

うーん八方塞がりですね。

親テーマと子テーマを見比べてみると、子テーマにも「comments.php」が。特にカスタマイズをした記憶はありませんが、それならば親テーマのもので良いだろうということで、子テーマの「comments.php」はリネームして退避しました。

すると…

コメントが表示された!

コメントが表示された!

コメントが表示されました!!良かったです。変更を加えた覚えはないですが、子テーマの「comments.php」が要因の一つだったようですね。やはりテーマファイルのバックアップは重要です。

しかしまだ、『(記事名)に対して○件のフィードバック』が変なところに表示されている問題が解決していません。

style.cssを修正

最初はfunction.phpのコメント部分に対する記述を疑ったのですが、全くいじった記憶がありません。

ひとまずページのソースを見て、問題部分のクラス名が「comments-title」であることはわかりました。

<h2 class="comments-title">

CSSを確認してみます。

style.css

何故か「comment-reply-title」クラスと一緒

こちらのクラスは、「コメントを残す」部分の「comment-reply-title」クラスと一緒に定義されていたようでした。

HTML上では「comment-reply-title」はh3タグ、「comments-title」はh2タグで囲まれているため、別々で定義した方が良さそうですね。

切り分けのため、赤線部分の「comments-title」はコメントアウトします。すると…

コメント正常表示!

きちんと表示されるようになりました!

すべて正常に表示されました!ひとまずこれで解決です。CSSが要因だったようですね。他にも色々な要素が絡み合ってのことだと思いますが、今回はとりあえず解決できたのでこれでよしとします。

まとめ:表示崩れはCSSが要因の場合もある

表示がおかしい場合は、CSSが要因の場合もあります。

まずは、クライアントのブラウザー要因ではないか?プラグインの問題ではないか?行った設定変更が要因ではないかなどの基本の切り分けから行っていきましょう。

また、基本ですが、各ファイルのバックアップはしっかり取得した上で内容の変更を行うようにしましょう。

コメント部分のCSSも、余裕ができたら違うものに変更できればと思います。

それでは、よいブログライフをお送りください^^

  • このエントリーをはてなブックマークに追加
  • Pocket
Sponsored link

もう1記事いかがですか?

このブログが気に入ったら、いいね!しよう

コメント

  1. サイナイ より:

    初めまして。

    私も今まで書けていたコメントは書いても表示されず、それが他のWordPressでも同じ事になっています。

    1. shin より:

      サイナイ様
      コメント、およびお問い合わせありがとうございます。
      要因の詳細については、お問い合わせメールへの返信にて対応させていただきます。
      WordPressの経験が浅いため、お力になれるかわかりませんがよろしくお願いいたします。

コメントを残す


CAPTCHA