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("風吹ジュン");
});

結局は、ひとつのスクリプトのコピペです。コンソールに昭和の芸能人が出力される部分は確認用なので確認が終わったら消してください。

執筆者

Posted by zipless

Leave a comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Related Posts

墨田区
ウェブデザイン作りたくない
Menu