2019.08.21OpenClipart-VectorsによるPixabayからの画像ワードプレスの記事にツイートを載せることってありますよね。問題なく表示されているんですけど、このところツイートを載せてもただの「引用」の形になってしまう事が多発したのでしらべてみました。結論は補足ワードプレスの記事にツイートを載せるワードプレスの記事にツイートを載せるやり方は簡単で、個々のツイート(つぶやき)の右上の下向き矢印をクリック。そこから「ツイートを埋め込む」を選択。すると埋め込みコードが出てきますのでそれをコピーしてワードプレスの記事に貼り付けます。貼り付ける際は「ビジュアル」編集ではなく「テキスト」編集の状態で貼り付けます。普通はこれでうまくいくんですが、最近正常な表示にならない事がありました。見た目がただの「引用」の形になってしまう正常な状態の見た目はこんな感じですよね。みなさん、おなじみだと思います。見た目がただの「引用」の形になってしまうとこんな感じ。ツイッターのウィジェットが効いてない感じです。タイプではありませんさて何が起きているんだろうとブラウザのコンソールを開いてみます。気になったエラーメッセージは次のようなもの。スクリプトが読み込まれました。タイプではありません。”記事のURL/https:/platform.twitter.com/widgets.js”の読み込みに失敗しました。ツイッターのウィジェットを表示させるwidgets.jsが読み込まれていないらしいです。MIMEタイプの設定がおかしくてjavascriptが読み込まれないことはあるんですが、今回の事とは関係なかったのでMIMEタイプの説明は省きます。埋め込みコードを見てみるツイート用のjavascriptが読み込まれないようなので埋め込みコードを見てみます。dir=””ltr””>障害者手帳による割引、控除。知らないでいると損ですよね。うまく利用してください。charset=””utf-8””></script>変なのがわかりますか。文字列を参照している部分に注目をしてください。正常ならこうですよね。src=”https://platform.twitter.com/widgets.js”それがsrc=“”https://platform.twitter.com/widgets.js””半角の「”」の隣に全角の「”」が余分に付いてしまっています。試しにwidgets.jsを読み込む部分だけ直してみます。全角の「”」を取りました。ブラウザのコンソールを見るとエラーメッセージは消えていました。それだけじゃだめだったブラウザのコンソールのエラーメッセージは消えていましたが依然としてツイートの見た目がただの「引用」の形になっているのはそのままです。埋め込みコードの他の全角の「”」も取りました。結果は正常にツイートが表示されました。どの部分が関係しているのか調べるためにひとつひとつ全角の「”」を付けたり外したりしてみました。class="twitter-tweet"この部分だけちゃんと記述していれば見た目は正常に表示されます。ツイート内のリンク部分も参照先の文字列が全角の「”」が付いてしまった事で正常なリンク先ではなくなっているかと思いきや表示されたページのソースを見るとその部分は全角の「”」は削除されているようです。https:/platform.twitter.com/widgets.jsこれについては多分「ツイッターウィジェット」内ではないので全角の「”」はそのままだったみたいです。結論は結論はわからない・・です。して全角の「”」が付いてしまったのか、ワードプレスのモード「ビジュアル」と「テキスト」の切り替え時にそうなったのかと推測するしかないです。言うとhttps:/platform.twitter.com/widgets.jsこれが読み込めていなくてもツイートは正常に表示される。「ツイッターウィジェット」は生成されるということ。わからない事だらけですが、今回の問題、「見た目がただの「引用」の形になってしまう」問題が解決したのでここまでとします。「ワードプレスに貼り付けたツイートの見た目がただの「引用」の形になってしまう」問題をググっているといろんな理由でそうなってしまうようですね。今回の僕のような例はありませんでした。環境が特殊なのかもしれません。お役に立てなかったらすいません。以上「ワードプレスの記事にツイートを載せてもただの「引用」の形になってしまう」という記事でした。気に入ってもらえたらシェアしてくれると嬉しいです。