タグ: WordPress初心者

  • ChatGPTに相談しながらWordPress|10件表示のはずが3件しか表示されない...犯人は以前追加したCSS

    ChatGPTに相談しながらWordPress|10件表示のはずが3件しか表示されない...犯人は以前追加したCSS

    「10件表示」にしたはずが、表示は3件...

    WordPressがようやく元に戻ったと思った矢先、また新たなトラブルが発生しました。

    ブログ一覧ページを見ると、設定では1ページに10件表示になっているはずなのに、実際に表示されているのは3件だけ。

    しかもページ送りは正常に表示されていて、「記事が足りない」というわけでもありません。

    「え、またWordPress壊れた?」

    再びChatGPTに相談しながら原因を探すことになりました。


    表示設定も、テンプレートも問題なし

    まず確認したのは、WordPressの表示設定。

    「1ページに表示する最大投稿数」は、ちゃんと10件になっています。

    次にテンプレートやクエリーループも確認しました。

    投稿数の設定やオフセット、ページネーションなど、思いつくところは一通り見直しましたが、決定的な原因は見つかりません。

    キャッシュも疑い、何度も更新。

    それでも3件しか表示されませんでした。

    「もう分からん……」

    ここまで来ると、本当に原因が分からなくなっていました。

    「WordPressってこんなに難しいん?」

    「また何か変なことした?」

    そんなことを思いながら、あれこれ設定を触っていました。

    正直、この時点では半分諦めかけていました。


    最後に見直したのは追加CSS

    「一度、追加CSSを全部消してみる?」

    そんな話になり、私は以前ChatGPTに相談しながら追加したCSSを、そのままコピペして送りました。

    するとChatGPTが、

    「ちょっと待って……原因これかもしれません。」

    と。

    そこに書かれていたのは、

    4件目以降の記事を非表示にするCSS。

    以前は必要だった設定が、そのまま残っていたのです。


    犯人は、まさかのChatGPT(に言われて以前追加したCSS)

    実はこのCSS、以前トップページ用に追加したものでした。

    そのときはちゃんと意味があり、必要な設定だったのですが、その後ブログ一覧ページを作り直したことで、そのCSSだけが残ったままになっていたようです。

    つまり、WordPressからしたら

    「いや、私はちゃんと10件表示しようとしてるよ?
    でもCSSが隠してるじゃん。」

    ……という状態だったわけです(笑)

    そりゃ3件しか表示されないわけです(笑)


    今回学んだこと

    今回改めて感じたのは、

    「WordPressがおかしい」

    と思っても、本当の原因は意外なところにあることがある、ということです。

    しかも今回は、自分で追加したわけではなく、以前ChatGPTに提案されて追加したCSS。

    当時は必要だった設定なので、完全に忘れていました。

    だからこそ、過去に追加したCSSやコードも、一度見直してみることは大切だと実感しました。

    それと、ChatGPTに相談するときは、必要な部分だけを切り抜くよりも、できるだけ全画面のスクリーンショットを送るのがおすすめです。

    少なくとも私はそうでした。

    というのも、

    思わぬ場所に原因があったり、「ここも気になりますね」とChatGPTが気付いてくれたりすることがあるからです。


    まとめ

    「10件表示なのに3件しか表示されない。」

    そんなときは、

    ・表示設定
    ・クエリーループ
    ・テンプレート
    ・キャッシュ
    ・追加CSS

    このあたりを順番に確認してみることをおすすめします。

    今回の原因はWordPressの不具合ではありませんでした。

    そして、ChatGPTが間違っていたというよりも、

    以前は正しかった設定が、今の環境には合わなくなっていた。

    それだけのことだったのです。

    便利な機能やコードも、一度入れたら終わりではありません。

    環境が変われば、見直しが必要になることもある。

    今回の出来事で、それを身をもって学びました。

    もし同じような症状で困っている方がいたら、この記事が少しでも参考になれば嬉しいです。


    ChatGPTとWordPress奮闘記シリーズ

    📖 第1話
    ChatGPTに相談しながらWordPress|書いた記事が全部消えた話

    📖 第2話
    WordPressの記事本文が消えたように見えたときに確認したこと

    📖 第3話(この記事)
    ▶ ChatGPTに相談しながらWordPress|10件表示のはずが3件しか表示されない。犯人は以前追加したCSSでした

  • WordPressの記事本文が消えたように見えたときに確認した7つのこと

    WordPressの記事本文が消えたように見えたときに確認した7つのこと

    記事本文が消えたように見えても、実際には表示設定やテンプレートが原因で、データは残っているケースがあります。

    私も実際に本文が全部消えたと思って焦りましたが、最終的には再び確認できる状態まで戻りました。

    「記事の本文が消えた……。」

    WordPressを触っていると、そんな状況に遭遇することがあります。

    実は私も、公開中の記事を確認したときに

    タイトルだけが表示され、本文がまったく表示されない

    という現象に見舞われました。

    「全部消えた……。」

    そう思って本気で焦りました。

    ですが結果的には、記事データそのものが完全に消えていたとは断定できませんでした。

    表示設定や編集画面など、いくつかの原因が重なって「消えたように見えていた」可能性もあります。

    この記事では、私が実際に確認したことや、あとから「最初に見ればよかった」と思ったポイントをまとめます。


    ① まずは投稿一覧に記事が残っているか確認

    最初に確認したいのは、

    「記事そのものが存在しているか」

    です。

    投稿 → 投稿一覧を開き、

    ・記事タイトルがあるか
    ・下書きではなく公開状態か

    を確認します。

    記事が一覧に残っているなら、データ自体は存在している可能性があります。

    ゴミ箱にも入っていないか、一緒に確認しておくと安心です。



    ② 編集している画面が本当に「投稿」か確認

    WordPressには似たような編集画面がたくさんあります。

    例えば、

    • 投稿
    • 固定ページ
    • テンプレート
    • テンプレートパーツ
    • クエリーループ
    • サイトエディター

    画面の見た目が似ているため、

    「記事を編集しているつもり」

    でも、

    実際にはテンプレートを編集していた

    ということもあります。

    私も途中で、

    「今どこ編集しよるん?」

    という状態になっていました。



    ③ 投稿コンテンツブロックが表示されているか確認

    ブロックテーマを使っている場合は、

    投稿コンテンツ(Post Content)

    が表示されているかも確認してみてください。

    テンプレートからこのブロックが削除されると、

    本文は存在していても表示されなくなることがあります。


    ④ リビジョンが残っていないか確認

    編集画面から、

    リビジョン

    が残っていれば、

    以前の状態へ戻せる場合があります。

    慌てて保存や削除を繰り返す前に、一度確認してみることをおすすめします。

    ※ただしリビジョンが表示されないテーマや設定もあります。


    ⑤ CSSが原因ではないか確認

    CSSは見た目を変更する便利な機能ですが、

    内容によっては、

    本文が表示されなくなったように見えることもあります。

    例えば次のようなCSSが原因になることがあります。

    • display:none;
    • visibility:hidden;
    • overflow:hidden;
    • height:0;

    CSSを追加した直後に不具合が出たなら、一度元に戻して確認すると原因を切り分けやすくなります。



    ⑥ キャッシュやプラグインも確認

    キャッシュの影響で、

    修正内容が反映されていないように見えることもあります。

    また、

    プラグイン同士の競合によって表示がおかしくなるケースもあります。

    もし心当たりがある場合は、

    • キャッシュ削除
    • プラグインを一時停止

    なども確認してみるとよいかもしれません。

    更新直後に表示がおかしくなった場合は、一時停止して確認する方法もあります。


    ⑦ バックアップがあるなら慌てない

    バックアップがあるなら、

    万が一の場合でも復元できる可能性があります。

    そのため、

    焦っていろいろ変更するより、

    まずは現在の状態を確認することをおすすめします。


    私の場合は・・・

    私の場合は、

    最終的に本文を再び確認できる状態まで戻すことができました。

    ただ、

    記事データそのものが消えていたのか。

    それとも、

    表示や編集画面の問題だったのか。

    そこは最後まで断定できませんでした。

    だからこそ、

    途中で慌てて操作を続けなくて本当によかったと思っています。


    まとめ

    「記事が消えた!」

    そう思ったときは、

    まず落ち着いて、

    ・投稿一覧
    ・編集画面
    ・投稿コンテンツ
    ・リビジョン
    ・CSS
    ・キャッシュ
    ・プラグイン
    ・バックアップ

    を順番に確認してみてください。

    もし私と同じようにWordPress初心者なら、

    一度に複数箇所を変更しないこと。

    これだけでも、原因を見つけやすくなります。

    それと、ChatGPTに相談しなければ、きっとここまで復旧できなかったとも思っています。

    一方で、提案をそのまま続けて実行したことで、結果的に状況がより複雑になってしまった場面もありました。

    AIはとても頼れる存在ですが、スクリーンショットを添えて相談すると、思い違いや操作ミスにも気付きやすくなります。

    最終的に操作するのは自分です。

    「本当にこの変更で大丈夫かな?」と一度立ち止まって確認することも大切だと感じました。

    次の記事では、実際に私が遭遇した「10件表示のはずが3件しか表示されない事件」と、その原因をまとめています。

    同じような症状で困っている方は、そちらも参考にしてみてください。


    ChatGPTとWordPress奮闘記シリーズ

    📖 第1話
    ChatGPTに相談しながらWordPress|書いた記事が全部消えた話

    📖 第2話(この記事)
    ▶ WordPressの記事本文が消えたように見えたときに確認したこと

    📖 第3話(この記事)
    ▶ ChatGPTに相談しながらWordPress|10件表示のはずが3件しか表示されない。犯人は以前追加したCSSでした

  • ChatGPTに相談しながらWordPress|書いた記事が全部消えた話

    ChatGPTに相談しながらWordPress|書いた記事が全部消えた話

    少し前、WordPressでやらかしました。

    「少し見やすくしたい」

    その軽い気持ちで触った結果、

    記事本文が全部消えました。

    そのときのことは、以前noteにも書いています。

    ✤制作の裏側✤AI活用ブログを書こうとしたら、WordPressで盛大に大コケした話|みきぽっくる

    トップページの表示がおかしくなり、直そうとすればするほど、別の場所までおかしくなる。

    クエリーループ。
    投稿テンプレート。
    フロントページ。
    インデックス。
    テンプレートパーツ。

    聞いたこともない言葉に囲まれながら、

    「ワタシハイマ、ドコニイマスカ・・・?」

    「ワタシハイマ、ナニヲシテイマスカ・・・?」

    となった話です。

    ただ、あの記事には触れてなかったことがありました。

    実はあのとき、表示が崩れただけではありません。

    WordPressに書いていた記事の本文が、全部消えてたんです。


    少し見やすくしたかっただけ

    始まりは、本当に小さな違和感でした。

    WordPressの記事一覧が、どうも見づらい。

    ページ送りを押しても、似たような記事ばかり表示される。

    過去の記事へ、うまくたどり着けない。

    せっかく書いた記事なのに、これでは読んでもらいにくい。

    そこでChatGPTに画面を見せながら、

    「ここを直したい」
    「この表示を消したい」
    「記事一覧をもう少し見やすくしたい」

    と相談しました。

    提案された設定を変更したり、CSSを追加したり、テンプレートを編集したり。

    私はWordPressに詳しくないので、

    「ここで合っとる?」
    「次はどこを押すん?」
    「これ消して大丈夫?」

    ひとつひとつスクショを添付して確認しながら進めていました。

    最初は、少しずつ直っているように見えました。

    ところが、ひとつ直すと別のところがおかしくなる。

    表示が変わらない。

    変わったと思ったら、関係ない場所まで変わる。

    それでも、

    「あと少しで直りそう」

    と思って、作業を続けてしまいました。


    記事を開いたら、本文がなかった

    途中で、記事の状態を確認しようと編集画面を開きました。

    すると、書いたはずの文章がありません。

    タイトルはある。

    記事も存在している。

    でも本文だけがない。

    最初は、違う画面を開いたのかと思いました。

    テンプレートを編集しているのか。

    投稿を編集しているのか。

    公開画面を見ているのか。

    サイト全体のデザインを見ているのか。

    自分がどこにいるのかも、分からなくなっていました。

    管理画面を行ったり来たりしました。

    何度更新しても、文章は出てきません。

    別の記事を開いてみても、同じでした。

    今まで書いていた本文が、全部消えとる。

    そう気づいた瞬間、さすがに血の気が引きました。


    私の記事、どこ行ったん・・・

    WordPressには、AI活用について書いた記事を少しずつ投稿していました。

    ChatGPTを使って試したこと。

    ・献立を考えてもらう

    ・今の自分に合ったKindle本を選んでもらう

    ・LINE絵文字の作成や申請について  etc...

    自分の記録でもあり、

    「同じところで困った人の参考になればいいな」

    と思って書いていた文章です。

    それが、画面から全部なくなりました。

    もう一度書けばいい、と簡単に割り切れる量でもありません。

    そのとき頭に浮かんだのは、

    「もうWordPress触りたくない」

    でした。

    AI活用の記事を書こうとしていたのに、AIと一緒にWordPressを触った結果、その記事が全部消える。

    こんな皮肉なことある?と・・・


    原因が分からないのが、いちばん怖かった

    今振り返っても、どの操作が直接の原因だったのかは、はっきり分かっていません。

    CSSを追加したこと。

    テンプレートを編集したこと。

    ブロックを削除したこと。

    保存がうまく反映されていなかったこと。

    投稿本文ではなく、別の編集画面を触っていた可能性。

    いくつかの変更を重ねていたため、

    どの操作のあとに、何が変わったのか。

    それを追えなくなっていました。

    ChatGPTも、サイト全体の状態や、それまでに追加した設定を完全に把握できていないまま、次の変更を提案していました。

    そして私は、その提案がどこに影響するのかを理解できないまま、画面を操作していました。

    AIが提案する。

    人間が実行する。

    でも、何か起きたときに、

    「どの変更を戻せばいいのか」

    が、どちらにも分からない。

    この状態がいちばん怖かったです。


    なんとか戻った。でも、もう触れなかった

    その後もChatGPTと画面を確認しながら、記事やテンプレートの状態を調べました。

    消えたと思っていた文章を、最終的には再び確認できる状態まで戻すことができました。

    つまり、記事データそのものが完全に消去されていたのか、表示や編集画面の問題で見えなくなっていたのか。

    今でも、正確なところは分かりません。

    でも、そのときの私から見れば、

    書いていた文章が、突然全部消えた・・・これがすべてです。

    元に戻ったから、めでたしめでたし。

    とは、ならず・・・疲労もすごかったです。

    また触ったら消えるかもしれない。

    次は本当に戻せないかもしれない。

    そう思うと、WordPressの管理画面を開くこと自体が怖くなりました。

    結局、トップページを固定ページで作り直し、最低限の状態まで整えたところで作業を終了。

    その後、WordPressはしばらく放置することになりました。


    AIに頼むなら、変更履歴は自分で残す

    今回の件で、AIを使うのが嫌になったわけではありません。

    分からない言葉を説明してもらったり、コードを考えてもらったり、困ったときに相談できたり。

    AIがいたから、最終的に戻せた部分もあります。

    ただ、

    ChatGPTに相談しているから安心。

    ……そう思っていました。

    AIに相談しているから大丈夫。

    ではありませんでした……。

    特にWordPressのように、

    テーマ
    テンプレート
    ブロック
    CSS
    プラグイン
    サーバー設定

    が複雑に関係するものは、ひとつの変更が思わぬ場所に影響することがあります。

    しかもAIは、以前どこに何を追加したのかを、常に完全な状態で覚えているわけではありません。

    だから今後は、

    変更前の画面を撮る。
    入れる前のCSSを控える。
    一度に複数箇所を変更しない。
    何を変更したのかメモする。
    元に戻す方法を確認してから実行する。

    最低限、これだけは必要だと思いました。

    具体的な確認方法については、別の記事にまとめる予定です。


    そして、再びWordPressを開いた

    記事が消えた事件から、しばらくWordPressを触らずにいました。

    noteなら、記事を書くことに集中できます。

    表示が崩れる心配も少ない。

    正直、

    「もうnoteだけでもいいんじゃない?」

    という気持ちもありました。

    それでも、WordPressを完全にやめることはできませんでした。

    自分の活動をまとめる場所として使いたい。

    LINEスタンプやキャラクター制作の記事を、検索から見つけてもらえる場所も残したい。

    せっかく作ったブログを、このまま放置するのももったいない。

    そう思い、今回もう一度、WordPressを動かすことにしました。

    そして久しぶりに開いてみると、

    10件表示に設定しているはずの記事が、なぜか3件しか出ていない。

    スマホでは横スクロールが発生する。

    変更を保存しようとすると、サーバーのセキュリティに止められる。

    さらに、サーバーの管理画面にも入れなくなる。

    前回以上に盛大な、第二のWordPress沼が待っていました。

    しかも最終的に見つかった原因のひとつは、

    以前、ChatGPTに言われて追加したCSS。

    一緒に犯人探しよったChatGPTが、犯人側だったというオチ・・・

    そーいうのええて・・・まじええ加減にしてくれ・・・

    思わず画面にツッコミました。

    からの気持ち切り替えて作業に集中!

    その話は、また次の記事で(*^-^*)