サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024-07-05 12:11
みなさん、こんにちは！
ご存じの方は、教えてください。
X, Twitter でブログを紹介すると、Cocoon テーマのプレビューが表示されます。
この画像を、NO IMAGE画像で設定した画像が表示されるようにしたいです。
あこがれの小説家リスト
https://admired-novelist.natsu-mikan.com/
つづけて、スクショを貼ります。（３枚）
Topic starter
2024-07-05 12:12
わたしが見ている設定箇所の画像 その１ です。
Topic starter
2024-07-05 12:17
わたしが見ている設定箇所の画像 その２ です。
view-source: https://admired-novelist.natsu-mikan.com/を確認して、ページが圧縮されていないことを確認しました。
よろしくお願いいたします。
追伸
「仕様だから、変更できません。」ということでしたら、それも答えと考えています。
2024-07-05 13:19
本来、アイキャッチ画像が反映されます。
●回答
twitter:imageには、設定したアイキャッチ画像が設定され、チェックすると正しく表示されます。
また、以下でURLを入力し、Preview cardをクリックすると正しく表示されるようになります。
●ご参考
Topic starter
2024-07-05 13:51
@chu-ya 様
回答ありがとうございます。
ひと手間が必要ということですね。
また、以下でURLを入力し、Preview cardをクリックすると正しく表示されるようになります。
ワタシのChromeブラウザでは、エラーメッセージが出ました。
Card Validator - preview removal
カード検証 - プレビューの削除
https://devcommunity.x.com/t/card-validator-preview-removal/175006
頂いたノウハウを活かせず、申し訳ないです。
Topic starter
2024-07-05 14:12
2024-07-05 14:13
●回答
フロントページを見ましたが、確かにog:imageが「Cocoonスクリーンショット画像」となっています。（図参照）
[Cocoon設定]→[OGP]→ホームページイメージの画像設定はされていますか？
わいひら reacted
2024-07-05 14:57
すみません、先程、私がX(Twitter)のキャッシュを更新する操作を行いました。
Card Validatorは、2022年頃にプレビュー機能がなくなりました。
それにともない、X(Twitter)のキャッシュ削除機能もなくなりました。
カードの更新操作については、X(Twitter)公式のX Developer Platformに載っています。
以下の「Refreshing a Card in a Tweet」をご参照ください。
https://developer.x.com/en/docs/twitter-for-websites/cards/guides/troubleshooting-cards#refreshing
X(Twitter)のクローラーが来てくれたところで、キャッシュが更新されるようです。
来てもらうためには、短縮URLで一度、Post操作を行う必要があるようです。
実際にPostはしなくても良いみたいですが、Postするところに、短縮URLを貼って表示させる必要があるみたいです。
上記の箇条書きの説明を読むとそんな感じなのですけれど。
その下の方の「My Card information now refreshes, but images are not updating. How do I get the images to refresh?」の部分ですが。
「For example:」と、例が載っています。
ここにあるように、URLに何らかのパラメーターをつけて、新しいURL（まだPostされていないURL）と認識させると、クローラーが来てくるみたいです。
それで、キャッシュが更新されるみたいです。
私がしたのは、この操作です。
例の記載は画像URLですけれど。
今回私は、以下のURLの後ろに、パラメータをつけました。
（最後のスラッシュなしで、？＋「任意の数字」を適当な長さでつけました）
わいひら reacted
2024-07-05 16:14
今はスマホからですので、長くは入力できないのですけれど。
以前、Card Validatorで、キャッシュが更新されなくなった際に、このフォーラムで更新の仕方を教えてくださった方がいらっしゃいました。
（その返信を探したのですが、見つけられず・・・昔のことですしね）
その時は、まだTwitter時代で、単に新たにTweet手前までの操作で、キャッシュが更新されるという話だったと思います。
ただ、今回それをしてみたのですが、残念ながら更新されませんでした。
そのため、調べながらやってみたという感じです。
知っていた訳ではないので、博識ではないのです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。