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

post thumbnail

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

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

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

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

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

Крок 1 – Підключаємо необхідні плагіни

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

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

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

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

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

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

Хостинг для WordPress – Hostpro

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

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

Крок 2 – Перекладаємо категорії

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

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

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

Крок 3 – Переклад змісту

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

  • Записи

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

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

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

Хостинг для WordPress – Hostpro

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

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

Крок 4 – Перекладаємо меню

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

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

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

Хостинг для WordPress – Hostpro

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

Крок 5 – Перекладаємо віджети і футер

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

Хостинг для WordPress – Hostpro

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

Крок 6 – Приділяємо увагу загальним моментам

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

Перенесіть свій сайт на Hostpro безкоштовно, швидко і безпечно. Все, що вам потрібно для цього зробити – це заповнити заявку. Замовляйте безпечний хостинг WordPress з розширеною підтримкою, максимальною швидкістю, щоденними бекапами та безкоштовним SSL-сертифікатом.

Telegram Hostpro

Наш телеграм

з важливими анонсами, розіграшами й мемами

Приєднатися

Можливо, вас зацікавить

Як виправити код мови в URL з uk на ua у WPML? 

Як виправити код мови в URL з uk на ua у WPML? 

Загальноприйнято, що для URL української версії сайту використовується код “ua”. Однак у налаштуваннях WPML...

Diana Honcharenko | Оновлено: 05.05.2023

Як зробити українську версію сайту за замовчуванням без зміни URL?

Як зробити українську версію сайту за замовчуванням без зміни URL?

Українську версію сайту за замовчуванням можна зробити кількома способами. У цій статті ми розповімо...

Diana Honcharenko | Оновлено: 04.05.2023

Як створити дочірню тему WordPress? 

Як створити дочірню тему WordPress? 

Дочірня тема WordPress, або підтема – додаткова тема, яка створюється на основі батьківської готової...

Diana Honcharenko | Оновлено: 14.04.2023

Реєстрація і завантаження WPML

Реєстрація і завантаження WPML

WPML – платний плагін для створення мультимовних сайтів на WordPress. У цій статті зʼясуємо,...

Diana Honcharenko | Оновлено: 30.01.2023