Николай | Дата: Понедельник, 13.11.2023, 12:23 | Сообщение # 1 |
Генерал-лейтенант
Страна:
Город:
Группа: Администраторы
Сообщений: 592
Награды: 6
загрузка наград ...
Репутация: 2
Статус: Offline
| Как реализовать подобное ? Или что для этого нужно, первое сохранить файл google-translate.js. Создаем в корне сайте папку с именем js и туда загружаем, чаще эта папка уже существует. Для флажков аналогично lang, визуально очень понятно (есть выше у меня на сайте, просто сохраняйте), или делаем надписи для понимающих в коде и CSS. То есть перевод русский, украинский, английский.
Чтобы отредактировать файл google-translate.js можно использовать бесплатный редактор Notepad++, иногда нужно поменять кодировку так-как показывает крякообразы.
https://xn--80aah7al.com/js/google-translate.js
Далее в код 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="https://галан.com/lang/lang_ru.png" alt="ru" data-google-lang="ru" class="language__img"> <img src="https://галан.com/lang/lang_uk.png" alt="uk" data-google-lang="uk" class="language__img"> <img src="https://галан.com/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.
Код нужно установить на всех видимых для посетителей страницах сайта !
|
|
| |