Сделайте свой веб-сайт Pixpa многоязычным с Weglot

Интеграция Pixpa с Weglot предоставляет вам все необходимое для перевода, отображения и управления вашим многоязычным веб-сайтом с полным контролем редактирования.

Нет сложности: Подключите свой веб-сайт Pixpa к своей учетной записи Weglot, чтобы полностью перевести и отобразить веб-сайт за считанные минуты.

Автоматический перевод: Weglot автоматически сканирует и обнаруживает текст, изображения и метаданные SEO вашего сайта Pixpa и постоянно переводит любой новый контент или страницу по мере продвижения.

Привлекайте новую аудиторию: Воспользуйтесь преимуществами многоязычного SEO с языковыми поддоменами или подкаталогами, реализацией тега hreflang и переведенными метаданными для ранжирования переведенных страниц в поисковых системах.

---

В этой статье:  

• Настройте учетную запись Weglot и скопируйте код Weglot JS.
• Встроить код JS в Pixpa Studio
• Перевод динамических элементов сайта
• Переключатель языка Weglot по умолчанию
• Переключатель языка Pixpa
• Добавить исключения перевода
• Использование поддоменов для языковых сайтов

---

Чтобы скопировать фрагмент кода Weglot, выполните следующие действия:

• Подписаться для учетной записи Weglot.
• Вы должны получить письмо с подтверждением в учетной записи, с которой вы зарегистрировались. После проверки электронной почты вы попадете на страницу настройки Weglot.
• Создание нового проекта и выберите «Другое» в качестве «Технологии веб-сайта».
• На следующем шаге прокрутите вниз до поля и нажмите «Используйте интеграцию с Javascript", как показано ниже.

• Затем вам будет предложено ввести исходный язык вашего веб-сайта Pixpa и новые языки, на которые вы хотите перевести и отобразить свой сайт.

• На следующем шаге скопируйте код, показанный на экране, и вставьте в Pixpa Studio. Вот и все.

---

Вставьте скопированный JS-код в Pixpa Studio.

• Перейдите на Настройки (1) и нажмите на Язык и метки (2) на левой боковой панели.
• Включите Weglot toggle (3) и вставьте скопированный Weglot JS-код (4).
• Нажмите на Сохранено кнопка. Вот и все.

---

Теперь ваш сайт Pixpa переведен!

Вы успешно перевели свой веб-сайт с помощью Weglot. Зайдите на свой сайт и вы увидите переключатель языка внизу справа вашего сайта (может потребоваться несколько минут).

Войдите в свою учетную запись Weglot, а затем перейдите в « В реальном времени», чтобы найти все свои переводы и отредактировать их.

---

Перевод динамических элементов сайта

Weglot может не переводить динамический контент (например, разделы элементов списка, разделы заголовков и т. д.) по умолчанию. Чтобы исправить это, перейдите в свою учетную запись Weglot, а затем перейдите к Настройки приложения.

• Нажмите кнопку «Добавить динамику».
• Как показано ниже, скопируйте и вставьте селектор CSS и нажмите «Сохранить». Do не забудьте префикс точки.

.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc

• Вот и все. Перезагрузите свой сайт Pixpa сейчас.
• Изменения должны быть видны через 30 секунд, не стесняйтесь обновить страницу вашего веб-сайта Hard-Refresh* и проверьте ее в окне инкогнито, если вы не заметите изменений.

*Жесткое обновление:
Mac: cmd shift R (нижний регистр)
PC: Ctrl F5

---

Переключатель языка стилей

Вы можете выбирать между переключателем языка Weglot и Pixpa по умолчанию.

Переключатель языка по умолчанию Weglot

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

---

Основные настройки, связанные с переключателем Weglot (1), можно найти на панели управления Weglot> Настройки> Язык Switcher. Вот как они выглядят:

---

Вы также можете добавить некоторые Пользовательские CSS (2) здесь, чтобы настроить дизайн переключателя или изменить положение по умолчанию на веб-сайте.

например, положение переключателя Weglot по умолчанию — внизу справа. Чтобы изменить положение слева, добавьте следующий код CSS в свою учетную запись Weglot.  

.wg-default, .wg-default .country-selector  {
    left: 40px!important;
    right: auto!important;
}

Открыть чтобы увидеть еще несколько настроек переключателя по умолчанию.

---

Переключатель языка Pixpa

Использует свойства стиля с сайта Pixpa. Переключатель будет частью главное меню сайта.

Нажмите здесь, чтобы увидеть в действии – Light.pixpa.com

---

Добавить исключения перевода

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

• Нажмите «Добавить правило» в разделе исключенных блоков.
• Как показано ниже, скопируйте и вставьте селектор CSS и нажмите «Сохранить». Do не забудьте префикс точки.

.pixpa-язык-переключатель

---

Использование поддоменов для языковых сайтов

С Weglot вы можете настроить поддомены для каждой языковой версии вашего сайта. Например:

• ru.yourwebsite.com для английского
• fr.yourwebsite.com для французского
• es.yourwebsite.com для испанского

Такой подход оптимизирован для SEO и позволяет поисковым системам индексировать каждую языковую версию отдельно.

Шаги по настройке перевода поддоменов в Weglot

• Войдите в свою учетную запись Weglot – Зайдите на weglot.com и авторизоваться. Если у вас нет учетной записи, вы можете Создай.
• Создайте новый проект для вашего сайта Pixpa –
  • Укажите Название проекта и Прочее как веб-технологии
  • Нажмите Следующая .

• Выберите ваш сайт Исходный Язык и языки, которые вы хотите добавить (Переведенные языки) и нажмите Далее.

• Добавьте данные вашего сайта
  1. URL домена – Введите доменное имя вашего сайта в соответствующее поле. Убедитесь, что оно проверено.
  2. Опубликовать место назначения - Выбрать Подключите мой работающий сайт опцию.
  3. Тип URL-адреса - Выбрать Поддомены вариант из выпадающего списка.
  4. Следующая - Нажмите Следующая кнопку, чтобы перейти к этапам настройки поддомена.

5. Настроить DNS вручную – Выберите опцию ручной настройки записей DNS.
6. Копировать записи DNS – Скопируйте предоставленные данные записи CNAME (имя, тип и значение) и добавьте их в настройки DNS вашего домена через регистратора доменов.
7. Проверка DNS – После добавления записи DNS подождите несколько минут для ее распространения, а затем нажмите «Проверить DNS», чтобы проверить подключение.

8. Добавить скрипт Weglot в Pixpa – Скопируйте фрагмент кода интеграции JavaScript, предоставленный Weglot, и вставьте его в Веглот JS-код поле, расположенное под Язык и ярлыки раздел в вашей Pixpa Studio.

9. Протестируйте свои многоязычные поддомены – Посетите каждый поддомен (например, fr.yourwebsite.com), чтобы убедиться, что ваш сайт отображает корректную версию перевода. Переключатель языков Weglot также позволит посетителям переключаться между языками.