Перейти до основного контенту
Усі колекціїOnepage основи
Як створити багатомовний сайт?
Як створити багатомовний сайт?

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

Anastasiia avatar
Автор: Anastasiia
Оновлено протягом останнього тижня

📌 Примітка: це обхідний шлях, оскільки в Onepage наразі немає прямої багатомовної функції, яка була б доступна на сайті.

Щоб створити двомовний сайт, вам потрібно вручну створити версію сайту іншою мовою.


Ось коротка покрокова інструкція зі створення багатомовного сайту:

Крок 1: Продублюйте вже існуючу сторінку

Відкрийте свій проєкт і натисніть на кнопку налаштувань, яка знаходиться біля вашої сторінки.

Крок 2: Введіть назву сторінки та тег

Вам потрібно створити новий заголовок для перекладеної сторінки. Наприклад, «Page 1», якщо ви перекладаєте англійською.

Що стосується тегу, ви можете або дозволити системі запропонувати його на основі назви сторінки, або створити власний. Це може бути простий тег /en або доповнення до вже існуючого тегу, наприклад, /contact-en

Крок 3: Перекладіть продубльовану сторінку

Майже всі тексти можна перекласти, просто виділивши їх і замінивши текст.

Можливо, вам доведеться відкрити контекстне вікно налаштувань для деяких елементів, таких як кнопки, пункти меню, дропдаун, форми, квіз тощо.

Крок 4: Зв'яжіть оригінальну та перекладену сторінки

Після того, як ви закінчите переклад, не забудьте зв'язати дві сторінки.

Вам потрібно буде налаштувати перемикач мов на обох сторінках і вставити URL-адресу перекладеної сторінки на кожну з них.

Наприклад, у вас є 2 сторінки:

yourpage.com/ukr

yourpage.com/en

Ось як можна зробити посилання:

Хоча прямої функції вибору мови немає, ви можете створити перемикач мов за допомогою елемента «Меню» в хедері, елементу «Пункти» в нижньому колонтитулі та елементу «Кнопка», як альтернативу футеру.

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


Поширені дизайни перемикачів мов

У всіх наведених нижче випадках ми рекомендуємо використовувати наші шаблони секцій і додавати бажані елементи.

📌 Примітка: ви можете натиснути на приклади, щоб завантажити зображення з вищою роздільною здатністю.

1. Перемикач в хедері

Ви можете використовувати іконки, текст або і те, і інше.

Ви можете використовувати елементи «Меню» або «Кнопка».

2. Перемикач у футері

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

Це може бути, наприклад, центрований перемикач:

Або перемикач у нижньому кутку сторінки:

3. Перемикач в мега меню

⚠️Важливо: ця опція недоступна в безкоштовному плані.

Для більш складного дизайну ви можете скористатися функцією мега-меню.

Ось короткий відео-приклад:


Пов'язані теми:



💡У вас є якісь побажання щодо цієї статті? Повідомте нас про це через наш чат або на support@onepage.io, щоб ми підтримували її в актуальному стані. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?