• Как сделать мультиязычный сайт на Joomla 4x?
    Владислав SEO-Специалист, Founder

Как сделать мультиязычный сайт на Joomla 4x?

  • 05.02.2016
  • 12 минут
  • 160
Содержание:

Разработка сайта на нескольких языках помогает продвигать различные страницы по одним и тем же запросам для людей разных национальностей. Иногда веб мастера делают отдельные подоменны, или закупают отдельные домены для сайта, тесты которого переводятся на другой язык. Такие варианты оправданы если сайт будет раскручиваться в другой стране. Если же веб ресурс продвигается в одной стране и рассчитан на носителей определенных языковых категорий, то достаточно сделать языковые переключатели в пользовательской части и разместить контент на нужных языках в администраторской части.

Какой движок лучше всего подходит для наших целей? Думаю, однозначно Джумла? Это единственная cms, которая позволяет делать такие сайты без сторонних расширений. Вся работа осуществляется прямо в админке. Задуманное реально сделать за один день. Чем мы с вами и займемся.

Обратите внимание, что мы будем делать не какой-то онлайн перевод по нажатию кнопки. Мы реализуем полноценный мультиязычный сайт, на котором будут различные языковые тексты. Такой способ создания наиболее эффективный для продвижения. Если использовать различные дополнения в виде гугл переводчиков, то поисковики могут наказать за плохое качество. В некоторых случаях такие страницы не индексируются. Поэтому оригиналы текстов поручаем профессиональным лингвистам. И размещаем готовый качественный перевод.

Мультиязычный сайт на Joomla

Сделаем с вами сайт на Украинском, Русском и Английском языках. Предполагается, что движок изначально установлен на русском языке. Поэтому от нас требуется дополнительно установить локализацию украинского языка. Английская версия установлена по умолчанию. Сейчас поэтапно пройдемся по установке, а вернее активации языкового пакета. Все делаем в администраторской части.

Заходим в менеджер языков

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

mylti

Сегодня поговорим о создании мультиязычного сайта на joomla применяя только встроенные средства движка.

У нас имеются четыре пункта:

  • Языковые пакеты сайта — осуществляется перевод лицевой части, на которую заходят все пользователи сайта;
  • Языковые пакеты панели управления — осуществляется перевод администраторской панели сайта;
  • Языки контента — языки, которые непосредственно будут содержать перевод контента (работаем именно с ними);
  • Переопределение констант — предопределение констант движка на нужный язык (применяется при работе с кодом).

Следуем нашему плану и установим украинский язык. Выбираем “Установить язык” и перед нами появляются список доступных языков. Чтобы долго не искать, воспользуемся формой поиска и введем первые буквы. Если не знаете перевода слова, то воспользуйтесь гугл переводчиком. Кстати, для удобности работы я всегда его открывают в отдельной вкладке.

Отмечаем галочкой и делаем установку.

mylti-yaziku-2

Возвращаемся назад на вкладку Менеджера языков и видим, что теперь у нас установлено три языка. Отлично!

ystanovka-language

Теперь наводим мышку на ссылку правого сайдбара “Языки контента” и одновременно нажимаем на колесо компьютерной мыши. Автоматически страница откроется в новой вкладке. У нас одновременно открыты две вкладки “Менеджер языков” и “Языки контента”. В языках контента у нас установлены настройки только для английского языка. Давайте добавим украинский и русский.

Займемся настройками. Быстро нажимаем “Создать” и заполняем поля для украинского языка как показано на изображении. Для русского делаем аналогично, только подставляем другие значения.

add-content-language

Что означают поля? Как их настраивать?

Заголовок — пишем название по вашему желанию;

Заголовок на родном языке — Обратите внимание! Здесь пишите название на родном языке. У меня же прописано “UK”. Потому что я в фронтальной части не буду отображать флаги стран, а выведу только названия в виде “RU”, “UK”, “EN”. Это делается на любителя и согласно дизайну;

Теги языка — беруться из столбца “Тег языка”. Помните мы с вами оставили открытой вкладку менеджера языков. Это для того, чтобы копировать языковые теги и вставлять в поле “Теги языка”. Смотрим какой тег необходимо применить для конкретного языка.

tegi-yazuka

Код языка для URL — данное значение будет появляться в адресной строке сайта, так называемый суффикс приставка для основного домена. Например, украинский вариант имеет такой вид http://vash.site.com/uk/;

Префикс изображения — выпадающий список предлагает выбрать префикс для конкретного языка. Выбираем нужный префикс языка. Если выбор сделан правильно, то рядом появиться флажок выбранного языка. Иногда флаги определенных стран забываются. В такой ситуации в любом поисковике набираем “флаги мира, стран” и смотрим, то что интересует.

Альтернативный вариант заключается в просмотре всех флагов, расположенных непосредственно в админке джумлы. Идем по следующему пути и смотрим изображения — /media/mod_languages/images. Здесь ориентируемся на название картинок. Работая на локальном сервере найти картинки легко, используя проводник, или специальную программу Total Commander. Если сайт расположен на хостинге, то скачайте их к себе на компьютер.

languadge-vse

Состояние — публикуем, чтобы все заработало ;

Доступ — всем пользователям — Publiс — гости сайта;

Описание — пишем заметку, напоминание, примечание.

Перед сохранением внимательно просматриваем поля на заполнение. Где стоит звездочка, значит поле обязательно для заполнения.

Хочу отметить, что все поля, отмеченные звездочкой обязательны для заполнения.

Создаем по аналогии остальные языки контента и все сохраняем.

Работаем с модулем переключения языков

Заходим в менеджер модулей и выбираем “Модуль переключения языков”. Данный модуль обеспечивает удобное переключение языков. В настройках можно задать один из двух видов отображения: выпадающий список, список ссылок (флагов) в одну строку.

pereklychenie-yazikov

Когда включается кнопка “Включить выпадающий список” и “Включить изображения флагов”, соответственно поучиться первый вариант.

Выберите подходящую позицию в вашем шаблоне. В большинстве шаблонов переключатель размещается вверху справа.

Активация системного плагина

Чтобы переключатель языков корректно заработал включаем плагин “Фильтр языков”. Он находится по такому пути: “Менеджер плагинов” -> Фильтр языка”(системный плагин тип system).

filtr-yazika

Включаем плагин и оставляем все настройки по умолчанию. Настроек в этом плагине довольно много. С помощью подсказок, которые появляются при наведении мыши, вы легко разберетесь, что к чему относиться. Мы же остановимся на самых актуальных.

Кнопка Выбор языка для новых посетителей определяет язык сайта, который будут читать посетители по умолчанию. Язык выбирается из менеджера языков. Показывается главный язык, там где желтая звездочка. У меня это русский язык. При желании можно выбрать язык из настроек браузера. Советую настроить по умолчанию менеджера.

Удалять префикс языка по умолчанию — важный момент для реализации вида домена. Изначально опция выключена и главная страница всегда будет содержать в себе префикс языка по умолчанию. В мое случаи получается такой вид http://vash.site.com/ru/. Думаю, так не красиво. Давайте уберем с главной префикс. Активируем данную опцию. Перезагружаем страницу и видим, что префикс исчез. Для других страниц префиксы языков будут отображаться.

Мы реализовали почти все подготовительные работы. Пришло время сформировать структуру сайта. Я сделаю три раздела и закину несколько статей на трех языках. Дополнительно подготовлю на трех языках модули формы авторизации. А также меню для русского, украинского и английского языков.

Категории

Все названия категорий должны быть созданы для трех языков. Непосредственно в настройках категории выбирается язык. Названия категорий пишем на родном языке. Например, если русский, то буквы русские, если английский, то названия тоже на английском. Для быстроты работы можно сделать одну категорию, привзать к языку и потом продублировать необходимое количество. Идем по пути «Материалы» -> «Менеджер категорий» и делаем настройки.

category-language

Бывают случаи, когда названия необходимо прописать только на одном языке. Например, это могут быть названия автомобилей как в моем случаи. Тогда прописываем примечание в строке “Note”, чтобы не путаться.

Статьи

Таким же способом настраиваем все статьи сайта. В менеджере материалов вы увидите инструмент “Инструменты поиска” -> “Выбор материалов”. Благодаря данному инструменту очень удобно сортировать статьи по языкам.

stati-languadge

Модули

Заходим в менеджре модулей и привязываем к необходимым языкам все модули. Процедура такая же как и для материалов.

module-language

Меню

Мы подошли к завершающему этапу и поработаем над меню. У меня есть одно готовое меню с одни пунктом — Главная. Оно будет общим. Продолжаю создавать еще три меню для каждого языка. В результате общее количество всех меню — четыре.

В настройках общего меню в пункте «Главная» (станица которая будет главной) выставляем значение «главная» и выбираем на вкладке язык «Все». В выпадающем списке меню появиться значок домика.

nastroyki-menu

В остальных меню главный пункт настраивается аналогично. Только на вкладке язык указываем по отдельности для каждого меню свой язык. Нажмите переключатель в положение «Да» в настройка «Главная страница». От последнего действия зависит появления флажков.

menu-langs

Наибольшая путаница начинается именно на этом шаге. Кто-то говорит, что не отображаются флаги, кто-то не может сохранить пункт меню и т.д. Внимательно пересмотрите все поля. Проверьте назначение главной страницы для каждого меню.

end-lange

Компонент Falang для реализации мультиязычности

Отличный компонент, который поможет без лишних хлопот создать на сайте несколько языковых версий. Существует версия Free и Pro.

falang
1 комментариев
Ваш email адрес не будет опубликован
Николай 07.08.2019 01:08
Как легко разъяснять элементарные вещи. А как добавить азерб. язык, если в Джумле отсутвует этот языковый пакет?
Спасибо
за заявку!
Данные успешно отправлены!
Отзыв отправлен Ваш комментарий обрабатывается модератором.