現象
ハーメルンのURLを張り付けた時にハーメルンからOGP情報がうまく取得出来ず、
ブログカードがJust a moment…表示になってしまう現象が発生。ちょっと格好が悪い。
100個以上書き直さないといけないので時間みてこれから少しずつ直していきます。
対処法
URL直接貼り付けではなくブログカードブロックからURLの入力を行う。
試行錯誤の蛇足
上手く表示出来ているページからHTMLコード自体をコピーしてきて加工する力業
↓ こうなってくれた
<a rel=”noopener” href=”https://syosetu.org/novel/259249/” title=”リィンカーネーションダービー ‐新人トレーナーがんばる‐ – ハーメルン” class=”blogcard-wrap external-blogcard-wrap a-wrap cf” target=”_blank”><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 data-src=”https://img.syosetu.org/ogp_259249” alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image lozad lozad-img” loading=”lazy” width=”160″ height=”90″ /><noscript><img decoding=”async” src=”https://img.syosetu.org/ogp_259249” alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image” width=”160″ height=”90″ /></noscript></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 data-src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/259249/” alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image lozad lozad-img” loading=”lazy” width=”16″ height=”16″ /><noscript><img decoding=”async” src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/259249/” alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image” width=”16″ height=”16″ /></noscript></div><div class=”blogcard-domain external-blogcard-domain”>syosetu.org</div></div></div></div></a>
↓ 赤字箇所をその小説IDに改変
<a rel=”noopener” href=”https://syosetu.org/novel/319756” title=”全滅エンドを死に物狂いで回避した。パーティが病んだ。 – ハーメルン” class=”blogcard-wrap external-blogcard-wrap a-wrap cf” target=”_blank”><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 data-src=”https://img.syosetu.org/ogp_319756” alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image lozad lozad-img” loading=”lazy” width=”160″ height=”90″ /><noscript><img decoding=”async” src=”https://img.syosetu.org/ogp_319756” alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image” width=”160″ height=”90″ /></noscript></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 data-src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/319756/” alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image lozad lozad-img” loading=”lazy” width=”16″ height=”16″ /><noscript><img decoding=”async” src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/319756/” alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image” width=”16″ height=”16″ /></noscript></div><div class=”blogcard-domain external-blogcard-domain”>syosetu.org</div></div></div></div></a>
<a rel=”noopener” href=”https://syosetu.org/novel/213247” title=”Just a moment…” class=”blogcard-wrap external-blogcard-wrap a-wrap cf” target=”_blank”><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 data-src=”https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsyosetu.org%2Fnovel%2F213247?w=160&h=90″ alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image lozad lozad-img” loading=”lazy” width=”160″ height=”90″ /><noscript><img decoding=”async” src=”https://s.wordpress.com/mshots/v1/https%3A%2F%2Fsyosetu.org%2Fnovel%2F213247?w=160&h=90″ alt=”” class=”blogcard-thumb-image external-blogcard-thumb-image” width=”160″ height=”90″ /></noscript></figure><div class=”blogcard-content external-blogcard-content”><div class=”blogcard-title external-blogcard-title”>Just a moment…</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 data-src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/213247″ alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image lozad lozad-img” loading=”lazy” width=”16″ height=”16″ /><noscript><img decoding=”async” src=”https://www.google.com/s2/favicons?domain=https://syosetu.org/novel/213247″ alt=”” class=”blogcard-favicon-image external-blogcard-favicon-image” width=”16″ height=”16″ /></noscript></div><div class=”blogcard-domain external-blogcard-domain”>syosetu.org</div></div></div></div></a>
ブログカードがうまく表示出来てないときのHTML
ぶちこみ前後
コメント
Cocoonのバージョンが2.7.0.2ではありませんか？
古すぎます。
その間にブログカードの問題があり、対策しています。
最新の2.7.7にした場合、ブログカードは表示されました。
コメント頂きありがとうございます。Cocoonのバージョンはご記載の最新2.7.7になります。
このハーメルンのサイトのみブログカードが表示されないという趣旨になりCocoon側の問題ではないと思慮しております。
以下のURL(先頭を大文字に変更しています)ですが、「ブログカード」ブロック入力し際、改変結果のように表示されます。
ｈttps://syosetu.org/novel/319756/
「ブログカード」ブロックからの入力でこちらも表示確認できました。
記事の内容も差し替えさせて頂きます。こちらのブログのコメントまで頂きまして誠にありがとうございました！
解決してよかったです。
問題がある場合、Cocoon公式フォーラムに投稿願えればと思います。
フォーラムへのご案内についてもありがとうございます。承知致しました。