サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年10月13日 12:22
お世話になります。Cocoonを使わせていただいている者です。
不具合・カスタマイズ対象ページのURL: https://bonmatsu.com/
相談内容:サムネイル画像が表示されない。
不具合の発生手順:
①以前にブログをSSL化しないまま運用していたところ、不正アクセスを受けてしまい、この度記事データと画像データだけ引き継いで一から再度ブログを作り直し、SSL化しました。各データはCyberduckを使ってサーバー上で以前のブログと同様の場所に格納しています。また、テーマは一貫してCocoonを使っています。
②新しいブログにて、以前のようにブロックエディターの編集画面からサムネイル画像を設定しようとしたのですが、上手くいかない状況が続いています。画像を設定しようとすると、メディアライブラリから読み込んでくれるのですが、更新してトップページを開くと画像が表示されないままです。また、一点気になっているのが、メディアライブラリを開くと常に画像が表示されているのではなく、都度ごとに読み込んでいるように見受けられることです(添付)。画像をWordpressの編集画面から直接アップロードしてみましたが、それでもサムネイル画像には反映されませんでした。
なお、記事中の画像そのものは問題なく表示されています。
解決のために試したこと:
①当初は画像リンクがSSL化していない状態だったので、Search-Replace-DB-Masterというソフトを使って修正しました。リンク自体は無事に修正されましたが、問題は解決しませんでした。
②Regenerate Thumbnails, Media Syncといったプラグインを使い、サムネイルの再生成等も実行しましたが、これも効果はありませんでした。全てのプラグインを無効化し、高速化設定もオフにしたうえで、キャッシュも削除していますが、特に効き目はありません。
以上、お力添えいただけましたら幸いです。何卒よろしくお願い申し上げます。
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:
----------------------------------------------
サイト名:凡松記
サイトURL: https://bonmatsu.com
ホームURL: https://bonmatsu.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.6.2
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.7.8
カテゴリー数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845 バイト
functions.phpサイズ:205 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
このトピックは2か月前からbonmatsuに変更されました
2024年10月13日 18:01
bonmatsuさん
外部から確認できることは限られています。
今回のお問い合わせで、何を確認すれば良いのか、少し悩みます。
メディアライブラリの画像を添付いただきましたが、こちらからはURL等分かりませんので、確認のしようがないというのが正直なところです。
(特に年月フォルダをご利用のようですので)
また、以下もどこの画像のことか分からず・・・。
更新してトップページを開くと画像が表示されないままです。
画像をWordpressの編集画面から直接アップロードしてみましたが、それでもサムネイル画像には反映されませんでした。
これは、移行されたものとは違うケースかもしれませんので、確認が必要な気はしますが、どの画像のことか分からず・・・。
(何を確認すれば良いのか・・・)
たまたま気づいたのですけれど。
関連記事の以下の部分は、サムネイルがないみたいでした。
ソースを見ると、figureタグの中に、imgタグがないです。
これをフロントページで見ると、現在1番上の記事のようで、「NO IMAGE」が表示されているもののようです。
上記の投稿ページを開いて、アイキャッチ部分を確認すると、以下のようにやはりimgタグがないです。
(他にも変なところはありますが)
(他にも変なところはありますが)
上記のようなことをお問い合わせなさっているのでしょうか?
(何を確認したら良いのか、良く分からないんですよね。ご提示のものでは確認ができないもので)
上記のようなことであれば。
- 実際にアイキャッチには何が設定されているのか
(それともされていないのか) - 設定されているならば、その画像はメディアライブラリではどのように表示されているのか
(一覧の表示と、画像を選択した場合の詳細情報が全て見えるようなキャプチャを添付いただきたいです)
最低でも、上記のようなことが必要のように思います。
URLについては、画像添付だけでなく、テスキトでも貼っていただけますと助かります。
(直リンクになってしまうかもしれませんので、一文字全角にする・削除等していただいた方が良いかもしれないです)
もし、操作など分かるならば、データベースにどんな風に格納させているか確認した方が良いのかもしれないですけれど。
先に書いたように、メディアライブラリで画像を選択して、詳細情報を表示させれば、状態はそれである程度分かるのかなとは思います。
それとも、私が書いたこととは異なるお問い合わせでしょうか。
わいひら reacted
2024年10月14日 02:41
少し疑問があります。
例えば、フロントページの3つめ・4つめの投稿には、カテゴリーラベルが表示されていません。
サイドバーのカテゴリーアーカイブを確認すると、カテゴリーは「未分類」しかない様子。
これをクリックすると、以下の3つの投稿しか表示されません。
試しに、フロントページに表示されていた3つめの以下の投稿を確認します。
すると、やはりカテゴリーラベルが表示されていないです。
WordPressの標準仕様では、投稿ページは必ず何らかのカテゴリーと紐づくはずです。
これは、カスタマイズやプラグイン等で、紐づかないようにしたものなのでしょうか?
それとも、何か移行時に不具合などが起きているのでしょうか。
(不具合だとしたら、いろんなところでデータベースに不整合が起きているの可能性もありそうに思いますが・・・)
それとも、何か移行時に不具合などが起きているのでしょうか。
(不具合だとしたら、いろんなところでデータベースに不整合が起きているの可能性もありそうに思いますが・・・)
わいひら reacted
トピックスターター 2024年10月14日 14:35
お力添えいただきありがとうございます。
ご賢察のとおり本件は未解決ですが、操作ミスで解決済にしてしまったようです。
ご指摘頂いた点について、以下お答えいたします。
①何が問題だと言っているのか…スクリーンショットを張っていただいていますが、トップページの記事一覧でサムネイル画像が"NO IMAGE"と出てしまっていることを申し上げました。関連記事のサムネイルも出ていませんね...。
②アイキャッチ画像の件…一番新しい記事のアイキャッチ画像は編集画面だとスクリーンショットのように自動設定されています。記事内の最初の画像を引用していると思われますが、ライブラリ上でも問題なく表示されています(リンク: ttps://bonmatsu.com/wp-content/uploads/2024/09/P8151971.jpg)
記事リンク: ttps://bonmatsu.com/2024/09/20/%e3%82%ab%e3%82%b6%e3%83%95%e3%82%b9%e3%82%bf%e3%83%b3%e3%81%ae%e8%bf%91%e6%9c%aa%e6%9d%a5%e9%83%bd%e5%b8%82%e3%83%bb%e3%82%a2%e3%82%b9%e3%82%bf%e3%83%8a%e3%81%a7%e9%a6%ac%e8%82%89%e3%82%92%e5%96%b0/
それからアイキャッチ画像を元々のブログで設定していたもの(ttps://bonmatsu.com/wp-content/uploads/2024/09/P8152003.jpg)に改めようとすると、編集画面上では無事に読み込めているようなのですが、更新してもトップページの目次上では依然としてNO IMAGEが表示され続けています。
③カテゴリーについて…ブログの復元時からこのような状態ですので、プラグイン等の影響ではなさそうです。元々の記事では数種類のタグを設定しており、問題なくカテゴライズも可能でした。
ご不明な点がございましたらお知らせください。何卒よろしくお願い申し上げます。
この投稿は2か月前ずつbonmatsuに変更されました
2024年10月14日 15:47
●確認のお願い
Q1:
[Cocoon設定]→[画像]→「本文上にアイキャッチを表示する」がオンになっていますか?
Q2:
投稿タイトル「カザフスタンの近未来都市・アスタナで馬肉を喰らう」ですが、エディターでアイキャッチ画像を設定していますか?
Q3:
以下の画像を一度PCデスクトップにダウンロードしてから、再度メディアに登録し、その画像をアイキャッチ画像に設定した場合、どうなりますか?
ttps://bonmatsu.com/wp-content/uploads/2024/09/P8151971.jpg
●気になる点
メディアにサムネイルが表示されていても、自動生成されたすべてのファイルが揃っているとは限りません。
bonmatsuさんが懸念されているように、壊れている可能性があります。
理由として、「本文上にアイキャッチを表示する」がオンの場合、投稿のアイキャッチ画像にdisplay: noneが付いているページと、付いていないページが存在するためです。
わいひら reacted
2024年10月14日 17:40
bonmatsuさん
どこから言えば良いのか、悩みます。
とりあえず「解決済」については、当方にて「未解決」へ変更させていただきました。
そして、添付をお願いした画像ですが、以下のようなものを期待しました。
説明不足でしたね、申し訳ありません。
上記には、サイズの情報も表示されているからです。
先に添付した、投稿の件ですけれど。
上記の投稿ページを開いて、アイキャッチ部分を確認すると、以下のようにやはりimgタグがないです。
(他にも変なところはありますが)
アイキャッチが設定されていないのですから、当然サイズもないのですけれど。
bonmatsuさんは、アイキャッチを設定なさっているようですし、サイズなどはどうなっているのかなと思いました。
(サイズは、格納されるテーブルが違うのではないかと思ったのです)
わいひら reacted
2024年10月14日 17:45
bonmatsuさん
添付いただいたのは、今回私が、関連記事で気付いた件ですけれど。
例えば、以下はどうなっているのかなと思いました。
このグレーの状態というのか、完全に表示されていない中途半端なものは、どういう風になっているのかと思いました。
今現在、bonmatsuさんがお気づきになっているもの事象を、1つ1つご説明いただきたいのです。
今回私が例示した関連記事の件以外にも、たくさんの事象が発生しているようだからです。
例えば、フロントページ2つめの以下の記事は、アイキャッチは設定されています。(投稿ページでは非表示にはなっていますが)
事象は1つではなく、複数発生しているようです。
そのため、bonmatsuさんがお気づきになった、それぞれの事象を、第三者が分かるように、具体的な画像の状態やURLなどをご提示いただきたいということです。
(私が、関連記事でおうかがいしたような情報。)
わいひら reacted
2024年10月14日 17:55
これまでいろいろ書きましたが、もっとも疑っているのは以下です。
(現在の情報が少ない中での疑いですので、曖昧な疑いです。)
③カテゴリーについて…ブログの復元時からこのような状態ですので、プラグイン等の影響ではなさそうです。元々の記事では数種類のタグを設定しており、問題なくカテゴライズも可能でした。
先に書きました通り、WordPressの標準仕様では、投稿にはカテゴリーが必ず紐づけされます。
それが、現在ないという状態です。
ブログ復元時から、こういう状態とのこと。
つまり、データベースが壊れているということではないかと、疑っています。
(移行?復元?に失敗している?)
投稿とカテゴリーの紐づけ情報自体は、「wp_term_relationships」というテーブルに格納されているはずです。
これが、ないのか壊れているのか。
それともカテゴリーが格納されている側のテーブルがないか壊れているのか。
そういう疑いがあると思います。
画像も、メディアライブラリに登録すると、データベースに情報が格納されます。
「wp-posts」は、投稿データも格納されますので、おそらく存在するのではないかと思います。
もしかすると「wp_postmeta」がないではないかという気はします。
ないのか、壊れているのか、どういう状態なのか。
一部はあって、一部はないとか?
(サイズや、作成されたサムネイルの情報など格納されていたと思います、)
カテゴリーの紐づけがそういう状態であれば、画像に関しても何らかのデータベース上の不整合が起きているのではないかと疑っています。
ただ、情報が少なくはっきりしませんので、ただの疑いです。
情報は多い方が良いとは思いますので、できるだけ詳しい情報をご提示いただきたいと思います。
(こういうケースでは、こういう状態だというご提示があると良いと思います、第三者が確認できる形で)
出来ることなら、データベースをご確認いただくと良いと思うのですけれど。
なかなか上手く説明できないですね、すみません。
ただ、移行?復元?に問題があったのではないかという疑いを持っています。
(画像をメディアライブラリ(ブロックエディタも含む)で扱うためには、画像そのものだけではなく、データベースの情報が必要ですので、それが壊れているのか欠落しているのか、そういう疑いはあるのかなと)
わいひら reacted
2024年10月14日 22:38
いろいろな事象が起きており、こちらではすべてを把握できませんませんが・・・。
上記の投稿ページを開いて、アイキャッチ部分を確認すると、以下のようにやはりimgタグがないです。
(他にも変なところはありますが)
上記の件は、再現できたかもしれないです。
長くなりますので、返信をいつかに分けて、書いていきます。
わいひら reacted
2024年10月14日 23:11
先のいくつかの返信にあります再現のように。
データベースの情報が欠落しているのではないかと推測します。
この度記事データと画像データだけ引き継いで一から再度ブログを作り直し、SSL化しました。
上記のようにありますので、復元するテーブルが足りないのではないかと推測します。
(もしかすると、テーブルは足りていても、その中のレコードが足りない等。こちらからは確認ができませんので、正確には分かりません)
なお、私の再現は、元々SSL化した状態で行っています。
そのため、もしSSL化未済の状態であった場合は、更に違う症状もあるのかもしれません。
(そこまでは試しておりません)
もし、上記のようなことであれば。
あまり小手先の対応をするのではなく、そもそもの不整合の状態を何とかした方が良いのかなとは思います。
(つまり復元のやり直し)
新規アップロードした画像でも、上手くいかないようですので、何かデータベースに足りない可能性もありそうに思います。
但し、bonmatsuさんのサイトの状態を確認できたわけではありません。
あくまでも、上記のような再現をしての推測でしかないことは、ご承知おきください。
(本来であれば、データベース等含めてサイトの状態を確認して、判断すべきではないかと思います)
わいひら reacted
2024年10月14日 23:23
話が前後してしまいますが・・・。
先に、「wp-postmeta」の情報を削除したものについて、新規投稿から、アイキャッチを手動設定してみました。
その投稿ページ編集の模様は以下。
トップページを見ると以下のように、「NO IMAGE」状態。
(1番上です)
(1番上です)
投稿ページは一見異常は見えないですけれど。
(アイキャッチは非表示です)
(アイキャッチは非表示です)
実際にアイキャッチに設定されているものは、別の画像でした。
(例のCocoonのもの)
(例のCocoonのもの)
「wp-postmeta」がないと、こういうことも起きてしまうようです。
(「wp-postmeta」は画像をアップロードすると、必ず作成されますので、これがないというのは異常・不正な状態だと思います)
(「wp-postmeta」は画像をアップロードすると、必ず作成されますので、これがないというのは異常・不正な状態だと思います)
わいひら reacted
トピックスターター 2024年10月16日 11:30
軽微なバイク事故でご返信が遅くなってしまい恐縮です。ご丁寧にありがとうございます。
たしかにwp_metapostをアップロードしていなかったことに気付き、旧ブログ全体のバックアップファイルから該当箇所を抽出してサーバーにインポートしてみました。ですが、インポートの結果はスクリーンショットのとおりで、(`meta_id`, `post_id`, `meta_key`, `meta_value`に該当する部分が欠損しているようです。
思い返してみれば、バックアップファイルはすでにサーバー管理者が不正アクセスの復旧のためにファイルを隔離したあとのもので、すでに画像が表示されない状態になっていました。
この場合、記事の文章をテキストファイルか何かで保存して、現行ファイルを全削除のうえ手作業で復元するしかないでしょうか...。
2024年10月16日 17:38
bonmatsuさん
この場合、記事の文章をテキストファイルか何かで保存して、現行ファイルを全削除のうえ手作業で復元するしかないでしょうか...。
先にも書かせていただきましたが、bonmatsuさんのサイト状態(データベースの状態)や、データ復旧の経緯などは私には分かりませんので、判断は難しいです。
投稿ページ等で、画像表示するには、画像ファイルがサーバーにあれば、表示できます。
リンク先が、正しければ大丈夫です。
(現在そういう状態かと、但し、bonmatsuさんサイトは、画面幅に対して適切なサイズの画像を表示するような、srcsetはないですけれど)
但し、エディタ(編集画面)を含むメディアライブラリで扱うためには、データベースの情報が必要です。
少なくとも、寄贈の画像に関しては、エディタ・メディアライブラリでは扱えないと思います。
その辺りを割り切れるかどうかだと思います。
そして、今分かっていることは、データベースには、以下のテーブルがないのか欠落しているのか、何か不整合な状態にありそうです。
- wp-postmeta
- wp_term_relationships
そうだとすると、果たして他のテーブルも大丈夫なのだろうかという、疑問はあります。
例え、既存のデータが不整合な状態でも、新規に追加したり、既存を変更したりして、更新出来るのであれば良いのですけれど。
画像をWordpressの編集画面から直接アップロードしてみましたが、それでもサムネイル画像には反映されませんでした。
上記のような状態とのことで、これはかなり痛いと思います。
この原因は、外部から見ている分には、原因は分からないです。
例えば、先に私が疑似的に再現した環境ですけれど。
一覧表示では、以下のように表示されなくなってしまいました。
(アイコン表示)
この後に、画像の新規アップロードは可能な状態です。
そして、編集画面で画像ブロックとして扱うこともできますし、アイキャッチへの設定も可能です。
(1番上の「画像C」を今回アップロードしました)
これらを考えると、「wp-postmeta」が欠落しているなど以外に、何か不整合が発生しているのではないかと、疑ってしまいます。
(実際には、分からないです。こちらからは確認できませんので)
(実際には、分からないです。こちらからは確認できませんので)
わいひら reacted
2024年10月16日 17:45
bonmatsuさん
たしかにwp_metapostをアップロードしていなかったことに気付き、旧ブログ全体のバックアップファイルから該当箇所を抽出してサーバーにインポートしてみました。ですが、インポートの結果はスクリーンショットのとおりで、(`meta_id`, `post_id`, `meta_key`, `meta_value`に該当する部分が欠損しているようです。
「`meta_id`, `post_id`, `meta_key`, `meta_value`に該当する部分が欠損しているようです」とお書きいただきましたが。
これは「wp-postmeta」テーブルのテーブル構造そのものですよね。
欠損してるというよりは、作業した元ファイル?に、何らかの文法的なエラーがある等ではないかと思うのですけれど。
「wp-postmeta」は、画像のメタ情報のみが保存されるものではありません。
名前の通り、投稿のメタ情報等も保存されています。
名前の通り、投稿のメタ情報等も保存されています。
例えば、カスタムフィールド等も保存されています。
添付をお間違えになったという、テキストファイルですけれど。
これを、機械的にExcelに取り込みました。
(そのため、閉じ括弧や各種クォーテーションの除去ができていないのですけれど)
(そのため、閉じ括弧や各種クォーテーションの除去ができていないのですけれど)
例えば、以下の部分は、Cocoonが使うカスタムフィールド部分のようです。
IDが74の投稿?固定ページ?に対してのものに見えます。
- 更新日
- SEOタイトル
- ディスクリプション
などなど、格納されているようです。
つまり、「wp-postmeta」がないということは、これらの情報も、今環境からは欠損しているのだと思います。
更に、先のデータを見ると、例えば以下のようなものもありました。
これは、今回問題になっている画像(メディア)に関する情報かと思います。
「2021/12/IMG_5870-1-scaled.jpg」というパス+ファイル名に関するデータがあるみたいです。
各サイズのサムネイルに関する情報もあるようです。
(長いデータですので、全ては表示されていません)
データは少なくとも、一部はあるのではないかと思われます。
(これがあるということは、全部ある可能性も?)
わいひら reacted
2024年10月16日 18:06
2024年10月16日 18:25
長々と書きましたけれど。
以下が痛恨だと思います。
例え、既存のデータが不整合な状態でも、新規に追加したり、既存を変更したりして、更新出来るのであれば良いのですけれど。
画像をWordpressの編集画面から直接アップロードしてみましたが、それでもサムネイル画像には反映されませんでした。
上記のような状態とのことで、これはかなり痛いと思います。
この原因は、外部から見ている分には、原因は分からないです。
新規もできないとなると、実質的には画像が扱えないという可能性があると思います。
(実際どういう状態かは、外部からは分からないです)
環境がおかしいとしか言えない気がします。
これの原因が分かれば良いですけれど。
もし、元データが揃っているならば、それから復旧した方が早いのではないかと思ってしまいます。
データ量にもよるのかもしれませんが。
例えば、ローカルでもサーバー上でも良いので、テスト環境(暫定的な環境)を作成して、今あるデータから復旧させてみて。
それが良い塩梅なら、本番へデータ移行するという方法もあるのかもとは思います。
わいひら reacted
2024年11月13日 17:32
現在のサイトの表示。
こちらのトピックも、しばらくお待ちしましたがお返事がありませんので、クローズしてしまいます。
(約1ヶ月お待ちしました)
たしかにwp_metapostをアップロードしていなかった
ご質問者の方からのお返事を見ても、データベースのテーブルが不足しているのは間違いなさそうです。
もし、追加で関連するお問い合わせがあるようでしたら、新たなトピックを立てていただければと思います。
その際、このトピックを関連トピックとしてリンクしていただければと思います。
(そうは言え、Cocoonに因るものではないお問い合わせなのですけれど)
今後、フォーラムマナーにご協力いただけますと幸いです。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。