Как правильно подключить и пользоваться с Locize?
Всем привет!Сразу скажу что я первый столкнулся с такой задачей с такими инструментами, я сделал мультиязычность с помощью WP и ModxRevo но сейчас у меня простой статический сайт на базовых вешах(многостраничник, pug(html),scss(css),js). Стоит задача делать мультиязычность на сайте, в один из форумах предлагали инструмент i18next. На просторах интернета ненашел гайд простого использование, все уроки связаны с React-ом или Angular-ом, а у меня простой html/css сайт. Да, делать мультиязычность на таком проекте не кофильфо но у меня нету другого варианта(надо создать сайт без CMS и без backend-а). Я нашел один способ с JavaScript-ом:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Multiple Languages with Jquery and Json</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var arrLang = {
'en': {
'text': 'This is my text in english'
},
'ru': {
'text': "Этот текст на русском"
}
};
// Process translation
$(function() {
$('.translate').click(function() {
var lang = $(this).attr('id');
$('.lang').each(function(index, item) {
$(this).text(arrLang[lang][$(this).attr('key')]);
});
});
});
</script>
</head>
<body>
<button id="en" class="translate">Eng</button>
<button id="ru" class="translate">Ru</button>
<p class="lang" key="text">This is my text in english</p>
</body>
</html>Но проблема заключается в том оно слишком трудно для контент менеджера, поэтому искал альтернативные способы и наткнулся на locize. Подключил, создал язык и перевожу но как теперь добавить функционал перевода, вообще как работать с этим инструментом, как разработчик? P.S можете предлагать другой вариант для этой задачи.