【WordPress】TwitterがXになってから、埋め込みがめんどい件
この記事では、2023年夏頃に「Twitter」が「X」になってから、「WordPress」にツイートを埋め込むのが少々めんどくさくなっている件について書きます。
Xは、変わることなさそうなので、WordPress側?僕が使っているテーマ側?が対応してくれればいいんですけども…。
僕は、たまに「X(旧Twitter)」のツイートを、「WordPress」の編集画面(ブロックエディター)に埋め込みたい時があります。
以前までは、「Twitter」のタイムライン上のツイート下部にある共有ボタン→「ツイートのリンクをコピー」をクリックして、そのまま「WordPress」の編集画面上に貼り付けるだけでした。
しかし、TwitterがXに変わってからは、コピーしたリンクを貼り付けても、正常に埋め込まれなくなりました。「このコンテンツを埋め込ませんでした」と、無効なURLを入力しちゃったときと同じ画面になります。
本記事では、なんで埋め込まれないのかの原因と、対処法について書きます。PCでブログ記事を書いている方向けの内容です。僕はスマホで記事を書かないので、スマホのほうはよく分かりません。
以前はできていたけど、「X」になってから埋め込みができなくなった方向けの内容です。元々できていなかった方向けではありません。最初からできなかった人は、多分「WordPress」のテーマが非対応なのか、「JavaScript」が読み込まれていないのか不明ですが、別の問題があると思います。
【原因】なんで埋め込みがうまくいかないのか
原因は、「ツイートのリンクをコピー」からコピーした場合、ドメインが「x.com
」になっているからです。
「X(旧Twitter)」側が、いきなりドメインを「twitter.com
」から「x.com
」に変えたせいで、「WordPress」、あるいは僕が使っているテーマ「Luxeritas(ルクセリタス)」がまだ対応できていないのか、貼り付けても、「X(旧Twitter)」のURLと認識してくれないようです。
<!--埋め込みがうまくいく旧Twitterドメイン-->
twitter.com
<!--埋め込みがうまくいかない新Twitterドメイン-->
x.com
つまり、「X(旧Twitter)」と認識してくれる「twitter.com
」のURLで貼り付けたら、正常に埋め込まれます。
【対策1】ツイートの詳細ページのアドレスバーからコピー
2023年11月29日(水)時点では、「ツイートのリンクをコピー」を押した場合のみ、URLが「x.com
」になる仕様です。アドレスバーのURLは、まだ「twitter.com
」です。
タイムライン上ではなく、ツイートをクリックして、詳細ページを開きます。
ツイートの個別ページを開いたら、アドレスバーをクリックして、URLが全選択されたら、コピー(Ctrl+C)します。
この状態だと、「twitter.com
」のURLでコピーされるので、そのまま「WordPress」のブロックエディター上に埋め込めます。
【対策2】「x.com」を「twitter.com」に直す
「ツイートのリンクをコピー」で、URLをコピーして埋め込むと、エラーが出ます。
この状態で、URLの「x.com
」部分を「twitter.com
」に修正します。他の部分は変えないよう注意です。修正できたら、「埋め込み」ボタンをクリックします。僕の環境だと、「再試行」を押しても無反応だったので、「埋め込み」のほうを押します。
正常に「X(旧Twitter)」のツイートと認識されて、埋め込まれます。
【余談】拡張機能を使うことで「twitter.com」でコピーできる
僕は、「Twitter UI Customizer」Chrome拡張機能・Firefoxアドオンを利用しています。
「X(旧Twitter)」のあちこちをカスタマイズできる拡張機能です。ツイート下部ボタンに、ワンクリックでリンクをコピーボタンや、ブックマークに追加ボタンを設置できます。不要なボタンは非表示にしたり、並び替えたりできます。めっちゃ便利です。
本拡張機能のバージョン3.8.0(2023年10月27日公開)から、リンクをコピーした時のドメインを選択できるようになりました。「twitter.com
」の状態でコピーできます。
詳しくは、下記記事を参考にしてみてください。
【余談】「Instagram」の埋め込みができない時の対処法
「Instagram」の場合、URLを貼りつけても「このコンテンツを埋め込めませんでした」と表示されて、埋め込めません。埋め込みコードを利用して、カスタムHTMLブロックに貼りつける必要があります。
詳しくは、下記記事を参考にしてみてください。
感想
以上、2023年夏頃に「X(旧Twitter)」が「X」になってから、「WordPress」の記事編集画面に埋め込むのがめんどくさくなった件でした。
恐らく、今は移行シーズンど真ん中で、まだ色々な整備が追い付いていないんだと思います。
「x.com
」を「X(旧Twitter)」と認識してくれない問題は、「WordPress」のアップデートで治るものなのか、「X(旧Twitter)」側の仕様変更で治るものなのかは不明ですが、早く一貫してほしいなと思います。
アドレスバーのURLは「twitter.com
」なのに、コピーした時は「x.com
」っておかしくない…?僕だけ…?
最後に、いくつか今後の動向が気になるリンクを貼っておきます。自分用のメモです。