Twitterの投稿がブログカード or 背景がグレーになってしまう。



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

    記事中にいくつかの方法でTwitterの投稿を貼ったのですがうまく表示されず困っています。

    ①Twitterの投稿のコードをコピーし、テキストエディタに貼り付け
    →背景がグレーになる

    ②投稿のURLをコピーし、ビジュアルエディタに貼り付け
    →Wordpressのビジュアルエディタ画面では理想の形で表示されるが、実際の記事中では「こちらも参考に!」のブログカードになってしまう。

    〈①、②のビジュアルエディタ画面の写真〉
    0_1602638983517_スクリーンショット 2020-10-14 10.24.26.png

    〈投稿後の状態〉
    0_1602639033796_スクリーンショット 2020-10-14 10.28.28.png

    出来るだけ簡単な直し方を教えていただけたら幸いです。
    宜しくお願い致します。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.5.1–ja
    ご利用のサーバー名 : Xserver
    PHPのバージョン : 5.6.40
    OS : Mac
    ご利用のブラウザ : safari
    該当サイトのURL : https://blog-mareeba.com/2020/10/04/rabbit-6/


  • administrators

    @mbo112591 さん

    こんにちは!
    JIN運営チームのりょうたです。

    まず確認したいのは、テスト的に記事を1つ作成(公開しなくて大丈夫です。)して背景がグレーになってしまうコードをエディターの「テキスト」で貼り付けてプレビューで確認して見てください。
    これでも背景がグレーになってしまう場合は、コードそのものが間違っているか、何かしらプラグインなどが干渉している可能性が高いです。

    綺麗に表示される場合は、コード自体は問題ないので埋め込み時に余計なタグが入り込んでしまっているのが原因かと思います。

    問題を特定したいのでまずは上記をご確認いただけますと幸いです。



  • この投稿が削除されました!


  • @Ryota
    お返事ありがとうございます。

    テスト記事を作成し、同様にコードをテキストエディターに貼り付け確認しましたが、やはり背景がグレーになってしまいます。

    宜しくお願い致します。


  • administrators

    @mbo112591 さん

    ご確認いただきありがとうございます。
    ということはコードが間違っているかプラグインが干渉しているかのどちらかですね。。

    一度そのテスト記事に新しく取得したコードを貼り付けていただき問題が解消するかご確認ください。
    それでも解決しない場合は全てのプラグインを一度停止していただき問題が解消するかご確認ください。

    https://gyazo.com/965d6f4e11d84b53a0bbc23be916bba6
    https://gyazo.com/4e1e447209617e22d69fa1d053d4c58e

    一応僕の方でテスト的に入れてみたらできたのでそれで解決するかと思います。。
    お手数お掛け致しますが、よろしくお願い致します。



  • この投稿が削除されました!


  • @Ryota
    お返事ありがとうございます。

    「Classic Editor」のプラグインを停止したところ問題が解決されました。
    お忙しい中、教えて下さりありがとうございました。