У вас есть сайт, созданный с помощью Concrete CMS , и вы хотите добавить переключатель языков? Настройка переключателя языков упрощает процесс переключения между языками для пользователей. Эта функция особенно полезна для сайтов с международной аудиторией, позволяя посетителям использовать платформу на предпочитаемом языке.
Чтобы настроить переключатель языков в Concrete CMS, администраторы обычно начинают с указания языков, которые они хотят поддерживать в настройках системы. Затем они добавляют выпадающее меню или кнопку, с помощью которых пользователи могут выбрать предпочитаемый язык. Эта статья поможет вам внедрить переключатель языков в Concrete CMS с использованием одного из доступных сервисов автоматического перевода.
Важность настройки переключателя языков на Concrete CMS
Необходимость предоставления контента на нескольких языках становится все более важной. Недавнее исследование DeepL показало, что 75% респондентов согласились, что локализованный контент значительно повышает вовлеченность клиентов.
Внедрение переключателя языков — это не только перевод контента, но и создание более персонализированного опыта для посетителей сайта. Это подтверждают данные, показывающие, что 96% респондентов отметили положительную рентабельность инвестиций (ROI) от усилий по локализации контента.
Учитывая эти данные, внедрение переключателя языков на Concrete CMS — это стратегический шаг, от которого нельзя отказаться. Именно поэтому в этой статье мы рассмотрим, как настроить переключатель языков на вашем сайте Concrete CMS .
Как настроить переключатель языка на Concrete CMS
Теперь, когда мы понимаем важность функции смены языка на многоязычной платформе Concrete CMS , давайте обсудим, как её реализовать. Concrete CMS имеет встроенную систему управления языками, которую можно настроить в соответствии с потребностями вашей организации.
Одним из сервисов автоматического перевода, который вы можете использовать, является Linguise. Linguise предлагает простые в использовании функции переключения языков и может быть интегрирован с различными популярными CMS, включая Concrete CMS.
Concrete CMS обеспечивает простую многоязычную интеграцию, позволяя администраторам быстро добавлять функции переключения языков на свои сайты. Используя Concrete CMS’s продвинутые функции и удобный интерфейс, вы можете упростить настройку и поддержку переключателя языков на вашей платформе. Вот шаги для установки Linguise автоматического перевода на Concrete CMS и настройки переключателя языков.
#1 Зарегистрируйте домен Concrete CMS
Начните с создания бесплатной учетной записи Linguise и добавления домена вашего сайта. Вы можете использовать 30-дневную бесплатную пробную версию, прежде чем решить вопрос о подписке.
Далее вам нужно авторизовать ваш домен для перевода. Скопируйте имя вашего домена, включая “https://”, и выберите “Concrete CMS” в качестве вашей платформы. Выберите исходный язык и целевые языки для настройки автоматического перевода в Concrete CMS.
#2: Загрузка и подключение скрипта Linguise
Вы должны загрузить скрипт перевода Linguise на сервер, где установлен Concrete CMS . Скачайте скрипт по предоставленной ссылке, распакуйте его и поместите папку в корневой каталог вашей установки Concrete CMS . Убедитесь, что папка называется “linguise.”
Затем вставьте ключ API Linguise в файл Configuration.php на вашем сервере. Откройте файл и замените “REPLACE_BY_YOUR_TOKEN” на ваш ключ API, заключив его в одинарные кавычки.
#3: Настройка перезаписи URL в Concrete CMS
В Concrete CMSперезапись URL обычно включена по умолчанию. Если нет, вы можете включить её через вашего хостинг-провайдера. Обновите файл .htaccess, добавив специальный код после строки “RewriteEngine on”. Это настроит URL-адреса для конкретных языков.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4: Включение и настройка переключателя языков
Ссылка на JS-скрипт Linguise должна быть загружена на всех ваших страницах Concrete CMS , чтобы отображать переключатель языков с флагами и альтернативными URL-адресами (важно для SEO). Вы можете найти ссылку на скрипт в настройках домена в вашей панели управления Linguise .
Чтобы загрузить скрипт в Concrete CMS, вставьте код в файл header.php или в раздел <head> вашего сайта через панель администратора, перейдя в Система & Настройки > SEO & Статистика.
Затем добавьте его в разделе «Коды отслеживания».
По умолчанию переключатель отображается в правом верхнем углу.
Однако ваша панель управления может настроить свой внешний вид с помощью функции «Отображение языковых флагов».
#5: Настроить основной дисплей
Чтобы начать настройку переключателя языков, перейдите в раздел “Настройки” > “Отображение языковых флагов” в панели управления Linguise . Здесь вы можете настроить несколько параметров.
- Стиль значка флага: Выберите один из трёх стилей отображения: рядом друг с другом, раскрывающееся меню или всплывающее окно.
- Позиция: Выберите расположение переключателя языков на вашем сайте, обеспечив его легкодоступность для посетителей.
#6: Настройка дизайна флага
После настройки основного отображения вы можете настроить дизайн языковых флагов.
- Отображаемое название языка: Решите, отображать ли название на основе страны или языка, например «Французский» или «Français».
- Тип английского флага: Эта опция позволяет различать американский и британский варианты английского языка и аналогично применяется к испанскому, португальскому или немецкому.
- Стиль флага: Выберите форму иконки флага: круглую или прямоугольную.
#7: Настройка цвета и размера
Далее вы можете настроить цвет и размер флагов.
- Радиус скругления флага: Установите радиус в пикселях для прямоугольных флагов.
- Цвет названия языка: Выберите цвет текста по умолчанию для отображения названий языков.
- Цвет языка во всплывающем окне: Укажите цвет текста для названий языков во всплывающем окне или выпадающем списке.
- Размер флага: Настройте размер иконок флагов.
- Цвет названия языка при наведении: Задайте цвет названий языков при наведении курсора.
- Цвет заголовка языка при наведении во всплывающем окне: Определите цвет заголовков языков при наведении во всплывающем окне или раскрывающемся меню.
#8: Добавить тень флага
Наконец, вы можете настроить параметры тени блока флага.
- Первый вариант добавляет эффект тени к иконкам флагов, отображаемым на вашем сайте.
- Второй вариант управляет эффектом тени при наведении курсора на языковые флаги.
Когда настройки будут готовы, нажмите “Сохранить” , чтобы применить изменения. Перейдите на свой сайт Concrete CMS , чтобы убедиться, что переключатель языков работает должным образом, и посмотреть, как он выглядит.
Вы также можете перевести сайт на дополнительные языки, например на немецкий.
Рекомендации по оптимизации переключателя языков на Concrete CMS
Оптимизация переключателя языков на Concrete CMS улучшает пользовательский опыт в многоязычной среде. Ниже приведены ключевые советы по улучшению переключателя языков на вашей платформе.
Использование названий языков и флагов
Сочетание названий языков с иконками флагов — эффективный способ сделать переключатель языка более удобным для пользователей. Такой подход обеспечивает две визуальные подсказки, помогая пользователям быстро определить и выбрать нужный язык. Название языка обеспечивает ясность, а флаг служит визуальным ориентиром, что упрощает выбор, особенно когда язык используется в нескольких странах с разными флагами.
Например, если ваш сайт Concrete CMS ориентирован на глобальную аудиторию электронной коммерции, объединение «🇺🇸 English», «🇫🇷 Français» и «🇩🇪 Deutsch» в переключателе языков поможет пользователям быстро найти предпочитаемый язык, улучшив их опыт покупок и позволяя им легко ориентироваться на сайте.
Узнаваемые иконки флагов
Важно использовать четкие, высококачественные и легко узнаваемые иконки флагов, даже в уменьшенном размере. Эти иконки помогают пользователям быстро определить свой язык, не читая текст. При необходимости важно выбирать культурно чувствительные иконки, которые представляют языки, а не страны. Например, использование нейтрального символа для широко распространенного языка, такого как арабский, может быть более уместным, чем выбор национального флага.
Например, платформа Concrete CMS , разработанная для глобального туристического агентства, может использовать испанский флаг для испанского языка, канадский флаг для французского и значок глобуса для широко распространённых языков, таких как английский. Это гарантирует, что значки будут понятными и интуитивными, что позволит пользователям легко выбирать предпочитаемый язык при изучении туристических пакетов.
Стратегическое размещение переключателя языков
Переключатель языка следует размещать там, где он хорошо виден и доступен пользователям, не загромождая интерфейс. Обычные варианты размещения включают верхний колонтитул сайта, нижний колонтитул или главное меню навигации. Единообразие размещения на всех страницах имеет решающее значение, чтобы пользователи могли найти его в любом месте сайта.
Например, сайт на Concrete CMS может разместить переключатель в правом верхнем углу шапки, чтобы он оставался видимым при прокрутке страниц пользователями. Для мобильных устройств его интеграция в меню-гамбургер сохраняет доступность и экономит место.
Поддерживайте единообразие на всех страницах
Важно поддерживать единообразие внешнего вида и функциональности. Переключатель языка должен работать одинаково на каждой странице, и при смене языка пользователи должны оставаться на той же странице с контентом, переведённым на новый язык. Это улучшает рабочий процесс пользователя и делает навигацию более интуитивной.
Например, выпадающий переключатель языка единообразно отображается на главных страницах, страницах контактов и других. Это позволило бы пользователям менять язык без потери места в материале.
Заключение
Настройка переключателя языков и внедрение автоматического перевода на сайте Concrete CMS может обеспечить бесперебойный многоязычный опыт для ваших пользователей. Следуя шагам, описанным в этом руководстве, вы сможете интегрировать переключатель языков и настроить его в соответствии с потребностями вашего сайта.
Эффективная оптимизация переключателя языков улучшит пользовательский опыт и вовлеченность. Чтобы начать, зарегистрируйте аккаунт Linguise , интегрируйте его с вашим сайтом Concrete CMS и настройте выбор языка в соответствии с вашими предпочтениями. Это гарантирует, что посетители смогут легко ориентироваться на вашей платформе на предпочитаемом ими языке.
