создание и продвижение сайтов, установка систем видеонаблюдения, настройка и ремонт компьютера, беспроводная сигнализация, домофон в дом, сети и вайфай, бесплатная консультация


ru uk en

Главная » О создании сайта » Переводчик на сайт, как сделать просто, с 16 июля все сайты на государственном языке
ОТСЛЕЖИВАТЬ

Переводчик на сайт, как сделать просто, с 16 июля все сайты на государственном языке

16 июля 2022 года, вступает в силу Закон Украины, Об обеспечении функционирования украинского языка как государственного, регламентирующих использование в сети Интернет и языки интерфейсов компьютерных программ, установленных на товарах. Об этом напомнил языковой омбудсмен Тарас Кремень.

Теперь о том как реализовать это быстро и просто, ну начнем с того что перевод гугл с русского на украинский более чем на хорошо. Хоть поддержка скрипта перевода стала недоступной, некоторые функции остались и работают. Например у меня почти 500 статей и перевести все вручную это очень много времени.

Как реализовать подобное ? Или что для этого нужно, первое сохранить файл google-translate.js. Создаем в корне сайте папку с именем js и туда загружаем, чаще эта папка уже существует. Для флажков аналогично lang, визуально очень понятно (есть выше у меня на сайте, просто сохраняйте), или делаем надписи для понимающих в коде и CSS. То есть перевод русский, украинский, английский. 

Чтобы отредактировать файл google-translate.js можно использовать бесплатный редактор Notepad++, иногда нужно поменять кодировку так-как показывает крякообразы. 

Код нужно установить на всех видимых для посетителей страницах сайта !

Далее в код cайта перед закрывающимся тегом head вставляем. ⤵

Код
 
<style type="text/css">
 body { top: 0px !important; } /* Убираем отступ который выставляет скрипт */
 .skiptranslate { display: none !important; } /* Скрываем гугловский навбар с выбором языка */
</style>

Сразу после закрывающимся тега head перед открывающимся тегом body вставляем. ⤵

Код
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>    
<script src="https://translate.google.com/translate_a/element.js?cb=TranslateInit"></script> 
<script src="/js/google-translate.js"></script>

В первой строке кода выше указана библиотека jQwery, в некоторых случаях она уже подключена к сайту, изучайте вашу систему управления !

 

После в то место кода где должны отображаться флаги вставляем такой код. lang папка на сайте с флагами перевода, lang_*.png изображения флага. ⤵

Код
<div id="google_translate_element"></div> 
<div align="center">
<div class="language">
<img src="/lang/lang_ru.png" alt="ru" data-google-lang="ru" class="language__img">
<img src="/lang/lang_uk.png" alt="uk" data-google-lang="uk" class="language__img">
<img src="/lang/lang_en.png" alt="en" data-google-lang="en" class="language__img">
</div></div>

 

И еще, если вам нужно добавить перевод другого языка, просто добавляете перед закрывающимся тегом div  последнею строку, можно просто скопировать. Затем меняете en например на de, таким образом сайт переводится на немецкий. Не забудьте добавить иконку флажка Германии ! Мало того в файле google-translate.js а именно в 25 строке нужно добавить de. И если язык загрузки по умолчанию сайта другой, измените его в строке 8 !

Узнать кодировку другого языка можно в таблице ISO 639-1

2024-03-29 | 455 | О создании сайта | Гость


Вопрос от гостя ON-LINE помощь Комментировать

Комментарии (0):
avatar