サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年6月28日 11:34
サブディレクトリ構成で運用しており、いずれのサイト（サブディレクトリ）もCocoonを使わせていただいています。
諸事情で運用中のURLは出せませんが、
サブディレクトリ【A】： https://●●●.org/aaa/wordpress/
サブディレクトリ【B】： https://●●●.org/bbb/wordpress/
のようなサブディレクトリ構成です。
【質問】ですが、
サイト内での内部リンクブログカードや外部リンクブログカードは正しく表示されますが、
サブディレクトリ【A】のブログカードで【B】の投稿（ https://●●●.org/bbb/?p=8101）にリンクを張ると
リンクは正しく張れますが、ブログカードの表示が思うようになりません。
1.ブログカードのサムネイルが、【A】のNO IMAGE設定のNO IMAGE画像になる。
2．タイトルが表示されない。（表示されても【A】内の指定していない投稿タイトルになることも）
これは、仕様でよろしいのでしょうか？
それとも、私の設定が間違っているのでしょうか？
宜しくお願いします。
Chromeデベロッパーツールで見るに下記のようになっています。
<a href="https://●●●.org/bbb/?p=8101" title="" class="blogcard-wrap internal-blogcard-wrap a-wrap cf">
<div class="blogcard internal-blogcard ib-left cf">
<div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div>
<figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img data-src="https://●●●.org/aaa/wordpress/wp-content/uploads/2024/06/NO-IMAGE.png" alt="" class=" internal-blogcard-thumb-image lozad lozad-img" loading="lazy" width="160" height="160" src="https://●●●.org/aaa/wordpress/wp-content/uploads/2024/06/NO-IMAGE.png" data-loaded="true">
<noscript><img loading="lazy" decoding="async" src="https://●●●.org/aaa/wordpress/wp-content/uploads/2024/06/NO-IMAGE.png" alt="" class=" internal-blogcard-thumb-image" width="160" height="160" /></noscript>
</figure>
<div class="blogcard-content internal-blogcard-content">
<div class="blogcard-title internal-blogcard-title"></div>
<div class="blogcard-snippet internal-blogcard-snippet"></div></div>
<div class="blogcard-footer internal-blogcard-footer cf">
<div class="blogcard-site internal-blogcard-site">
<div class="blogcard-favicon internal-blogcard-favicon">
<img data-src="https://www.google.com/s2/favicons?domain= https://●●●.or g" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image lozad lozad-img" loading="lazy" width="16" height="16" src="https://www.google.com/s2/favicons?domain= https://●●●.or g" data-loaded="true">
<noscript><img decoding="async" src="https://www.google.com/s2/favicons?domain= https://●●●.or g" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></noscript></div>
<div class="blogcard-domain internal-blogcard-domain">●●●.org</div></div></div></div></a>
https://notepad.pw/DiUWsqJFlT2G5ywCgybH
わいひら reacted
トピックスターター 2024年6月28日 12:30
トピックのタイトルや文内で「思うようになりません」と抽象的な表現で申し訳ありません。
正しくは、下記でお願いします。（他の内容で一度編集したので再編集できませんでした）
サブディレクトリ構成で 他のサブディレクトリへのリンクブログカードのサムネイルやタイトルが表示されない。
2024年6月28日 20:32
BのサイトではOGP画像は正しく設定されているのでしょうか？
Bのサイトのソースを開いて、
<meta property="og:image" content="～URL～">
のURLにはBのサイト内の画像が設定されているのでしょうか。
Aのサイトの設定をした後で、コピーしてBのサイトを作成していたりしたら、BのサイトにAのサイトの画像が指定されていることもあり得ると思いました。
またBのサイトでは何らかのアクセス制限を掛けていたりしないでしょうか。
タイトルが表示されないというのは、タイトルが取得できているのか気になりました。
トピックスターター 2024年6月28日 21:48
はるさま
ご回答ありがとうございます。
BのサイトのOGP画像は正しく設定されていると思います。
ソースは、
<meta property="og:image" content="https://●●●.org/bbb/wordpress/wp-content/uploads/2024/06/○○.png">
でOGP画像URLをクリックするとBのOGPホームイメージに設定した画像が出ます。
またBのサイトにはアクセス制限は掛けていません。
トピックスターター 2024年6月28日 22:04
まったく違うドメイン（○○○.com）（Cocoon使用）からBのサイトにリンクブログカードを設定すると
正常に外部リンク（external-blogcard）でサムネイルやタイトルが表示されます。
サブディレクトリ構成でAサイトからBサイトにブログカードを設定すると内部リンク（internal-blogcard）になるのですが、これは正常でしょうか？
違うドメイン（○○○.com）からBのサイトへのリンクブログカード（デベロッパーツール表示）
<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a rel="noopener" target="_blank" href="https://●●●.org/bbb/?p=8101" title="○○一覧" class="blogcard-wrap external-blogcard-wrap a-wrap cf">
<div class="blogcard external-blogcard eb-left cf">
<div class="blogcard-label external-blogcard-label"><span class="fa"></span></div>
<figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://●●●.org/bbb/wordpress/wp-content/uploads/2022/08/Files.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90"></figure>
<div class="blogcard-content external-blogcard-content">
<div class="blogcard-title external-blogcard-title">○○一覧</div>
<div class="blogcard-snippet external-blogcard-snippet">クリックすることにより、該当に繋がります。...</div></div>
<div class="blogcard-footer external-blogcard-footer cf">
<div class="blogcard-site external-blogcard-site">
<div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain= https://●●●.org/bbb/?p=810 1" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16"></div>
<div class="blogcard-domain external-blogcard-domain">●●●.org</div></div></div></div></a>
</div>
2024年6月28日 22:09
https://notepad.pw/DiUWsqJFlT2G5ywCgybH
最初の上記の状態のHTMLを見ると、内部ブログカードとして、作成されています。
<a href="https://●●●.org/bbb/?p=8101" title="" class="blogcard-wrap internal-blogcard-wrap a-wrap cf">
実際には別サイトなんですよね？
内部ブログカードとして判定されているため、投稿ID等の情報も自サイトから取得しようとして、そして何も取得できないという状態なのではないでしょうか。
（当該投稿IDが、自サイトに存在しない）
2024年6月28日 22:25
●原因
先述の通り。
投稿本文中のURLから、外部URLか、同一URLか判断している。
同一ドメインの為、内部ブログとして処理される。
この為、ogタグから情報を取得しせず、urlから投稿IDを取得し、カードを作成する。
結果、正しく情報が取得できない。
2024年6月28日 22:28
ご連絡いただきありがとうございます。
同じような環境を作成して不具合を確認しました。
修正版をGitHubにアップしておきました。
よろしければ、ご確認いただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2024年6月28日 22:28
修正している間にいっぱい書き込みが。
2024年6月29日 15:41
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。