WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

【備忘録】WordPressコメントを新しいもの順にしたら1ページ目の件数がおかしくなるときの対処 ~Simplicityテーマ編~

公開日: サイト作成日記

コメント欄を掲示板的に使えないか?ということで

の記事のように何とかできそうな予感がしてきました。そしてテストサイトにてルンルン気分でコメントをガンガンして表示してたら「いっぱいあるときはページ分割した方がいいなぁ」となりました。

そしてページ分割してみたら・・・あれ??1ページ目が何だか変!!ってなったんです。

例えばディスカッション設定で5件を1ページに表示するとして、5の倍数の場合は全く気付かないのですが、6件のコメントがあった場合には1ページ目が1件のコメント、2ページ目が5件のコメントになるんです。なんでだろーーーー??

ディスカッション設定でいろいろ変更してみたけどどうやらここの設定ではない、という結論に達しいろいろ調べていたらこの設定は全く関係ないのでは??に達しました。

要は最新のもの順にしても作られるページページはそのままで、ページ番号だけが入れ替わる・・・というのがWordpressのコメント一覧の動作のようです。だから、5件/ページで6件のコメントがあって新しいもの順にすると5件のページと1件のページが作られて、それが新しいものから1ページにする・・・となるため1ページ目が1件のコメントになってしまうんですね、多分。

そこで何とか1ページ目が5件表示にならないか?ということでやってみたら今回紹介する方法で解決できましたので備忘録を兼ねて紹介しておこうと思います。

・・・と偉そうに記事にしてますけど、私はコード知識に乏しい人間ですし、あくまでもいろいろなサイトに掲載されている対処方法を参考に試行錯誤したらたまたまできた結果なのでコードについての解説や質問をいただいても回答できませんのであしからず・・・。

コメントの1ページ目がおかしくなるのを改善する方法

【Simplicity】テーマの場合、コメントに関する詳細なコードは「comments-default.php」に書かれているのでそれを開いて編集します。

コードの中に

<?php wp_list_comments('avatar_size=55'); //コメント一覧を表示 ?>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

という部分があるので以下のコードに置き換えます(comments-default.phpをバックアップしておく、子テーマにコピーしてそこで修正など元に戻せるようにしておいてくださいね)。

<?php
    $comments = get_comments( array(
      'status' => 'approve'
    , 'post_id' => $post->ID
 ) );
    ?>
        <?php wp_list_comments( array (
            'per_page' => $comments_per_page,
	            'reverse_top_level' => false
        ), $comments ); ?>		
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

自分なりな解釈ですけど上のコード側では「アバターのサイズのみ指定するけど一覧をとにかく表示してちょーだい、詳細条件はWordpressの標準動作に従いまっせ!」というコード。

一方下のコードは「とりあえずその投稿に対する全部のコメントを抽出してチョーだい」としておいて、「コメントのリストを表示しなっせ」としてるんですね、きっと多分・・・。

まあget_commentsとwp_list_commentsの意味がそうだから間違いないでしょう・・・。

そしてこの件でいろいろごちゃごちゃ設定変更してたら、Wordpressの設定にある「〇〇のコメントを各ページのトップに表示する」というのはページ送りしたときの〇ページ内の話であるようです(日本語ムズカシイデス)。知ってますよね、皆さんはきっと・・・。

なので、特に設定変更の必要がないと判断し、上のコード上で

'reverse_top_level' => false
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします


としてページ内でも新しい順に絶対なるようにしました。

これでひとまず

  1. コメントを最新のものから順番に表示する
  2. ディスカッション設定で設定した件数でページを分割する
  3. 1ページ目の件数がおかしくなるのを改善する
  4. ページ内のコメントは必ず新しい順にする

ことができました。今回は使用中の【Simplicity】テーマでの話でしたが、他のテーマでも同じ現象が出てたらこの方法で解決できるかもしれません。

ただこの件はこれで解決としましたがもう1つ問題が発生!それは、コメントを投稿するとコメントの一覧は最終ページ(この場合は一番古いコメント)が表示されてしまうんです。この問題についてはまた研究して解決したらまた紹介したいと思います。

Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格:1,738
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。
※表示している価格は単行本のものです
参考価格:1,628
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】