ワードプレスでカテゴリー追加。記事が一覧表示されない時の対応

404エラー画面サンプル

ワードプレスは、世界中のたくさんの人々がブログ作成ツールとして使用しています。わたしのこのブログもワードプレスで作っているのですが、正直初心者にはハードルが少し高い・・・。

これまでも自分の思うようにならずに何度もネットで調べてなんとか解決(妥協?)してきましたが、今回も初心者丸出しの初歩段階ともいえる内容でつまずいてしまいました。

それは、

新カテゴリー追加後、記事のパスを調整しても同カテゴリ(追加したカテゴリー)をクリックした時に、404エラーが出て記事が一覧表示されない

という問題です。

今回は、既に1年近くもブログをやり続けているとは思えないわたしが、悩んだこの問題の解決方法について、備忘録もかねて書き記したいと思います。

「スポンサーリンク」

【事象(カテゴリー追加)の詳細】

カテゴリーを後から追加する事は、ブログを長くやっていると発生することです。

今回起こった「404エラー」についてもう少し具体的に、

カテゴリーの 追加前 ・ 追加後(404エラー)

に分けて書きたいと思います。

カテゴリー追加前の状況

まずはわたしのブログを見てください。

ココをクリックしてもらうと、当ブログのホーム画面が表示されます。

見ていただくとわかると思いますが、当ブログの記事は「メニュー項目」として『記事一覧』という固定ページを作成しております。

『記事一覧』の下層には更に下記で示す ” 5つのカテゴリー ” を紐づけ、カテゴリー名をクリックすることで、下のように同カテゴリーに合致した内容の記事が一覧で表示されるようになっています。

(記事一覧)

心身の健康

お金に関する事

仕事に関する事

遊びに関する事

そして、各カテゴリーをクリックすると、一覧表示がされます。

( 下図:カテゴリー名「お金に関する事」をクリックしたときの表示 )
記事の一覧表示サンプル

カテゴリー追加後の状況

当ブログは所謂 ” 特化ブログ ” ではなく、雑多なジャンルの記事を載せています。

そのため書こうと思う記事の種類もバラバラなわけですが、そうなるとどうしても当初設定していた前述の ” 5つのカテゴリー ” では、うまくハマらない記事も出てきます。

ということで、今回新カテゴリー(知識)を追加することにしました。

通常、わたしのブログのようにカテゴリーを階層化する構造にしようとすると、下記の3つの作業を行えば済みます。

1.新規固定ページの作成

「知識」というタイトルのページを固定ページとして作成し、「記事一覧」の固定ページを親ページとして設定する

2.新規カテゴリーの作成

「知識」というカテゴリーを作成し、「記事一覧」を親カテゴリーとして設定する

3.過去記事のパス変更

既存記事の中で、カテゴリーが合わないものを、今回追加した「知識」カテゴリーに変更する。

具体的にはパスを変更し、カテゴリー一覧のチェックを変更する。

◆パスに関して

パスは「パーマリンク」部を変更します。

下記で言うと、緑の ” 5つのカテゴリー部分 ” です。

https://zatta-item.com/contents/money/drive-smartphone

 ↑         ↑   ↑

ホーム        記事一覧 5つのカテゴリー(変更する箇所)

このパターンで言うと、緑で記した「money」部を、今回追加したカテゴリーである「knowledge」(知識)に変更します。

◆カテゴリー一覧に関して

ワードプレスでは、記事作成画面の右側にカテゴリーを設定するチェックボックスがあるので、それを変更します。カテゴリー一覧

記事一覧の各カテゴリーごとの画面表示は、上記「1」~「3」の作業をするだけなので特段難しいことはありません。

が、記事を更新してプレビューで見るとなぜか、この記事のトップにあるように404エラーが出て記事が表示されません。

404エラーの原因

結論から言うと、エラー原因は、

新しく作ったカテゴリーの ” スラッグ ” がおかしかくなっていたから

でした。

具体的には、本来新規カテゴリー作成画面で入力したはずのスラッグである「knowledge」が ” 別の言葉 ” に変わっていたのです。

何に変わっていたかというと「その他の知識」という言葉。

この「その他の知識」という言葉には思い当たる節があります。

わたしは今回固定ページを新規作成するにあたり、パーマリンクを「knowledge」にして保存しないといけなかったのですが、前述の通り久しくしていない、いわば慣れない作業であった為、最初適当に「その他の知識」として仮登録していたのです。

<固定ページのパーマリンク>

https://zatta-item.com/contents/その他の知識

この仮登録ののちに「知識」というカテゴリーを追加し、一旦はそれでいこうと思ったのですが、やっぱり「その他の知識」よりも単純に「知識」の方が良いか、と思って固定ページを削除してしまったり、又追加したり、カテゴリーも消したり、また追加したり・・・という事を繰り返し実施。

最終的には「知識」で行こうと決め、固定ページのパスもきちんと「knowledge」にしたのですが、それでも「知識」のカテゴリーをクリックすると、同じエラーが出て一向に記事が一覧で表示されません。

404エラーの解決

ネットで調べてみると、” パーマリンク設定画面を開いてそのまま「更新ボタン」を押して更新すれば表示される ” というような記事が散見されましたが、それをしても変わらず。

以前、CSSファイル変更後の設定が反映されない件についての記事を書きましたが、その時はキャッシュをクリアすることで解決したので、ブラウザで消しましたがそれも効果なし。

こんな時は、固定ページ一覧の「クイック編集画面」を見てください。

わたしの場合、なぜかスラッグ部分が、一番最初に仮設定した「その他の知識」となっていました。

「その他の知識」として作成した固定ページは削除しましたが、なぜか消したはずの最初の仮設定が残っていたのです。

そりゃ記事が表示できないですよね。

リンクが異なってるわけですから。

スラッグを「その他の知識」から「knowledge」に変更することで、無事に新カテゴリーページに、設定した記事が一覧表示されるようになりました。

【まとめ】

固定ページの ” クイック編集 ” という画面は今まで見たことがありませんでした。

” 編集 ” 画面を開いても意味がありません。

なぜなら、見た目のパーマリンクは間違っていなかった(knowledgeになっている)から。

キャッシュの件もそうですが、ワードプレスは今回のような「以前設定した内容が残っている」という ” 変なクセ(バグ?)” のようなものもあるので、同じようなことがあれば、一度今回の記事を参考にして、クイック編集を確認してみてください。

ページ先頭へ戻る

「スポンサーリンク」

シェアする

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

フォローする