Перейти к основному контенту

Как создать мультиязычный сайт на REG.Site

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

Создание мультиязычного сайта состоит из 3-х этапов:

  • установка плагина Polylang,
  • настройка мультиязычного сайта,
  • перевод сайта на нужные языки.
Обратите внимание
Плагин Polylang позволяет настроить на сайте переключатель языков, но не переводит текст на страницах сайта в автоматическом режиме. Чтобы текст страниц отображался на другом языке, нужно перевести его самостоятельно или у переводчика, а затем добавить вручную.

Этап 1. Установка плагина Polylang

  1. 1.
  2. 2.

    Нажмите на ПлагиныДобавить новый:

    мультиязычный сайт 1

  3. 3.

    В поисковой строке введите «Polylang», найдите нужный плагин в списке и нажмите Установить:

    мультиязычный сайт 2

  4. 4.

    После установки кликните Активировать:

    мультиязычный сайт 3

  5. 5.

    На странице настройки кликните на раскрывающийся список и выберите нужный язык.

    Обратите внимание: вы можете выбрать нужные языки в настройках WordPress на следующем этапе. Чтобы пропустить выбор языков, внизу страницы кликните Не сейчас.

    мультиязычный сайт 4

    Если вы хотите добавить ещё один язык, нажмите + Добавить новый язык и выберите нужный. После этого кликните Продолжить:

    мультиязычный сайт 5

  6. 6.

    Если вы хотите, чтобы Polylang переводил текст, прикрепленный к медиа-файлам, оставьте переключатель в положении ОN. Если вы хотите отключить настройку по умолчанию, переведите переключатель в положение OFF:

    мультиязычный сайт 6

  7. 7.

    Ознакомьтесь с информацией на странице и кликните Продолжить:

    мультиязычный сайт 7

  8. 8.

    Чтобы завершить настройку, нажмите Вернуться в консоль:

    мультиязычный сайт 8

Готово, теперь вы можете приступать к настройке мультиязычного сайта.

Этап 2. Настройка плагина Polylang

После установки плагина Polylang его нужно настроить в админке сайта. Для этого:

  1. 1.

    Перейдите в раздел Языки — Языки:

  2. 2.

    Назначьте язык по умолчанию (в нашем примере это Русский). Для этого из выпадающего списка выберите нужный язык и в поле «Порядок» укажите 1. Остальные поля заполнятся автоматически. Затем кликните Добавить новый язык:

  3. 3.

    Добавьте дополнительный язык (в нашем примере это English). Для этого из выпадающего списка выберите нужный язык и в поле «Порядок» укажите 2. Затем кликните Добавить новый язык.

    Обратите внимание: если вы хотите добавить несколько языков, в поле «Порядок» для каждого следующего языка указывайте порядковый номер по возрастанию (3, 4, 5 и т.д). Порядковые номера не должны повторяться.

    =1088x839

  4. 4.

    В разделе «Языки» перейдите на вкладку Настройки:

  5. 5.

    В поле «Модификации URL» кликните Настройки:

  6. 6.

    Проверьте, что отмечены пункты «Язык задаётся из названия директории в красивых постоянных ссылках» и «Исключить /language/ из постоянных ссылок», а также стоит галочка напротив пункта «Исключить язык по умолчанию из URL». Нажмите Сохранить изменения:

    Затем перейдите в раздел Настройки — Постоянные ссылки и внизу страницы кликните Сохранить изменения.

  7. 7.

    Вернитесь в раздел Языки — Настройки. В поле «Определить язык в браузере» нажмите Деактивировать:

  8. 8.

    Если вы планируете использовать плагин WooCommerce, в пункте «Произвольные типы записей и таксономии» нажмите Настроить и отметьте все пункты галочкой. Нажмите Сохранить изменения:

    мультиязычный сайт 17

  9. 9.

    В поле «Синхронизация» нажмите Настройки:

    мультиязычный сайт 18

    Отметьте все пункты галочкой и нажмите Сохранить изменения:

    мультиязычный сайт 19

  10. 10.

    Во вкладке «Переключатель языка» отметьте галочкой пункт «Языки» и кликните Добавить в меню.

    Обратите внимание: если на вашей странице нет вкладки «Переключатель языков», в правом верхнем углу кликните Настройки экрана и поставьте галочку напротив пункта «Переключатель языков».

    мультиязычный сайт 20

    В разделе «Структура меню» кликните на раскрывающийся список напротив пункта «Языки». Галочками отметьте пункты «Отображать в виде выпадающего списка», «Показывать название языков», «Отображать флаги» и кликните Сохранить меню:

    мультиязычный сайт 21

    Проверьте, что переключение языков появилось на сайте:

    мультиязычный сайт 22

    После этого сохраните изменения на странице.

Готово, вы настроили плагин Polylang. Теперь переходите к переводу страниц сайта.

Этап 3. Перевод сайта

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

  1. 1.

    Перейдите в раздел Страницы — Все страницы:

    мультиязычный сайт 23

  2. 2.

    В поле «Главная — Главная страница, Divi» кликните Изменить:

    мультиязычный сайт 24

  3. 3.

    В раскрывающемся списке в качестве основного языка выберите Русский. Затем в верхней панели нажмите Обновить. Чтобы вернуться в админку, кликните на кнопку WordPress:

    мультиязычный сайт 25

  4. 4.

    Перейдите в раздел Настройки — Чтение:

    мультиязычный сайт 26

  5. 5.

    В верхней панели наведите курсор на «Показать все языки» и выберите Русский. Нажмите Сохранить изменения:

    мультиязычный сайт 27

  6. 6.

    Вернитесь в настройки главной страницы сайта. Кликните на плюс напротив иконки языка, на который вы хотите перевести сайт:

    мультиязычный сайт 28

  7. 7.

    Укажите заголовок «Home» и нажмите Обновить. Чтобы вернуться в админку, кликните на кнопку WordPress:

    мультиязычный сайт 29

  8. 8.

    Вернитесь в Настройки — Чтение. В верхней панели наведите курсор на «Показать все языки» и выберите English:

    мультиязычный сайт 30

  9. 9.

    Напротив пункта «Главная страница» в выпадающем списке выберите Номе. Затем кликните Сохранить изменения:

    мультиязычный сайт 31

    Теперь при выборе английского языка через меню на сайте отображается новая страница:

    мультиязычный сайт 32

  10. 10.

    Чтобы наполнить страницу «Ноme» дизайном и контентом, перейдите в режим редактирования и нажмите Использовать конструктор глобальных блоков:

    мультиязычный сайт 33

  11. 11.

    Кликните КЛОН СУЩЕСТВУЮЩАЯ СТРАНИЦА:

    мультиязычный сайт 34

  12. 12.

    Из списка существующих страниц выберите Главная:

    мультиязычный сайт 35

  13. 13.

    Теперь поэтапно замените тексты на русском языке на тексты на английском языке на уровне раздела, строки и модуля.

    мультиязычный сайт 36

    После этого сохраните изменения на странице.

Готово, вы перевели главную страницу сайта. Аналогичным образом вы можете перевести остальные страницы сайта.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1