お疲れ様です。Cocoon使用者の一般ピーポーですが、どうしても気になる？ってか不明点が多々ありまして。

実際にWordPressの記事：エディタにかいた文字列がどんなものか、今もですが

前回も不明です。

前回はどんな感じかも不明ですが、今見た感じでしたら

ツイッターの引用が連呼状態。これは前回とおなじでしょうか？　※前回、詳細な情報が分からないので、不明なままお伺いしてます。

なぜ

『合わせて読みたい』

のカスタマイズがされているのか？ですが、その辺、機能を駆使されたのか？何かしらしたかどうか？

Twitterの引用の重ねわざで、どこか狂ってしまった可能性として。ブログカードになってしまった部分の段落に、段落を加えてみるとどうかなるか？など試せばどうなるか？

あと何をためされたのか

平気だったけどその間に何か状況の変化；プラグイン・テーマ・wpの更新、どのに原因があるか。

不明点がたくさんあります。ご自身も同じ状況だとおもいます。それ以上に何をおこなったのか、コチラはもっと不明でもあるので、イロイロ試す必要がある気もします。

前回を見ると色んな人がチェックされたようですが、そのようにならないんですよね。って事で

• プラグインの影響なのか？
• 書きかた：ツイッターURLの段落連呼でTwitter側の引用がおかしくなったのか？
• 他、そうなるサイトの共通点とか

なにかありますか？

同じ投稿内容でテストしようと思うので、よろしければ以下の方法で、記事のソースコードをいただいてよろしいでしょうか。
https://wp-cocoon.com/notepad-pw/

わいひら様

ご返信ありがとうございます。

ソースコードURLを作成しましたので添付します。

http://ur0.link/OnBn

（一度公開すると削除できないとのことなので、こちらも期限付きの短縮URLで失礼致します）

何卒よろしくお願い致します。

かうたっく様

お世話になっております。

＞実際にWordPressの記事：エディタにかいた文字列がどんなものか、今もですが前回も不明です。

「エディタに書いた文字列」というのは具体的にどの部分になりますでしょうか？

実際の記事URLとソースコードを今回添付させていただきました。

＞前回はどんな感じかも不明ですが、今見た感じでしたらツイッターの引用が連呼状態。これは前回とおなじでしょうか？　※前回、詳細な情報が分からないので、不明なままお伺いしてます。

前回も今回も、複数のツイッター投稿を連続で埋め込み引用しております。

基本的にツイッター埋め込みは連投することが多いですが、個数は毎回違います。

また連投しても全く問題のないものがほとんどで、今回のような現象が起こるのは稀です。

＞なぜ

＞『合わせて読みたい』

＞のカスタマイズがされているのか？ですが、その辺、機能を駆使されたのか？何かしらしたかどうか？

こちらはWEB上で公開されているコードを参考に、『外観＞テーマの編集』からcocoon子テーマのCSSを上書きしております。

※下記サイトのコードをコピペしております。

https://s41t0h.jp/cocoon-blogcard/

＞Twitterの引用の重ねわざで、どこか狂ってしまった可能性として。ブログカードになってしまった部分の段落に、段落を加えてみるとどうかなるか？など試せばどうなるか？

段落は加えても削除しても、問題解決しておりません。

また前回投稿させていただきましたように、一度問題が発生したツイッター投稿では同じ埋め込み直したり別の記事に丸々同じ内容をコピペしても直りません。

そもそも段落を加えずに投稿した状態で当初は問題がなく表示されているところ、ある日改めて見てみると現象が発生していますので、段落起因ではない別のトリガーがあるのかと推測しています。

＞あと何をためされたのか

＞平気だったけどその間に何か状況の変化；プラグイン・テーマ・wpの更新、どのに原因があるか。

こちらはいつ事象が発生していたのかわからないのですが…記事を投稿してから問題を確認するまでかなり時間が空いていますので、その間にプラグインやテーマ、WPの更新は全て行っていると思います。

その他共通点等は…正直推測が付きません。

ただ基本的には色々サイトを運営する中でほぼ同様の設定（導入プラグイン等）にしていまして、cocoon以外では同じプラグインを導入していても今回のような事象が起きているサイトがありませんので、cocoonと何かしらのプラグインや設定等が干渉しているかとは思います（ただしプラグインに関しては前回時点で全停止しても変わりませんでした）。

以上、よろしくお願い致します。

＞実際にWordPressの記事：エディタにかいた文字列がどんなものか、今もですが前回も不明です。

「エディタに書いた文字列」というのは具体的にどの部分になりますでしょうか？

実際の記事URLとソースコードを今回添付させていただきました。

はじめの時点ではHTMLがありませんでした。

こちらでみれるのは展開されたHTMLです。それでは、どのように書いている不明と言うことでした。

クラシックエディタを使ってCSSを追加した状態で、テスト干渉で確認してもキチンと表示されたし、連続Twitter部分のみ記事に書いても問題ない状態です。

特に書きかたも変な所がないようにも思います。

cocoonと何かしらのプラグインや設定等が干渉しているかとは思います（ただしプラグインに関しては前回時点で全停止しても変わりませんでした）。

上記どおり同じようにならないんですよね。Cocoonブログカードの外部リンクも有効にしてるのですが。

プラグインとCocoonの干渉のほか、プラグイン同士とCocoonの干渉（どちらか1つであれば干渉しない）などもあったり、一時的に出たけどそれ以降は何の問題もないなど…それだけでなくほか、色んな場合があると思います。

なのでプラグインのない状況+カスタマイズが無い状況でご確認いただく（親テーマ状態での意味）のが王道かなっと思ったり。

あとはエックスサーバーの高速化が3つありますが、以下の設定をチェックしてOFFになっている状況で再度確認する以外には思い当たりません。

• キャッシュの削除を行ったり
• mod‗pagespeed（おそらくOFF）を停止したり
• ブラウザのキャッシュをOFFの状況

問題のブログで

• 外部ブログカードをオフにしてみる
• テーマをCocoon以外にしてみる

は試されましたか？

個人的な印象としてはWordPressが置換出来ずに取りこぼしたURLをCocoonがブログカードに置換しているだけで、Cocoonが悪さをしている感じがしないんですよね…。

僕の環境では、問題なく表示されているようです（添付画像）。
かといって、URLの記載方法も問題ないようです。
一番怪しいのは、Jetpackプラグインなんですよね。
以前Jetpackには、埋め込み機能があったので。
なので、もう一度以下のことを試してみていただいてよいでしょうか。

1. Jetpackを無効にする（面倒かもですが）
2. 該当投稿のビジュアルエディターで埋め込み表示されているか確認
3. 公開ページの表示状態を確認する
4. ブログカードで表示される場合は投稿を再ポストで確認する
5. まだブログ数表示される場合は、同じ投稿内容でテスト的に新しく投稿してみて不具合が再現されるか確認する（確認後は削除）

まずは、問題の切り分けとして草村さんが書かれた「外部ブログカードの無効」は最初に試していただければと思います。

皆様ご返信ありがとうございます。

わいひら様 ＞

ご教示頂きました手順のテストを行いましたので結果をまとめて記載します。

１．外部ブログカードを無効化

→問題部分のツイッターのみ、埋め込み表示ではなくURL直書きの文字列として表示されました

２．Jetpackの無効化

→記事編集画面のビジュアルエディタ上ではJetpackの有効・無効化に関わらず問題のツイッターも正常に埋め込みとして表示されていました。

しかし実際の投稿ページではやはり埋め込みにはならず、この時点では外部ブログカードを無効化しているためURL文字列で表示されていました。

※この時点でいったん外部ブログカードをONに戻してみました

３．同投稿内で一度全て切り取り、再貼り付け後に更新

→状況は変わらずでした。

４．全く同内容で別記事として再投稿

→既存の記事のソースコードを全コピペ、新規投稿作成にて貼り付けすると正常に表示されました。

※現在は削除済みです

上記内容を総合すると、草村様の仰るようにWordPressでたまたまうまくツイッター埋め込みとして処理できなかったものがcocoonの外部ブログカード機能で処理されているような状況でしょうか。

そうなるとcocoon側としては外部ブログカードをOFFにするしか対応がないですか…？

OFFにしていればうまく表示されないときも最悪はただURLの記述になるだけなので今より見た目は違和感なくマシですし。

ただ今回の投稿記事も、前回フォーラムで報告させていただいた投稿記事も、元々は全て正常に埋め込み表示されていたものがあるとき気がつけば正常に表示されずURL表記になっているようなので…

完全にランダム？WordPressの気分？で表示できる・できないが変わると使いづらいですね…。

cocoon単体の問題では無さそうなので根本的解決は中々難しいかもしれませんが、外部ブログカードの表示も素敵な機能だと思いますので、埋め込みを埋め込みとしてしっかり制御できたら一番良いのですが。

外部ブログカードを停止状態にした投稿のキャプチャも添付しておきます。

１．外部ブログカードを無効化
→問題部分のツイッターのみ、埋め込み表示ではなくURL直書きの文字列として表示されました

２．Jetpackの無効化
→記事編集画面のビジュアルエディタ上ではJetpackの有効・無効化に関わらず問題のツイッターも正常に埋め込みとして表示されていました。

これらを見る限りでは、僕も草村さんと同様の推測になってしまいます。

「WordPress Twitter embed 表示されない」等で不具合を検索してみると、以下のようなものがヒットしました。
https://hyperts.net/wordpress-oembed-problem/
shthshさんの環境でも、TinyMCE Advancedを利用されているようなので、このプラグインとJetpackを無効にして投稿の更新をしてみて確認していただけますでしょうか。
全てのプラグインを無効にしてもダメだったみたいなので、この違うのかもしれませんが一応。

わいひら様

ご返信いただきありがとうございます。

こちら確認が遅くなりまして申し訳ございません。

ご指示いただきましたJetpackとTinyMCEを停止して確認してみましたが、変わらずでした…。

何が原因かは不明ですが、やはりWordPress側で一部のツイッター埋め込みが正常に処理できなくなることがあって、それをcocoonが拾ってしまうとブログカードになってしまう…ということのようです。

最初から埋め込みできないならまだしも、最初は正常に埋め込みできているものがあるとき正常に機能しなくなる…という状況のせいで対処に困る感じですね…（しかもビジュアルエディタ上では正常に埋め込み表示されているのが余計に？？？状態で）。

根本的な対策はないのかもしれないのですが、cocoon側でブログカードの表示方法（URLの記述方法）を変更するなど、万一埋め込みが機能しない場合にもURLをブログカードとして拾わないように今後対応できそうであればご検討いただけますと幸いです。

どういう条件で、WordPressが埋め込み化できないかなどの、詳細な再現方法がわからないと、対応は難しいと思います。
自分の環境で不具合が再現できるものなら、トライ＆エラーしながら改善することは可能かもしれませんが、推測ではちょっと対応できないと思います。

お疲れ様です。

個人的にこの件の謎が気になっていて結局私も原因はよくわからないのですが、
WordPressが置換出来なかったURLを埋め込みツイートに置換出来る(かもしれない)コードを作成しました。

解説など長くなったのでブログで公開させていただきました。
不具合が再現出来ないので実際に上手く動作するかは不明です。
なので、もし試してみてもいいよって感じでしたらご確認ください。
https://web.monogusa-note.com/wordpress-twitter-replace

などと、コードを考えている途中で埋め込みがデータベースにキャッシュされている事がわかりました。
https://moriawase.net/blogcard-cache-delete

テスト環境で試した所、エディターと投稿でキャッシュが別に保存されているようでした。
もしかするとキャッシュを削除すればまたツイートを取得してくれるかもしれません。
ただ、なぜ途中でツイートが置換されなくなったのかは不明なので関係ないかもしれません。
※もしデータベースから削除される場合は他の大事なデータを消失しないよう慎重に行ってください。

長くなりましたが参考になれば幸いです。

草村様

ご返信ありがとうございます。

さっそくコードを子テーマのfunctions.phpに張り付けたところ、埋め込みに置換されて表示されました！ありがとうございます！

スマホだとURL直書きと埋め込みコードのサイズ違いも無いですし、直書きで埋め込み処理に失敗してURLの文字列になっているだけよりも断然見栄えが良くなりました。

本当にありがとうございます。

こちらこそお試しくださりありがとうございました！

サイズの件ですがPCから見ると幅が少し違うようですね。
WordPressが出力する埋め込みの方は幅が指定されているみたいなのでコードの修正をしておきました。
↓が修正箇所になります。URLに引数を追加しています。

$json_url = 'https://publish.twitter.com/oembed?maxwidth=550&dnt=true&url='. urlencode($url);

これで多分幅が揃うかと思います。

根本的な原因がわからないままなのは気になる所ですが上手く動作したようでよかったです！

草村さんありがとうございます！
僕だったら、思いつかない方法です。
埋め込みデータもキャッシュ化されているとは知りませんでした。

それにしても、草村さんのサイトのカスタマイズ綺麗ですごく参考になります。
olを使ったタイムラインの表現方法とか、目から鱗です。

草村様

修正版のコードを使ったところPC版の幅も綺麗に揃いました！

本当にありがとうございました！

わいひらさん＞
リストのタイムラインは自分で装飾したので嬉しいです(*^^*)
お褒めの言葉をありがとうございます！

shthshさん＞
修正後のコードでもちゃんと機能したようでよかったです！
今後また修正等あれば修正履歴に詳細を残しておきます。

お疲れ様でした！