Вам нужно создать многоязычный сайт на WordPress? Учитывая, насколько взаимосвязан мир, имеет смысл предлагать свой сайт на нескольких языках, если вы ориентируетесь на глобальную аудиторию. Благодаря универсальности WordPress легко перевести ваш сайт на несколько новых языков, если у вас есть подходящий плагин.

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

Что вам нужно для создания многоязычного сайта на WordPress

Чтобы создать многоязычный сайт WordPress, вам понадобится плагин для перевода WPML, который мы будем использовать в этом руководстве, – это плагин для перевода премиум-класса, который поставляется с набором функций.

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

Он также имеет функции, позволяющие полностью переводить свой сайт, независимо от того, используете ли вы конструкторы страниц, WooCommerce и т. д. В приведенном ниже руководстве мы специально покажем вам, как вы можете использовать его для перевода всего сайта Divi, даже если вы используете новую функцию Divi Theme Builder в Divi 4.0.

Как создать многоязычный сайт на WordPress с помощью WPML и Divi

Теперь давайте перейдем к самому руководству, и я покажу вам, как создать многоязычный веб-сайт с помощью WPML. Установите необходимые компоненты WPML. Вам понадобится пакет Multilingual CMS за 79 долларов, чтобы следовать этому руководству. Мы также предполагаем, что вы уже установили Divi (или любую другую тему, которую хотите использовать).

1. Установите необходимые компоненты WPML

Чтобы упростить работу, WPML делит свои основные функции на отдельные плагины. Этот модульный подход позволяет вам выбирать, как вы все настраиваете.

Для этого урока вам нужно установить следующие плагины:

• SitePress Multilingual – это основной плагин WPML
• WPML String Translation
• WPML Translation Management.

После того, как вы установили все плагины, перейдите на новую вкладку WPML на панели инструментов WordPress, чтобы настроить основные функции. Вам будет предложено пройти через мастер настройки, в котором вы сможете настроить такие детали, как текущий язык сайта, целевой язык (языки) перевода, переключатель языков и многое другое.

Как только вы закончите, вы увидите запрос на включение редактора переводов WPML для полной совместимости с Divi. Нажмите кнопку, чтобы включить его сейчас.

2. Настройте управление переводами

Далее вам необходимо настроить управление переводами. Для этого перейдите в WPML – Управление переводами и выберите, кто будет переводить ваш сайт. В этом руководстве мы предполагаем, что вы выполняете перевод, но WPML также позволяет вам работать с фрилансерами или службами перевода.

На следующей странице вы увидите запрос на включение Advanced Translation Editor, который представляет собой новый современный редактор WPML. Хотя вам не обязательно использовать этот редактор, он упростит перевод проектов Divi Builder, поэтому мы рекомендуем включить его (и мы будем использовать его для обучения).

Теперь вы готовы приступить к переводу.

3. Переведите контент в редакторе WordPress (записи/страницы)

Начнем с того, как перевести ваши записи и страницы: этот метод будет работать независимо от того, создавали ли вы контент с помощью собственного редактора WordPress или Divi Builder.

Откройте редактор для фрагмента контента, который вы хотите перевести. Затем найдите параметр «Язык» на боковой панели. Там вы должны увидеть значок плюса (+), который предлагает перевести это содержимое на указанный язык.

Если щелкнуть этот значок плюса, откроется Advanced Translation Editor. Или, если вы не используете Advanced Translation Editor, откроется старый классический редактор. Однако, как мы упоминали ранее, мы рекомендуем использовать Advanced Translation Editor для сайтов Divi, так как он значительно упрощает работу.

В редакторе вы увидите список всего содержимого этого сообщения/страницы, а также возможность перевода каждой строки. Поскольку для этого примера мы переводим контент, созданный с помощью Divi Builder, WPML также сообщает нам, откуда этот контент. Например, вы можете видеть, что строка «Имя» пришла из модуля Divi Form.

Advanced Translation Editor также дает вам возможность использовать автоматический перевод для экономии времени, что вы можете сделать, нажав кнопку «Перевести автоматически». Вы получаете 2000 слов автоматического перевода в месяц бесплатно при покупке WPML и при необходимости можете приобрести дополнительные кредиты.

После того, как вы добавили все переводы, нажмите кнопку «Завершить» в правом нижнем углу, чтобы вернуться на панель инструментов WordPress. Вот и все, первый фрагмент контента переведен. Все, что вам нужно сделать, это повторить тот же процесс для других сообщений/страниц вашего сайта.

Если у вас много контента, другой вариант – использовать WPML – Инструмент управления переводами. В этой области вы можете быстро увидеть весь контент на вашем сайте, а также узнать, перевели ли вы каждый фрагмент контента (это видно по значкам). Эта область также позволяет вам добавлять переводы в вашу «корзину переводов», которая позволяет вам назначать эти переводы переводчикам-фрилансерам или сторонним службам перевода.

4. Переведите проекты

Если вы используете встроенный в тему Divi тип сообщения “Проекты”, вы можете использовать тот же подход для перевода проекта. То есть откройте редактор для элемента проекта, а затем щелкните значок плюса в разделе «Язык».

Категории и теги WordPress называются таксономиями. Помимо встроенных категорий и тегов, вы также можете иметь настраиваемые таксономии, такие как категории проектов и теги, которые добавляет Divi.

Чтобы перевести все эти таксономии, вы можете перейти в WPML – Перевод таксономии. Сначала выберите из раскрывающегося списка таксономию, которую вы хотите перевести. Например, “Категории проекта”. Затем вы можете перевести все эти таксономии, щелкнув значок плюса.

6. Переведите глобальные модули

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

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

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

7. Переведите шаблоны Divi Theme Builder

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

Если вы используете Divi Theme Builder, вы все равно можете переводить любой статический текст в этих шаблонах с помощью WPML. Для нестатического текста вам нужно будет перевести сам фрагмент контента или использовать строковый перевод (описанный позже). Например, если вы используете Divi для создания шаблона сообщения в блоге, вы должны перевести фактическое содержание сообщения в блоге из редактора WordPress, как мы показали на шаге № 3.

Перед переводом шаблона конструктора тем мы рекомендуем дать ему описательное имя при работе в Divi Builder.

Затем, чтобы перевести его, перейдите в WPML – Управление переводами и выберите тип шаблона из раскрывающегося списка. Например, чтобы перевести шаблон нижнего колонтитула Divi Theme Builder, вы должны выбрать Макет нижнего колонтитула. Затем нажмите кнопку «Фильтр», чтобы обновить список.

После этого вы можете щелкнуть ссылку «Изменить», чтобы открыть страницу редактора этого шаблона. Затем вы можете нажать на значок плюса, как мы показывали вам в других примерах.

8. Переведите меню

Для перевода меню WPML предлагает два варианта:

1. Вы можете создавать отдельные меню для каждого языка. Это позволяет вам создать одно и то же меню на другом языке или изменить структуру меню в зависимости от языка пользователя (что иногда может быть полезно для локализации).
2. Вы можете «синхронизировать» меню, чтобы сделать их идентичными, и переводить текст только с помощью функции синхронизации.

Для этого перейдите в Внешний вид – Меню и используйте значок плюса, чтобы создать новое меню для другого языка. Затем, если вы хотите синхронизировать меню, вы также можете выбрать опцию “Синхронизировать меню между языками”.

9. Переведите другие строки (например, строки темы)

До сих пор мы показали вам, как переводить практически все аспекты вашего сайта Divi, от вашего контента до глобальных модулей, меню и шаблонов конструктора тем. Однако у вас все еще может быть оставшийся контент. Например, контент из других плагинов, виджетов и т. д. Чтобы управлять всеми этими оставшимися строками, вы можете использовать инструмент перевода строк WPML, перейдя в WPML – Перевод строк.

Здесь вы увидите список всех строк на вашем сайте WordPress. Вы уже перевели некоторые из этих строк, например, текст из глобального модуля Divi. В этом случае вы увидите, что он отмечен значком карандаша вместо значка плюса.

Чтобы помочь вам найти определенные строки, вы можете использовать раскрывающийся список “В домене”. Например, это раскрывающееся меню позволяет быстро отфильтровать все строки виджета.

10. Переведите магазин Divi в WooCommerce (необязательно)

Это может относиться не ко всем веб-сайтам Divi. Однако если вы используете Divi для создания магазина WooCommerce, WPML также может помочь вам перевести все ваши продукты и строки в WooCommerce.

Процесс работает так же, как мы подробно описали выше, только адаптирован для WooCommerce. Например, вы можете переводить продукты WooCommerce из редактора продуктов, категории продуктов из инструмента перевода таксономий и т. д.

Создайте многоязычный веб-сайт Divi с помощью WPML сегодня

Если ваш веб-сайт ориентирован на многоязычную и/или глобальную аудиторию, имеет смысл создать многоязычный веб-сайт, чтобы предложить своим посетителям лучший опыт. С Divi и WPML вы можете легко создать многоязычный сайт, при этом пользуясь преимуществами полноценного визуального построения сайта Divi. Однако, хотя мы сосредоточились на Divi, вы также можете использовать тот же подход для перевода любой другой темы (или конструктора страниц) – решать вам.

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