У вас есть сайт, созданный с помощью 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 установке 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: Включите и настройте переключатель языка
Для отображения переключателя языков с флагами и альтернативными URL-адресами (что крайне важно для SEO) на всех страницах вашей Concrete CMS необходимо загрузить ссылку на скрипт Linguise JS. Ссылку на скрипт можно найти в настройках домена в панели управления Linguise .
Чтобы загрузить скрипт в Concrete CMS, вставьте код в файл header.php или в раздел <head> вашего сайта.<head> Раздел можно найти в панели администратора, перейдя в раздел «Система и настройки» > «SEO и статистика».
Затем добавьте его в раздел «Коды отслеживания».
По умолчанию переключатель отображается в правом верхнем углу.
Однако внешний вид панели управления можно настроить с помощью функции «Отображение языковых флагов».
#5: Настройка основного дисплея
Чтобы начать настройку переключателя языков, перейдите в «Настройки» > «Отображение языковых флагов» на Linguise . Здесь вы можете изменить несколько параметров.
- Стиль значка флага: выберите один из трех вариантов отображения: рядом, выпадающее меню или всплывающее окно.
- Расположение: Выберите местоположение переключателя языка на вашем веб-сайте, обеспечив его легкий доступ для посетителей.
#6: Настройте дизайн флага
После настройки основного дисплея вы можете персонализировать дизайн языковых флагов.
- Название отображаемого языка: выберите, отображать ли название языка в зависимости от страны или языка, например, «французский» или «Français».
- Тип английского флага: Эта опция позволяет различать варианты американского и британского английского языка и применяется аналогично к испанскому, португальскому или немецкому языкам.
- Стиль флага: выберите форму значка флага — круглую или прямоугольную.
#7: Настройка цвета и размера
Далее вы можете выбрать цвет и размер флагов по своему вкусу.
- Flag border-radius: Задайте радиус в пикселях для прямоугольных флагов.
- Цвет названия языка: выберите цвет текста по умолчанию для отображения названий языков.
- Цвет текста во всплывающем окне или выпадающем списке: укажите цвет текста для заголовков языков во всплывающем окне или выпадающем списке.
- Размер флага: отрегулируйте размер значков флага.
- Цвет при наведении курсора на название языка: Задайте цвет при наведении курсора на названия языков.
- Цвет при наведении курсора на язык всплывающего окна: Задайте цвет при наведении курсора на заголовки языковых меню во всплывающем окне или выпадающем списке.
#8: Добавить тень к флагу
Наконец, вы можете настроить параметры тени рамки для флага.
- Первый вариант добавляет эффект тени к значкам флагов, отображаемым на вашем веб-сайте.
- Второй параметр регулирует эффект тени, возникающий при наведении курсора на языковые флаги.
Убедившись, что настройки вас устраивают, нажмите «Сохранить» , чтобы применить изменения. Посетите свой Concrete CMS , чтобы убедиться, что переключатель языка работает должным образом, и предварительно просмотреть его внешний вид.
Вы также можете перевести сайт на другие языки, например, на немецкий.
Рекомендации по оптимизации переключателя языка в Concrete CMS
Оптимизация переключателя языка в Concrete CMS улучшает пользовательский опыт в многоязычной среде. Ниже приведены ключевые советы по улучшению переключателя языка на вашей платформе.
Использование названий языков и флагов
Сочетание названий языков с иконками флагов — эффективный способ сделать переключатель языков более удобным для пользователя. Такой подход предлагает два визуальных ориентира, помогающих пользователям быстро определить и выбрать нужный язык. Название языка обеспечивает ясность, а флаг служит визуальной ссылкой, облегчая выбор, особенно когда язык используется в нескольких странах с разными флагами.
Например, если ваш сайт Concrete CMS ориентирован на глобальную аудиторию электронной коммерции и включает в себя языковые опции «🇺🇸 English», «🇫🇷 Français» и «🇩🇪 Deutsch», то Switcher поможет пользователям быстро найти предпочитаемый язык, улучшив их опыт покупок и облегчив навигацию по сайту.
Узнаваемые значки флагов
Крайне важно использовать четкие, качественные значки флагов, которые легко узнаваемы даже в небольших размерах. Эти значки помогают пользователям быстро определить свой язык, не читая текст. При необходимости важно выбирать значки, учитывающие культурные особенности, которые представляют языки, а не страны. Например, использование нейтрального символа для широко распространенного языка, такого как арабский, может быть более уместным, чем выбор национального флага.
Например, платформа Concrete CMS , разработанная для международного туристического агентства, может использовать испанский флаг для испанского языка, канадский флаг для французского и значок глобуса для распространенных языков, таких как английский. Это обеспечивает четкость и интуитивность значков, упрощая пользователям выбор предпочитаемого языка при изучении туристических пакетов.
стратегически переключает язык
Переключатель языка следует размещать в легкодоступном и хорошо видимом для пользователей месте, не перегружая интерфейс. Обычно его размещают в заголовке сайта, нижнем колонтитуле или главном навигационном меню. Крайне важно обеспечить единообразие размещения на всех страницах, чтобы пользователи могли найти его в любом месте сайта.
Например, на сайте, Concrete CMS переключатель можно разместить в правом верхнем углу заголовка, чтобы он оставался видимым при прокрутке страниц. Для мобильных устройств интеграция переключателя в гамбургер-меню обеспечивает доступность и экономит место.
Обеспечьте единообразие на всех страницах
Важно поддерживать единообразие во внешнем виде и функциональности. Переключатель языка должен работать одинаково на каждой странице, и при переключении языка пользователи должны оставаться на той же странице с контентом, переведенным на новый язык. Это улучшает пользовательский опыт и делает навигацию более интуитивно понятной.
Например, выпадающее меню переключения языка должно отображаться постоянно на главной странице, странице контактов и других страницах. Это позволит пользователям плавно менять язык, не теряя при этом своего местоположения в тексте.
Вывод
Настройка переключателя языков и внедрение автоматического перевода на Concrete CMS может обеспечить пользователям удобную многоязычную среду. Следуя шагам, описанным в этом руководстве, вы можете интегрировать переключатель языков и настроить его в соответствии с потребностями вашего сайта.
Эффективная оптимизация переключателя языка улучшит пользовательский опыт и вовлеченность. Для начала зарегистрируйтесь в Linguise Linguise интегрируйте его с вашим Concrete CMS и настройте селектор языка в соответствии с вашими предпочтениями. Это гарантирует, что посетители смогут легко перемещаться по вашей платформе на предпочитаемом ими языке.
