BarbaでX(旧 twitter)がうまく表示できない記事からjetpackを使った時にうまく読み込めない埋め込み系をまとめました。
なんでもかんでも埋め込んで記事を豪華に見せるのはダメな気がしますし、結局毎回このスクリプトたちを読み込むのもナンセンスな気がしますがとりあえずBarbaをwordpressに導入しておきたい方もいると思うので書いておきます。
barba.hooks.after(() => {
//wordpressの記事埋め込み
var instascript = document.createElement("script");
instascript.setAttribute("async", "");
instascript.setAttribute("charset", "utf-8");
instascript.src = "https://www.instagram.com/embed.js";
document.body.appendChild(instascript);
console.log("鳥越マリ");
//X(旧twitter)の埋め込み
var twscript = document.createElement("script");
twscript.setAttribute("async", "");
twscript.setAttribute("charset", "utf-8");
twscript.src = "https://platform.twitter.com/widgets.js";
document.body.appendChild(twscript);
console.log("岸部一徳");
//wordpressの記事埋め込み
var wpemscript = document.createElement("script");
wpemscript.setAttribute("async", "");
wpemscript.setAttribute("charset", "utf-8");
wpemscript.src = "//c0.wp.com/c/6.3.1/wp-includes/js/wp-embed.min.js";
document.body.appendChild(wpemscript);
console.log("蟹江敬三");
//tiktokの記事埋め込み
var tktkscript = document.createElement("script");
tktkscript.setAttribute("async", "");
tktkscript.setAttribute("charset", "utf-8");
tktkscript.src = "https://www.tiktok.com/embed.js";
document.body.appendChild(tktkscript);
console.log("風吹ジュン");
});
結局は、ひとつのスクリプトのコピペです。コンソールに昭和の芸能人が出力される部分は確認用なので確認が終わったら消してください。