У вас есть веб-сайт, созданный с помощью Concrete CMS , и вы хотите добавить переключатель языка? Настройка переключателя языка упрощает пользователям процесс переключения между языками. Эта функция особенно полезна для веб-сайтов с международной базой пользователей, позволяя посетителям перемещаться по платформе на предпочитаемом ими языке.
Чтобы настроить переключатель языка в Concrete CMS , администраторы обычно начинают с указания языков, которые они хотят поддерживать, в настройках системы. Затем они добавляют раскрывающееся меню или кнопку, которую пользователи могут использовать для выбора предпочитаемого языка. Эта статья поможет вам реализовать переключатель языка в Concrete CMS с помощью одной из доступных служб автоматического перевода .
Важность настройки переключателя языка в Concrete CMS
Необходимость предоставления контента на нескольких языках становится все более важной. Недавнее исследование DeepL показало, что 75% респондентов согласились с тем, что локализованный контент значительно повышает вовлеченность клиентов.
Реализация переключателя языка заключается в переводе контента и создании более персонализированного опыта для посетителей веб-сайта. Это видно из данных, показывающих, что 96% респондентов отметили положительную рентабельность инвестиций (возврат инвестиций) от своих усилий по локализации контента.
Учитывая эти данные, внедрение переключателя языка в Concrete CMS — это стратегический шаг, от которого нельзя отказываться. Вот почему в этой статье будет обсуждаться, как настроить переключатель языка на вашем веб-сайте Concrete CMS .
Как настроить переключатель языка в Concrete CMS
Теперь, когда мы понимаем важность функции смены языка на многоязычной платформе Concrete CMS давайте обсудим, как ее реализовать. Concrete CMS имеет встроенную систему управления языками, которую можно настроить в соответствии с потребностями вашей организации.
Одним из сервисов автоматического перевода, который вы можете использовать, является Linguise . Linguise предлагает простые в использовании функции переключения языков и может быть интегрирован с различными популярными CMS, включая Concrete CMS .
Concrete CMS обеспечивает простую многоязычную интеграцию, позволяя администраторам быстро добавлять функции переключения языков на свои сайты. Используя расширенные функции и удобный интерфейс Concrete CMS Ниже приведены инструкции по установке автоматического перевода Linguise Concrete CMS и настройке переключателя языка.
#1 Зарегистрировать Concrete CMS
Начните с создания бесплатной учетной записи Linguise и добавления домена вашего веб-сайта. Прежде чем принять решение о подписке, вы можете использовать 30-дневную бесплатную пробную версию.
Далее вам необходимо авторизовать свой домен для перевода. Скопируйте свое доменное имя, включая https://, и выберите « Concrete CMS » в качестве платформы. Выберите исходный язык и целевые языки для автоматической настройки перевода в Concrete CMS .
#2: Загрузите и подключите скрипт Linguise
Вам необходимо загрузить скрипт перевода Linguise на сервер, где установлена Concrete CMS . Загрузите скрипт по предоставленной ссылке, разархивируйте его и поместите папку в корневой каталог установки Concrete CMS . Убедитесь, что папка называется « linguise ».
Затем вставьте ключ Linguise API в файл Configuration.php на вашем сервере. Откройте файл и замените «REPLACE_BY_YOUR_TOKEN» своим ключом API, поместив его в одинарные кавычки.
#3: Настройте перезапись URL-адресов Concrete CMS
В Concrete CMS перезапись URL-адресов обычно включена по умолчанию. Если нет, вы можете включить его через своего хостинг-провайдера. Обновите файл .htaccess, добавив специальный код после строки «RewriteEngine on». Это позволит настроить URL-адреса для конкретного языка.
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]
#4: Включите и настройте переключатель языка
Ссылка на скрипт Linguise JS должна быть загружена на все ваши страницы Concrete CMS чтобы отобразить переключатель языка с флагами и альтернативными URL-адресами (важно для SEO). Вы можете найти ссылку на скрипт в настройках домена на панели управления Linguise .
Чтобы загрузить скрипт в Concrete CMS , вставьте код в файл header.php или в файл вашего сайта.<head> раздел через панель администратора, перейдя в «Система и настройки» > «SEO и статистика».
Затем добавьте его в раздел «Коды отслеживания».
По умолчанию переключатель отображается в правом верхнем углу.
Однако ваша панель управления может настроить свой внешний вид с помощью функции «Отображение языковых флагов».
№5: Настройте главный дисплей
Чтобы начать настройку переключателя языка, перейдите в «Настройки» > «Отображение языковых флагов» на Linguise . Здесь вы можете настроить несколько параметров.
- Стиль значка флага: выберите один из трех стилей отображения: рядом, раскрывающееся меню или всплывающее окно.
- Позиция: выберите расположение переключателя языка на своем веб-сайте, обеспечив легкий доступ к нему для посетителей.
№6: Настройте дизайн флага
После настройки основного дисплея вы можете настроить оформление языковых флажков.
- Название языка отображения. Решите, следует ли отображать имя в зависимости от страны или языка, например «Французский» или «Французский».
- Тип английского флага: этот параметр позволяет различать варианты английского языка в США и Великобритании и аналогично применяется к испанскому, португальскому или немецкому языку.
- Стиль флага: выберите форму значка флага: круглую или прямоугольную.
№ 7: Отрегулируйте цвет и размер
Далее вы можете персонализировать цвет и размер флагов.
- Флаг border-radius: установите радиус в пикселях для прямоугольных флагов.
- Цвет названия языка: выберите цвет текста по умолчанию для отображения названий языков.
- Цвет языка всплывающего окна: укажите цвет текста для заголовков языков во всплывающем или раскрывающемся списке.
- Размер флага: отрегулируйте размер значков флагов.
- Цвет при наведении на название языка: установите цвет при наведении на названия языков.
- Цвет при наведении на язык всплывающего окна: определите цвет наведения для названий языков во всплывающем или раскрывающемся списке.
#8: Добавьте флажок box-shadow
Наконец, вы можете настроить параметры тени поля флага.
- Первый вариант добавляет эффект тени к значкам флагов, отображаемым на вашем веб-сайте.
- Второй параметр управляет эффектом тени, когда пользователи наводят курсор на языковые флаги.
Если вы удовлетворены настройками, нажмите «Сохранить», чтобы применить изменения. Посетите Concrete CMS чтобы убедиться, что переключатель языка работает должным образом, и просмотреть его внешний вид.
Вы также можете перевести сайт на дополнительные языки, например немецкий.
Лучшие практики по оптимизации переключателя языков в Concrete CMS
Оптимизация переключателя языка в Concrete CMS расширяет возможности пользователя в многоязычной среде. Ниже приведены ключевые советы по улучшению переключателя языка на вашей платформе.
Использование названий языков и флагов
Сочетание названий языков со значками флагов — эффективный способ сделать переключатель языка более удобным для пользователя. Этот подход предлагает две визуальные подсказки, помогающие пользователям быстро определить и выбрать язык. Название языка обеспечивает ясность, а флаг обеспечивает визуальную ссылку, облегчая пользователям выбор, особенно когда язык используется в нескольких странах с разными флагами.
Например, если ваш сайт Concrete CMS обслуживает глобальную аудиторию электронной коммерции и сочетает в языке «🇺🇸 английский», «🇫🇷 французский» и «🇩🇪 немецкий», переключатель может облегчить пользователям быстрый поиск предпочитаемый ими язык, улучшая качество покупок и помогая им легко ориентироваться на сайте.
Узнаваемые значки флагов
Очень важно использовать четкие, высококачественные значки флагов, которые легко узнаваемы, даже в меньших размерах. Эти значки помогают пользователям быстро определить свой язык без необходимости читать текст. При необходимости важно выбирать культурно чувствительные значки, которые представляют языки, а не страны. Например, использование нейтрального символа для широко распространенного языка, такого как арабский, может быть более подходящим, чем выбор национального флага.
Например, платформа Concrete CMS разработанная для глобального туристического агентства, может использовать испанский флаг для испанского языка, канадский флаг для французского языка и значок глобуса для широко распространенных языков, таких как английский. Это гарантирует, что значки будут четкими и интуитивно понятными, что позволяет пользователям легко выбирать предпочитаемый язык при изучении туристических пакетов.
Переключатель языка стратегически
Переключатель языков следует размещать там, где он легко виден и доступен пользователям, не загромождая интерфейс. Общие варианты размещения включают заголовок, нижний колонтитул или главное меню навигации. Единообразие размещения на всех страницах имеет решающее значение, чтобы пользователи могли найти его в любом месте сайта.
Например, сайт Concrete CMS может разместить переключатель в правом верхнем углу заголовка, гарантируя, что он останется видимым при прокрутке страниц пользователями. Для мобильных устройств интеграция его в гамбургер-меню обеспечивает доступность и экономит место.
Поддерживайте согласованность на всех страницах
Важно сохранить единообразие внешнего вида и функциональности. Переключатель языка должен работать одинаково на каждой странице, и когда пользователи переключают языки, они должны оставаться на той же странице, а контент переведен на новый язык. Это улучшает рабочий процесс пользователя и делает навигацию более интуитивно понятной.
Например, раскрывающийся переключатель языка постоянно отображается на домашних страницах, страницах контактов и других. Это позволит пользователям плавно менять языки, не теряя своего места в материале.
Вывод
Настройка переключателя языка и реализация автоматического перевода на Concrete CMS могут обеспечить беспрепятственную многоязычную работу для ваших пользователей. Следуя инструкциям, описанным в этом руководстве, вы можете интегрировать переключатель языка и настроить его в соответствии с потребностями вашего сайта.
Эффективная оптимизация переключателя языка улучшит взаимодействие с пользователем и его вовлеченность. Чтобы начать, зарегистрируйте учетную запись Linguise , интегрируйте ее со своим Concrete CMS и настройте переключатель языка в соответствии со своими предпочтениями. Это гарантирует, что посетители смогут легко перемещаться по вашей платформе на предпочитаемом ими языке.