[js] WVON 多言語切り替え時のclass付与

最近WVONを入れる案件が増えてきた印象を受けます。
WVONによって言語切り替え時にレイアウトが崩れてしまう。。。なんて時にjsでclassを付与する方法を書かせていただきます。

WVONとは

WOVN.io
WOVN.io は、「世界中の人が、すべてのデータに、母国語でアクセスできるようにする」をミッションに、Web サイトを最大43言語・76のロケール(言語と地域の組み合わせ)に多言語化し、海外戦略・在留外国人対応を成功に導く多言語化ソリューションです。 大手企業をはじめ18,000サイト以上へ導入されています。

SCSS・JS

  
function langWovn() {
  let langWovnBody = document.getElementsByTagName('body');
  window.addEventListener('wovnLangChanged', function (evt) {
    var newLang = WOVN.io.getCurrentLang().code;
    if (newLang === "ja") {
      langWovnBody[0].classList.remove('is_langWovn');
    } else {
      langWovnBody[0].classList.add('is_langWovn');
    }
  });
}
$(function() {
  langWovn();
});

SNSシェア

WP TECH WordPress技術専門 Tips

コーポレートサイトへ

WP TECH WordPress技術専門 Tips

採用サイトへ