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



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

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

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

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

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

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

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

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

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

Код
 
<script src="/js/google-translate.js"></script>
<script>
$(document).ready(function() {
$('#111').trigger('click');
}); /* 111 - ID которое вы можете изменить на удобное для вас */
</script>

 

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

Код
<div id="google_translate_element"></div>
<div align="center">
<a href="#" id="111" name="111" onclick="doGTranslate('ru|uk');"> <!-- Переводим сайт с русского на украинский -->
<img src="/lang/lang_uk.png"></a>
<a href="#" onclick="doGTranslate('ru|en');"> <!-- Переводим сайт с русского на английский -->
<img src="/lang/lang_en.png"></a>
<a href="#" onclick="doGTranslate('ru|ru');"> <!-- Возврат на русский -->
<img src="/lang/lang_ru.png"></a>
</div>

 

Cуть проста, сайт при заходе человека автоматически переводится с русского на украинский, а если надо сделать можно на любой. И еще если вам нужно добавить перевод другого языка, просто добавляете перед закрывающимся тегом div две последних строки. Их можно просто скопировать. Затем меняете ru|en например на ru|de, таким образом сайт переводится на немецкий. Узнать другой язык можно в таблице ISO 639-1. Ну и путь файла к новому флажку тоже заменяем. Если у вас не работает выше описанное, подключайте библиотеку jQwery к сайту !

2023-03-26 | 212 | О создании сайта | Гость


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

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