🌍 Як створити багатомовний сайт на WordPress з піддоменами: Повна інструкція для початківців

Ви вирішили, що вашому сайту час заговорити кількома мовами. Чудова ідея! Це розширить вашу аудиторію та покращить позиції в пошукових системах. Один із найбільш професійних та зручних способів зробити це — використання піддоменів.

Ось як це виглядає:

• Основний сайт англійською: mysite.com
• Українська версія: ua.mysite.com
• Німецька версія: de.mysite.com

Такий підхід подобається пошуковим системам (наприклад, Google) і є зручним для користувачів. Однак його налаштування вимагає трохи технічної роботи.

Не лякайтеся слів DNS, хостинг та SSL. У цій інструкції ми розберемо кожен крок так, ніби ви робите це вперше, і пояснимо все максимально простими словами.

---

🤔 Перш ніж почати: Де шукати потрібні налаштування?

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

1. Реєстратор домену
   • Що це? Компанія, у якої ви купили ім’я вашого сайту (mysite.com). Приклади: GoDaddy, Namecheap, HOSTiQ, NIC.UA.
   • Аналогія: Це як паспортний стіл, де ви зареєстрували унікальну адресу для свого будинку.
   • Що нам там потрібно? Панель керування DNS.
2. Хостинг-провайдер
   • Що це? Компанія, яка надає місце на сервері, де фізично зберігаються файли вашого сайту. Приклади: SiteGround, Bluehost, Hostinger, Україна.Хостинг. Іноді реєстратор домену та хостер — це одна й та сама компанія.
   • Аналогія: Це земельна ділянка та сам будинок, що стоїть за вашою адресою.
   • Що нам там потрібно? Панель керування хостингом (наприклад, cPanel, Plesk, DirectAdmin) та файловий менеджер.
3. Cloudflare (якщо ви його використовуєте)
   • Що це? Популярний сервіс, який діє як посередник між вашими відвідувачами та хостингом. Він прискорює завантаження сайту та захищає його від атак.
   • Важливо: Якщо ваш сайт підключений до Cloudflare, керувати записами DNS потрібно саме в Cloudflare, а не у вашого реєстратора домену.

Як зрозуміти, де керуються ваші налаштування DNS?

• Крок 1: Увійдіть на сайт вашого реєстратора домену. Знайдіть розділ “DNS” або “Керування доменом”.
• Крок 2: Подивіться на ваші “Сервери імен” (Nameservers або NS-записи).
  • Якщо вони виглядають як ns1.myhosting.com та ns2.myhosting.com, вашим DNS керує ваш хостинг-провайдер.
  • Якщо вони виглядають як olga.ns.cloudflare.com та jason.ns.cloudflare.com, вашим DNS керує Cloudflare.
  • У більшості інших випадків вашим DNS керує ваш реєстратор домену.

Тепер, коли ми знаємо, де що знаходиться, розпочнемо налаштування.

---

🔹 Крок 1: Налаштування DNS: Пояснюємо інтернету, куди ведуть ваші піддомени

На цьому етапі ми маємо створити “вказівники” для наших майбутніх мовних версій. Наприклад, щоб браузер знав, на який сервер йому звертатися, коли хтось вводить ua.mysite.com.

1. Увійдіть до своєї панелі керування DNS (у реєстратора, хостера або в Cloudflare, як ми з’ясували вище).
2. Знайдіть розділ “DNS-записи”, “DNS-менеджер” або “Редактор зони DNS”.
3. Нам потрібно додати запис для кожної мови. Є два способи: за допомогою запису A або запису CNAME. Ми рекомендуємо використовувати CNAME, оскільки це простіше в обслуговуванні.

Що таке CNAME?
Це запис-псевдонім. Він каже: “ua.mysite.com має вказувати на те саме місце, що й основний сайт mysite.com“. Якщо IP-адреса вашого сервера колись зміниться, вам потрібно буде оновити її лише для основного домену, а всі піддомени оновляться автоматично.

Створіть запис CNAME для кожної мови:

Тип	Ім’я (Host)	Ціль (Target/Value)
CNAME	ua	mysite.com
CNAME	en	mysite.com
CNAME	de	mysite.com

• У полі Ім’я ви вводите лише префікс піддомену (ua, en). Система автоматично додасть mysite.com.
• У полі Ціль ви вказуєте ваше основне доменне ім’я.

Що робити після додавання записів?
Просто зачекати. Оновлення записів DNS в інтернеті може тривати від 5 хвилин до 24 годин (хоча зазвичай це відбувається протягом години).

---

🔹 Крок 2: Налаштування на хостингу: Вчимо сервер розуміти піддомени

Отже, ми навчили інтернет знаходити наші піддомени. Тепер потрібно навчити наш хостинг-сервер правильно на них реагувати. Він має зрозуміти, що запит на ua.mysite.com повинен відкривати той самий сайт, що й на mysite.com.

1. Увійдіть до панелі керування хостингом (cPanel, Plesk тощо).
2. Знайдіть розділ “Піддомени” (Subdomains) або “Псевдоніми” (Aliases). “Псевдоніми” часто є правильним вибором, але “Піддомени” також спрацюють, якщо це ваша єдина опція.
3. Створіть піддомен для кожної мови: ua.mysite.com, en.mysite.com і т.д.
4. Найважливіший момент — це Кореневий каталог (Document Root). Ваш основний сайт WordPress знаходиться в папці, яка зазвичай називається public_html, www або mysite.com/public_html. Всі ваші піддомени повинні вказувати на цю саму папку! ⚠️ Надзвичайно важливо:
   • ❌ Неправильно: Ваша панель хостингу пропонує створити піддомен у новій папці, наприклад /public_html/ua. Це створить новий, порожній сайт.
   • ✅ Правильно: Ви вручну вказуєте, що кореневим каталогом для ua.mysite.com є /public_html (або там, де знаходиться ваш основний сайт).

Усі піддомени мають бути “припарковані” до того самого каталогу, де встановлено WordPress.

---

🔹 Крок 3: SSL-сертифікат: Вмикаємо HTTPS для всіх піддоменів

Щоб ваші сайти відкривалися за безпечним протоколом https:// (із іконкою замка в браузері), вам потрібен SSL-сертифікат.

• Базовий SSL-сертифікат захищає лише mysite.com та www.mysite.com.
• Для нашого завдання нам потрібен Wildcard SSL-сертифікат, який захищає основний домен та всі його піддомени (*.mysite.com).

Як його отримати?
На щастя, сьогодні більшість хороших хостинг-провайдерів пропонують безкоштовні Wildcard SSL-сертифікати від Let’s Encrypt.

1. У вашій панелі керування хостингом знайдіть розділ “SSL/TLS” або “Let’s Encrypt”.
2. Виберіть ваш основний домен (mysite.com).
3. Під час видачі або перевипуску сертифіката переконайтеся, що ви позначили опцію “Wildcard” або “Включити піддомени”.
4. Випустіть сертифікат. Він буде автоматично застосований до всіх піддоменів, які ви створили на попередньому кроці.

---

🔹 Крок 4: Конфігурація WordPress: Змушуємо сайт працювати на всіх адресах

Це таємний, але абсолютно необхідний крок, про який забувають у багатьох інструкціях. Без нього у вас можуть виникнути проблеми з входом до адмін-панелі або з неправильним відображенням сайту. Нам потрібно “пояснити” самому WordPress, що він тепер багатоликий і може бути доступний за різними адресами.

1. У панелі керування хостингом відкрийте “Файловий менеджер” (File Manager).
2. Перейдіть до кореневої папки вашого сайту (public_html).
3. Знайдіть файл з назвою wp-config.php. Це один з основних файлів WordPress.
4. Зробіть резервну копію! Клацніть правою кнопкою миші на файлі та виберіть “Копіювати” або “Завантажити”, щоб зберегти копію на своєму комп’ютері. Якщо щось піде не так, ви зможете відновити оригінальний файл.
5. Відкрийте wp-config.php для редагування.
6. Прокрутіть вниз, доки не знайдете рядок:
   /* That's all, stop editing! Happy publishing. */
7. Безпосередньо перед цим рядком додайте наступний код: define('WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST']); define('WP_HOME', 'https://' . $_SERVER['HTTP_HOST']);

Що робить цей код? Він динамічно говорить WordPress: “Твоя адреса — це будь-який домен, який зараз знаходиться в адресному рядку браузера”. Це дозволяє ядру системи коректно працювати як з ua.mysite.com, так і з en.mysite.com тощо.

Збережіть зміни у файлі.

---

🔹 Крок 5: Встановлення плагіна Polylang у WordPress

Тепер, коли вся технічна база готова, перейдемо до найприємнішої частини: налаштування багатомовності у WordPress.

1. Увійдіть до адмін-панелі WordPress.
2. Перейдіть до Плагіни → Додати новий.
3. У полі пошуку введіть Polylang та встановіть його. Після встановлення не забудьте натиснути “Активувати”.
4. Після активації перейдіть до нового пункту меню Мови → Налаштування.
5. Відкрийте вкладку “Зміни URL-адрес”.
6. Вам буде запропоновано кілька варіантів структури URL. Виберіть той, що нам потрібен:
   ✅ “Мова встановлюється з назви піддомену (наприклад, ua.mysite.com)”.
7. Збережіть зміни.
8. Тепер перейдіть на вкладку “Мови” та додайте потрібні вам мови. Наприклад: Українська (uk), Англійська (en), Німецька (de). Polylang автоматично пов’яже їх з відповідними піддоменами.

---

🔹 Крок 6: Переклад контенту та перевірка

Найскладніше позаду! Тепер ви можете почати перекладати свої сторінки та записи.

• Відкрийте будь-яку існуючу сторінку для редагування. Праворуч, у панелі налаштувань, ви побачите блок “Мови”.
• Натисніть на іконку + біля мови, щоб створити її переклад.
• WordPress створить нову, порожню сторінку, яку ви зможете заповнити контентом новою мовою. Polylang автоматично зв’яже її з оригіналом.
• Додайте віджет “Перемикач мов” до вашого меню або футера (Зовнішній вигляд → Віджети).

Фінальна перевірка:

1. Відкрийте свій сайт mysite.com — він повинен відображатися основною мовою.
2. Тепер введіть ua.mysite.com у вашому браузері — повинна завантажитися українська версія.
3. Перевірте інші мови.
4. Спробуйте скористатися перемикачем мов — він повинен коректно перенаправляти вас між піддоменами.

---

🎯 Підсумки та що робити, якщо щось не працює

Вітаємо! Ви щойно налаштували професійну багатомовну систему на своєму сайті. Підсумуймо коротко кроки:

1. DNS (вказівники): Ми створили записи CNAME, щоб піддомени вказували на основний сайт.
2. Хостинг (сервер): Ми “припаркували” піддомени до основної папки WordPress.
3. SSL (безпека): Ми встановили Wildcard-сертифікат для захисту всіх версій сайту.
4. WordPress (мозок): Ми додали правило у wp-config.php для роботи з кількома адресами.
5. Polylang (перекладач): Ми налаштували плагін для керування мовами через піддомени.

Якщо щось пішло не так:

• Я бачу стандартну сторінку хостингу: Проблема у Кроці 2. Ви вказали неправильний кореневий каталог для піддомену.
• Браузер показує помилку “Сайт не знайдено”: Проблема у Кроці 1. Або ви зробили помилку в записі DNS, або зміни ще не поширилися. Зачекайте ще кілька годин.
• Сайт працює, але з помилками, і мене постійно “викидає” з адмін-панелі: Проблема у Кроці 4. Перевірте ще раз, чи правильно ви скопіювали код у файл wp-config.php.
• Сайт працює, але мови не перемикаються: Проблема у Кроці 5. Переконайтеся, що в налаштуваннях Polylang ви обрали правильний режим зміни URL (використання піддоменів).

Ваш сайт тепер готовий приймати міжнародну аудиторію.