Как создать многоязычный сайт с Joomla 4

Разогревать

Сегодня английский язык стал глобальным языком и является одним из самых популярных языков в Интернете.Создается большое количество веб-сайтов, которые отдают предпочтение или уделяют внимание размещению контента на английском языке.Однако не все могут читать и понимать Английский. Наличие веб-сайтов, поддерживающих несколько языков, открывает большие возможности для охвата более широкой аудитории, особенно в тех регионах, на которые вы хотите ориентироваться. многоязычный веб-сайт количество увеличивается день ото дня.К счастью, Joomla является одной из платформ управления контентом, которая поддерживает большинство языков и доступна на 75+.Поэтому создание многоязычного веб-сайта также намного проще с этой платформой.

Если вы скептически относились к простоте, могу заверить, что запустить многоязычный веб-сайт Joomla проще, чем вы можете себе представить, проще, чем может показаться.

Итак, сегодня в этом уроке я покажу вам, как создать многоязычный веб-сайт в Joomla 4. Таким образом, вам не нужно использовать какие-либо сторонние расширения, и, конечно же, это совершенно бесплатно.

Теперь пошли!

Шаг за шагом Настройка многоязычного сайта в Joomla 4

Следуйте шаг за шагом, чтобы полностью настроить многоязычный веб-сайт в Joomla 4.

Установка новых языков

В Joomla 4 есть два метода установки языков.

• Установить через обновление Joomla

На главной панели инструментов перейдите в раздел « Система» , затем в разделе «Установить» нажмите «Языки» , чтобы открыть страницу «Расширения: языки» .

Здесь нажмите кнопку «Установить» на языках, которые вы хотите установить.Вы можете установить столько языков, сколько хотите.

Для наглядности в этой статье я установлю два дополнительных языка: французский и китайский (упрощенный) .

• Установить вручную

С помощью этого метода вам сначала необходимо загрузить языковые пакеты с сайта Официальных языковых пакетов Joomla !.

Затем перейдите в «Система» > «Установить » > « Расширения» , загрузите свои ZIP-пакеты и установите свои языки.

Теперь перейдите в «Система» > «Управление » > «Языки контента » и включите (опубликуйте) свои языки.

* Примечание: Вы можете обновить/изменить информацию о языке, щелкнув название каждого языка и изменив его параметры, например, Заголовки , Заголовок на родном языке , Тег языка , Изображение (флаг) , Статус , Описание и т. д . Это немного похоже на языковой профиль. который содержит все детали, необходимые Joomla для использования английского или французского языка в качестве «переключаемых» языков контента.

Включение плагинов «Система — Язык»

Теперь мы завершили установку новых языков и опубликовали их для контента.Для следующего шага нам нужно включить языковой фильтр и плагины языкового кода.Это поможет Joomla фильтровать контент и отображать его на основе выбранного вами языка.

Перейдите в «Система » > «Управление » > «Плагины» , затем выполните поиск « Система — Язык ».

Здесь Joomla отобразит в результатах поиска « Система — код языка» и «Система — фильтр языка» . Включите их оба!

Вы также можете изменить настройки плагина, щелкнув его имя, например, Система — Языковой фильтр , Этот плагин позволяет CMS распознавать разные установленные языки и отображать только контент, соответствующий текущему языку.

* Уведомление:

• Этот плагин фильтрует отображаемый контент в зависимости от языка.
• Этот плагин должен быть включен только после публикации модуля Language Switcher.
• Если этот плагин активирован, рекомендуется также опубликовать режим многоязычного статуса Администратора.
• Ассоциации элементов — установите значение «Да » Этот параметр разрешает ассоциации элементов при переключении с одного языка на другой.
• Удалить код языка URL — этот параметр удаляет определенный код языка URL-адреса языка содержимого, соответствующего языку сайта по умолчанию, когда функция URL-адресов SEF включена/включена.

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

Добавление многоязычного контента

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

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

Добавить новую категорию

Давайте создадим отдельные категории для каждого языка!

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

Добавить новые статьи

Далее давайте добавим новые статьи для каждого языка, чтобы создать контент на разных языках.

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

Создание многоязычных меню

Теперь вам нужно назначить категории и статьи в меню Joomla.Это позволит им отображаться во внешнем интерфейсе.Для этого создайте каждое меню для каждого из ваших языков.

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

И повторите для других языков:

Добавить пункты меню

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

• Перейдите в Меню > Главное меню (en-GB) и добавьте новые элементы.
• Выберите тип пункта меню
• Выберите категорию, соответствующую определенному языку
• Выберите язык из раскрывающегося списка
• Нажмите Сохранить и закрыть

Повторите вышеуказанные шаги для других языков:

Прямо сейчас внутри каждого пункта главного меню вам нужно установить меню по умолчанию (например, главное меню EN), так как при нажатии на пункт меню «Главная» он станет элементом «Главная» по умолчанию для английских страниц.

Добавить новые модули

Чтобы отобразить пункт меню на интерфейсе веб-сайта, вы должны добавить модуль для пункта меню и указать точную позицию.Перейдите в Меню > Управление , выберите меню и назначьте его модулю или перейдите в Контент > Модули сайта для начала.

Подробные инструкции о том, как создать меню, а затем назначить его модулю, можно найти в этой статье .

• Перейдите в Контент > Модули сайта > Добавить новый .
• В разделе «Выбор типа модуля» нажмите «Меню» .
• Дайте новому модулю меню Заголовок ( обязательно ) .
• Выберите языковое меню для назначения этому модулю, например, Главное меню (en-GB).
• Укажите позицию модуля , чтобы разместить его на своем сайте.
• Выберите язык из раскрывающегося списка.
• Нажмите Сохранить и закрыть , чтобы применить.

Повторите те же действия для других языков:

Вернувшись в Меню > Управление , вы можете увидеть все свои меню, которые были связаны с соответствующими модулями.

Теперь давайте перейдем к следующему шагу!

Многоязычные ассоциации

Вообще говоря, это позволяет вам выполнять перевод содержимого (статей, меню и т. д.) с одного языка на другой, когда вы нажимаете переключатель языка.Убедитесь, что параметр «Ассоциации» включен, перейдя в Система > Управление > Расширения , найдите « Система — Языковой фильтр» и проверьте, включена ли опция «Ассоциации элементов» ( Да ).

Ассоциации меню

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

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

Сделайте то же самое для статей, категорий и другого языкового содержимого.

Многоязычные ассоциации

Перейдите к Компоненты > Многоязычные ассоциации :

Вот некоторые основные варианты компонентов:

• Статьи — вы можете выбрать этот фильтр, чтобы предоставить все статьи/категории языка с ассоциациями.
• Контакты — список контактов для языковых ассоциаций.
• Меню — с помощью этой опции вы можете связать языки для всех пунктов меню.
• Ленты новостей — помогает переводить ленты новостей, если вы используете компонент ленты новостей Joomla.

Настройка страницы по умолчанию для каждого языка

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

• Перейдите в Меню > Главное меню (en-RU)
• Нажмите на значок звездочки (Установить как дом), чтобы установить его по умолчанию.
• Затем он будет изменен на английский (en-GB), чтобы указать, что это страница по умолчанию для меню главного меню (en-GB).
• Повторите для других языков

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

Дублирующий шаблон

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

Создайте стиль шаблона для каждого языка

• Перейдите в раздел «Система» > «Стили шаблонов сайта » (в разделе «Шаблоны »).
• Выберите текущий стиль шаблона по умолчанию, затем нажмите кнопку «Дублировать» вверху.
• Переименуйте дублированный шаблон для английского языка (только для англоязычных страниц).

Сделайте то же самое для языков fr-FR и zh-CN :

Создание модуля переключения языка

Теперь последний шаг!

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

• Перейдите в Контент > Модули сайта .
• Нажмите кнопку «Создать» в левом верхнем углу.
• Выберите Language Switcher в качестве типа модуля.
• Дайте вашему новому модулю название, например, Language Switcher.
• Назначьте позицию модуля, соответствующую вашему шаблону (выберите из раскрывающегося списка)
• Включите параметр «Использовать раскрывающийся список» , если вы хотите, чтобы переключатель языка отображался в виде раскрывающегося меню.
• Обязательно выберите «Все» в поле «Язык» справа.
• Наконец, нажмите «Сохранить и закрыть» , чтобы сохранить переключатель и подготовить его к использованию.

Хорошо, теперь пришло время проверить результаты на интерфейсе.

Если вы хотите изменить порядок отображения языков в переключателе языков, вы можете сделать это с помощью Content Languages ​​Manager.

• Перейдите в «Система» > «Языки содержимого» (в разделе «Управление »).
• Перетащите каждый язык в нужное место один за другим.
• Просмотрите изменения в интерфейсе. Вот и все!

Вы успешно создали полнофункциональный многоязычный веб-сайт на Joomla 4. Поздравляем!

Заворачивать

Итак, я только что показал вам простой подход к созданию многоязычного веб-сайта в Joomla 4. Надеюсь, вам понравилась статья. Наши комментарии Если у вас возникнут вопросы. Кроме того, ознакомьтесь с нашими потрясающими шаблонами для Joomla 4, чтобы получить собственный отзывчивый, высокопроизводительный , и SEO-оптимизированные веб-сайты. Спасибо за чтение и следите за обновлениями в будущем!