Как я могу сделать просмотр сайта на нескольких языках?

wordpress.stackexchange https://wordpress.stackexchange.com/questions/1905

  •  16-10-2019
  •  | 
  •  

Вопрос

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

Я обеспокоен тем, что предлагает многоязычный просмотр контента сайта, а не создание многоязычного контента.

Может ли это быть так же просто, как положить Google Translate Tools код на моем сайте? Я вижу, что есть по крайней мере а пара плагинов, которые предлагают эту функциональность - у кого -нибудь есть опыт с ними?

Это было полезно?

Решение

Если вы просто ищете способ просмотреть ваш сайт на других языках, я бы вызывал рекомендую использовать инструменты Google Translate. Я просто добавляю его в тему:

<div id="google_translate_element"><span id="trans">Translate: </span></div>

Вы можете скрыть логотип Google и фанки в своем CSS:

.goog-logo-link{display:none;}

Вместо того, чтобы называть Google Translate JS, я просто скопирую сценарий возврата и добавляю его в свой основной файл JS.

Редактировать

Google предоставляет код для вставки использовать на вашем сайте:

 <div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Первая строка: <div id="google_translate_element"></div> может быть размещен там, где вы хотите показать выпадающую коробку для перевода:

alt text

Раздел между первым набором <script> Теги - это варианты языка и макета. Последний набор <script> Теги вызывают больше JavaScript, который Google вставляет встроенный в ваш HTML во время загрузки DOM. Чтобы ускорить этот процесс и избежать дополнительного HTTP -запроса и встроенного скрипта, я удалил последний вызов и добавляю код, возвращенный Google в «Master» файл JS, который я использую, который содержит весь мой пользовательский JavaScript, объединенный в один файл. Код, который возвращает Google:

(function(){var d=window,e=document;function f(b){var a=e.getElementsByTagName("head")[0];a||(a=e.body.parentNode.appendChild(e.createElement("head")));a.appendChild(b)}function _loadJs(b){var a=e.createElement("script");a.type="text/javascript";a.charset="UTF-8";a.src=b;f(a)}function _loadCss(b){var a=e.createElement("link");a.type="text/css";a.rel="stylesheet";a.charset="UTF-8";a.href=b;f(a)}function _isNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)if(!(a=a[b[c]]))return false;return true}
function _setupNS(b){b=b.split(".");for(var a=d,c=0;c<b.length;++c)a=a[b[c]]||(a[b[c]]={});return a}d.addEventListener&&typeof e.readyState=="undefined"&&d.addEventListener("DOMContentLoaded",function(){e.readyState="complete"},false);
if (_isNS('google.translate.Element')){return}var c=_setupNS('google.translate._const');c._cl='en';c._cuc='googleTranslateElementInit';c._cac='';c._cam='';var h='translate.googleapis.com';var b=(window.location.protocol=='https:'?'https://':'http://')+h;c._pah=h;c._pbi=b+'/translate_static/img/te_banner_bk.gif';c._pci=b+'/translate_static/img/te_ctrl.gif';c._phf=h+'/translate_static/js/element/hrs.swf';c._pli=b+'/translate_static/img/loading.gif';c._plla=h+'/translate_a/l';c._pmi=b+'/translate_static/img/mini_google.png';c._ps=b+'/translate_static/css/translateelement.css';c._puh='translate.google.com';_loadCss(c._ps);_loadJs(b+'/translate_static/js/element/main.js');})();

Это в основном по причинам производительности, чтобы избежать дополнительного запроса, и избегает, чтобы веб -сайт должен был общаться с Google, если только язык не будет выбран из выпадающей коробки.

Выпадающая коробка может быть настроена с использованием CSS. Например, вот как я отображаю поле на сайте, на котором я его использовал.

alt text

Другие советы

Пожалуйста, посмотрите этот вопрос Лучшие практики локализации контента WordPress? Может, вы найдете решение из этих идей

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

http://www.qianqin.de/qtranslate/http://wordpress.org/extend/plugins/qtranslate/

Ваше здоровье

Лицензировано под: CC-BY-SA с атрибуция
Не связан с wordpress.stackexchange
scroll top