ツイッター、インスタの埋め込みについて



  • 個別記事にツイッターやインスタの情報を記載するのに最適なやり方がわかりません。
    jinで推奨されているSNSの貼り付け方を教えてください。

    ■ツイッター

    ・直接ツイッターのURLを貼る
    ・埋め込みコードを貼る

    ツイッター埋め込みの際に、2つのやり方で推奨はどちらですか?

    埋め込みコードをテキストモードで貼ると、複数埋め込みした場合に
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    ↑のコードが消えてしまいます。

    ■インスタ

    インスタは埋め込みコードを貼ると、正常に表示されなくなる現象が出てしまいます。
    WP管理者が埋め込みして、記事公開すると正常に表示されるのですが...
    WP投稿者が埋め込みすると、上手く表示されません。

    上手く表示される方法を教えてください。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.6.2
    ご利用のサーバー名 : ヘテムルサーバー
    PHPのバージョン : 7.4
    OS : window10
    ご利用のブラウザ : グーグルクロム
    該当サイトのURL :


  • administrators

    @ikeya1120 さん

    ツイッター埋め込みの際に、2つのやり方で推奨はどちらですか?

    結論から言うとどちらでも大丈夫です。
    僕の方でやってみたのですがどちらも正常に反映されたので。。

    また、埋め込みモードで複数埋め込みましたがコードが消えるという現象はこちらでは確認できませんでした。
    問題が解消されない場合は実際のURLを共有いただけますとさいわいでsy。

    インスタは埋め込みコードを貼ると、正常に表示されなくなる現象が出てしまいます。

    こちらなのですが、これはWordPressのセキュリティの関係で管理者以外はiframe系の投稿ができないような仕様になっています。
    なのでこちらを解消するには以下記事を参考を@ikeya1120 さん自身で設定していただく必要がございます。

    https://himariko.com/wp-toukousya-insta-4563

    お手数おかけいたしますが、よろしくお願い致します。



  • https://himariko.com/wp-toukousya-insta-4563
    ↑の記事で推奨されているプラグインを入れたら、インスタ、ツイッターの埋め込みも解決できました!
    教えてくださりありがとうございます。

    ちなみに、インスタを表示させる場合は「埋め込み」ではなくツイッターのように直接URLを入れて表示はできないでしょうか?


  • administrators

    @ikeya1120 さん

    無事に解決できたようで何よりです!

    ちなみに、インスタを表示させる場合は「埋め込み」ではなくツイッターのように直接URLを入れて表示はできないでしょうか?

    基本的には問題ないと思うのですが、

    https://ja.wordpress.org/support/topic/instagram投稿の埋め込みについて/

    上記のスレッドが役に立つかもです!
    WAFの設定かプラグイン周りで解決できるかもなのでここを詳しくみていただけると解決が早いかと思います!