WordPressサイトで新しい記事分類を追加したところ、管理画面では記事が登録されているにもかかわらず、公開画面の一覧には表示されないというご相談がありました。

確認を進めた結果、記事の登録内容やカテゴリー設定には問題がなく、原因は表示を制御していたCSSにありました。PHPでは記事一覧が正常に出力されていましたが、追加した項目に対応する表示条件が不足していたため、画面上では非表示のままになっていました。

WordPressで記事が表示されない場合は、管理画面の設定やPHPの取得条件だけでなく、CSSやJavaScriptによって見えない状態になっていないかも確認する必要があります。今回は、複数の処理が組み合わされた表示機能を順番に確認し、原因を切り分けた事例をご紹介します。

今回のご相談内容

今回のご相談は、トップページに設置されている記事一覧へ新しい分類を追加したものの、その分類に登録した記事が表示されないという内容でした。

管理画面上では対象の記事が複数件公開されており、分類の設定も行われていました。また、既存の分類に登録されている記事は問題なく表示されていたため、記事一覧全体が動いていないわけではありませんでした。

新しく追加した項目だけが表示されない状態だったことから、WordPressの投稿機能そのものよりも、追加した項目に関係する取得処理や表示条件に原因がある可能性を考えました。

発生していた症状・エラー内容

公開画面には新しく追加した切り替え項目が表示されており、選択操作もできる状態でした。しかし、その項目を選んでも、対応する記事一覧が画面上に表示されませんでした。

管理画面を確認すると、記事は通常の投稿として公開されており、分類も正しく設定されていました。公開日時や公開状態にも問題はなく、ほかの分類の記事については正常に表示されていました。

また、画面上にエラーメッセージが表示されるわけではなく、対象部分だけが空欄になる症状でした。このような場合、記事が取得されていない可能性と、取得されていても見えない状態になっている可能性の両方を考える必要があります。

原因の特定ポイント

まず、PHP側で記事一覧を出力している処理を確認しました。複数の分類を順番に処理する構成になっていましたが、追加前の項目数を前提とした繰り返し回数が設定されていました。

そのため、最初に繰り返し回数を修正し、新しく追加した分類についても記事一覧を生成できるようにしました。しかし、この修正だけでは公開画面の表示は変わりませんでした。

次に、対象の分類名や内部で使用されている識別情報、記事の投稿形式、公開状態を確認しました。いずれも問題はなく、別の指定方法で記事を取得しても表示結果は変わりませんでした。

ここまでの確認から、PHPが記事を取得できていないのではなく、取得後の表示処理に原因がある可能性が高いと判断しました。

そこでCSSを確認したところ、各記事一覧には初期状態で非表示にする設定が入っていました。選択された項目に対応する一覧だけを表示する仕組みになっていましたが、新しく追加した項目に対応する表示条件が用意されていませんでした。

つまり、記事一覧自体はページ内に出力されていたものの、CSSによって非表示の状態が解除されていなかったことが原因でした。

実際に行った対応内容

最初に、PHP側の繰り返し処理を修正し、追加した分類の記事一覧も出力対象に含まれるようにしました。

そのうえで、CSSに新しい項目用の表示条件を追加しました。今回の構成では、選択されている項目の順番に応じて、対応する記事一覧を表示する仕組みが使われていました。

既存の項目には、それぞれ選択時に該当する一覧を表示するCSSが設定されていました。しかし、追加した項目については同じ形式の記述がなかったため、既存のルールに合わせて表示条件を追加しました。

修正内容は、追加した項目が選択されたときに、対応する記事一覧の非表示設定を解除するものです。これにより、PHPで出力されていた記事一覧が画面上にも表示されるようになりました。

今回は、管理画面の設定、PHPによる記事取得、CSSによる表示制御を順番に確認しました。一つの箇所だけを見るのではなく、記事が登録されてから画面に表示されるまでの流れ全体を確認したことが、原因の特定につながりました。

対応後の結果・改善点

PHP側の出力処理とCSS側の表示条件を修正したことで、新しく追加した分類の記事が正常に表示されるようになりました。

既存の分類についても、これまでどおり問題なく切り替えられることを確認しました。また、追加した項目と記事一覧の対応関係にもずれがないことを確認し、意図した内容が表示される状態になりました。

今回の対応では、PHPだけを修正しても解決しませんでした。記事一覧を出力する処理と、画面上に表示する処理が別々に設定されていたため、両方を修正する必要がありました。

このような表示機能では、見た目の項目を追加するだけでは動作が完成しないことがあります。内部の取得処理や表示条件も連動しているため、追加後は各処理が正しく対応しているかを確認することが大切です。

今回の対応から分かったこと

WordPressで記事が表示されないとき、最初に確認することが多いのは記事の公開状態や分類設定、PHPの取得条件です。

もちろん、これらが原因になることもありますが、記事が正しく取得されていても、CSSで非表示にされていれば画面上では確認できません。管理画面上では問題が見つからず、PHPの条件も正しい場合は、HTMLに記事が出力されているか、非表示の指定が適用されていないかを確認する必要があります。

今回のように、選択された項目だけを表示する構成では、すべての記事一覧を一度非表示にし、条件に一致したものだけを表示する方法が使われることがあります。

この場合、新しい項目を追加するときは、項目そのものだけでなく、対応する記事一覧の出力処理と表示条件も追加しなければなりません。どれか一つが不足すると、操作はできても内容が表示されない状態になります。

同様のトラブルを防ぐために

切り替え式の記事一覧へ新しい項目を追加するときは、管理画面の分類追加だけで作業が完了するとは限りません。

テンプレート内で項目数が固定されていないか、記事一覧の出力回数が追加前のままになっていないか、CSSやJavaScriptに項目ごとの個別指定がないかを確認する必要があります。

特に、要素の順番を使って表示を切り替えている場合は、項目を追加するたびに対応する記述が必要になることがあります。既存の項目までは正常に動いているため、追加した箇所だけ設定漏れが起きても気づきにくい構成です。

今後も項目が増える可能性がある場合は、項目数に応じて自動的に処理される構成へ見直す方法もあります。ただし、既存サイトでは表示崩れや動作への影響も考慮する必要があるため、現在の仕組みを確認したうえで判断することが大切です。

メディアプライムスタイルのサポートについて

メディアプライムスタイルでは、WordPressの記事が表示されない、分類を追加したのに一覧へ反映されない、切り替え項目を増やしたら一部だけ動かなくなったといったご相談にも対応しています。

WordPressの表示トラブルは、管理画面の設定だけでなく、PHP、HTML、CSS、JavaScriptなど複数の処理が関係していることがあります。

設定上は問題がないように見えても、画面上では非表示になっていたり、追加した項目だけ処理の対象から外れていたりすることもあります。そのため、どの段階まで正常に動いているのかを順番に確認し、原因を切り分けることが重要です。

変更しても表示されない、どこを確認すればよいか分からないという場合は、現在のサイト構成を確認しながら、必要な範囲で対応をご案内しています。