Створення мультимовного сайту з використанням плагіна WPML для Divi шаблону

Якщо ви вирішили створити сайт з допомогою CMS WordPress, який буде відображатися на декількох мовах, то рекомендованим плагіном є WPML.

WPML – це платний плагін, який створює необхідні Вам мовні версії сайту.

У цій статті ми розповімо про те, як налаштувати плагін WPML для сайту, створеного на Divi. WPML і Divi повністю сумісні, тому у вас не виникне проблем з перекладом контенту, таксономії, модулів або макетів.

У цій статті ми розберемо:

  • Підключення необхідних плагінів;
  • Переклад категорій;
  • Переклад сторінок, записів;
  • Переклад меню;
  • Переклад віджетів і футера;
  • Загальні моменти.

1. Плагін WPML платний, тому спочатку його потрібно придбати. Для початку роботи його треба завантажити та активувати

Для цього перейдіть на сторінку Плагіни -> Додати новий -> Завантажити -> Активувати.

Після активації необхідно вибрати мову, яка буде використовуватися за замовчуванням.

Наступним кроком виберіть ті мови, на які плануєте переводити сайт. Для вибору відкрито необмежену кількість мов і в міру необхідності ви зможете додавати потрібні.

WPML, Divi, HostPro, хостинг, Украина

Далі налаштуйте де саме в інтерфейсі сайту буде відображатися Вибір перекладача.

WPML, Divi, HostPro, хостинг, Украина

Останнім кроком в підключенні плагіна буде Завершення реєстрації – вам потрібно ввести ключ активації продукту.

Для зручності роботи WPML з темою Divi додайте два додаткових плагіна:

String Translation і Translation Management, які дозволяють переводити деякі елементи, підзаголовки і віджети.

WPML, Divi, HostPro, хостинг, Украина

Натисніть Інсталювати і виберіть потрібні плагіни зі списку. Поставте згоду для Активувати після завантаження і натисніть Завантажити.

В Управлінні перекладами -> вкладка Налаштування багатомовного контенту переконайтеся, що стоїть відмітка на пункті Створити переклади вручну.

2. Якщо на сайті ви використовуєте записи Блогу, то вам не обійтися без перекладу категорій

Для цього перейдіть в розділ лівого вертикального меню Записи -> Рубрики.

Для додавання перекладу категорії – рубрики необхідно натиснути Змінити. Вам відкриються настройки, де ви оберете мови перекладу.

WPML, Divi, HostPro, хостинг, Украина

Перейдіть в обрану мову, натисніть Додати нову рубрику і заповніть поля. При цьому стежте, щоб був обраний переклад тієї категорії, яка необхідна (внизу налаштувань) і натисніть Додати нову рубрику.

WPML, Divi, HostPro, хостинг, Украина

3. Переклад змісту

Переклад контенту в записах, сторінках і проектах має один і той же принцип, якщо ви перекладаєте їх вручну.

  • Записи

Зайдіть в Запис, який хочете перевести. У модулі Мова відзначте згодою Повторення і натисніть на кнопку Повторення.

WPML, Divi, HostPro, хостинг, Украина

Тепер у вас є дублікат вашої запису, який буде відображатися у вибраній мові. Щоб почати редагування перейдіть в панель інструментів Всі записи і навпроти потрібної натисніть на олівець тієї мовної версії, яку будете редагувати.

WPML, Divi, HostPro, хостинг, Украина

Вам необхідно буде перекласти назву, зміст запису і сторінки вручну, а також мініатюри запису, при цьому категорія додасться автоматично. Якщо у вас доданий плагін SEO, то всі мета-теги також можна дописати вручну.

  • Сторінки і проекти побудовані за допомогою Divi Builder

Якщо ви використовуєте Visual Builder, то спочатку необхідно зберегтися і вийти з цього режиму, а після повернутися в редагування даної сторінки – всі модулі, фото, і інші елементи, що знаходяться всередині сторінки, при перекладі збережуться.

WPML, Divi, HostPro, хостинг, Украина

Макети Divi, які ви завантажуєте або створюєте самостійно, переводяться. Ви можете зберігати їх в бібліотеку і потім використовувати повторно.

Кожен модуль редагується і перекладається вручну шляхом його відкриття. Не забувайте натискати кнопку Зберегти, щоб убезпечити себе від втрати внесеної інформації. В іншому випадку настройки залишаться такими, як описано в прикладі записів.

4. Переклад меню

Переклад меню не відбувається автоматично, тому для кожної мови створюється нове меню і зв’язується з основним.

Для цього потрібно вибрати Зовнішній вигляд -> Меню -> Створити нове меню.

Для початку необхідно створити меню на основній мові.

WPML, Divi, HostPro, хостинг, Украина

Потім натиснувши на + ви створите версію перекладеного меню, при цьому елементи вам доведеться додавати вручну.

5. Віджети і футер

Виберіть елементи, які хочете додати. Якщо використовуєте меню, виберіть відповідне мові.

WPML, Divi, HostPro, хостинг, Украина

Для перекладу Заголовків перейдіть і виберіть в Панелі інструментів -> WPML -> Переклад рядків і введіть назву у вікно пошуку. Таким чином можна перевести на потрібні мови будь-яку назву або рядок.

6. Загальні моменти

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

WPML, Divi, HostPro, хостинг, Украина

Ви можете зберігати створені макети в бібліотеку Divi. Для кожної версії мультимовного сайту можуть створюватися свої макети. Використовуйте їх для створення схожих сторінок.

WPML, Divi, HostPro, хостинг, Украина

На будь-якому етапі і в подальшому ви можете редагувати вміст сайту на будь-якій мові. В адмін-панелі, навпроти необхідного елемента є значок олівця для кожної мови.

WPML, Divi, HostPro, хостинг, Украина

Таким чином створюється багатомовний сайт розроблений на шаблоні Divi з використання плагіна WPML. Ви можете здійснювати переклад на будь-яку кількість необхідних мов – як при створенні сайту, так і після того, як він був повністю наповнений.