Затем вставьте ключ API Linguise в файл Configuration.php, который вы загрузили на свой сервер. Откройте файл для редактирования и вставьте ваш ключ API в кавычки, заменив текст REPLACE_BY_YOUR_TOKEN.
#5: Включите & настройте переключатель языков
Ссылку на JS-скрипт Linguise необходимо добавить на все страницы вашего Craft CMS , чтобы отображать переключатель языков с флагами и включать альтернативные URL-адреса в заголовки HTML для улучшения SEO.
Чтобы получить ссылку на скрипт, перейдите в настройки домена в панели управления Linguise и скопируйте оттуда предоставленную ссылку на скрипт.
Простой способ внедрить этот код в Craft CMS — добавить его в индекс вашего шаблона. Откройте папку /template и отредактируйте индексный файл, чтобы включить ссылку на скрипт в разделе заголовка.
Чтобы отобразить переключатель языков, представленный всплывающим окном с флагами для выбора нужного языка, вы можете загрузить его, скопировав предоставленный код в конце конфигурации сайта и вставив его в раздел head вашей HTML-страницы. Это действие включит автоматическую загрузку переключателя языков с флагами.
Переключатель языка изначально будет отображаться в формате по умолчанию, но вы можете его персонализировать. Настройте переключатель языка через Linguise панель управления, перейдя в Настройки > Отображение языковых флагов. Этот раздел включает различные параметры настройки, в том числе основное отображение, названия языков и элементы дизайна.
#6 Настройка основного отображения
Чтобы начать настройку переключателя языка, перейдите в раздел «Настройки» > «Отображение языковых флагов» в панели управления Linguise .
В этом разделе вы можете настроить несколько параметров. Во-первых, это основные настройки отображения, где вы можете изменить различные элементы, такие как.
- Стиль значка флага: Вы можете выбрать отображение рядом, выпадающее меню или всплывающее окно.
- Позиция: Этот параметр определяет размещение переключателя языков на вашем сайте. Существует несколько вариантов позиции, поэтому убедитесь, что вы выбрали тот, который удобен для доступа посетителей.
#7 Настройка дизайна флага
После настройки основных параметров отображения вы можете приступить к настройке дизайна отображаемых флагов.
- Отображение названия языка: Вы можете отображать название языка на основе названия страны или самого языка. Например, вы можете показать «French» или «Français».
- Тип английского флага: Эта функция полезна для языков с несколькими вариантами, например, американского или британского английского. Она также применима к испанскому, тайваньскому, немецкому и португальскому языкам.
- Стиль флага: Эта опция позволяет выбрать форму значка флага: круглую или прямоугольную.
#8 Настройка цвета и размера
После завершения настройки дизайна флагов вы можете приступить к настройке цвета и размера флагов. Ниже приведены некоторые параметры, доступные для изменения.
- Радиус скругления флага: Настройте радиус скругления для прямоугольного стиля флага, измеряемый в пикселях.
- Цвет названия языка: Выберите цвет текста по умолчанию для отображения названия.
- Цвет языка во всплывающем окне: Определите цвет текста названия языка во всплывающем окне или выпадающем списке.
- Размер флага: Измените размер значков флагов.
- Цвет названия языка при наведении: Укажите цвет текста, который появляется при наведении курсора на название языка.
- Цвет языка во всплывающем окне при наведении: Определите цвет текста, который появляется при наведении курсора на название языка во всплывающем окне или раскрывающемся списке.
#9 Настройка тени блока
Наконец, вы можете настроить параметры тени флажка. Первоначальная опция позволяет добавить эффект тени к каждому значку флага, отображаемому на вашем сайте. Последующая опция управляет эффектом тени, когда пользователи наводят курсор мыши на языковые флаги.
После внесения всех необходимых изменений нажмите кнопку «Сохранить», чтобы применить настройки. Затем перейдите на свой сайт Craft CMS , чтобы убедиться, что конфигурация успешно применена. Примерно так будет отображаться переключатель языка.
После завершения процесса настройки вы можете проверить работу переключателя языка на вашем многоязычном сайте Craft CMS .
5 советов по оптимизации переключателя языка на Craft CMS
После того как вы настроили переключатель языков на вашем Craft CMS многоязычном сайте, важно понимать лучшие практики разработки селектора языка и его производительность, чтобы принести пользу как вашему сайту, так и посетителям.
Используйте легко узнаваемый логотип флага языка
Использование общепризнанных языковых значков или флагов крайне важно, чтобы посетители могли быстро определить и выбрать предпочитаемый язык. Убедитесь, что используемые значки или флаги понятны, имеют хороший цветовой контраст и широко узнаваемы в разных культурах, чтобы избежать путаницы или двусмысленности.
Знакомые символы или значки помогают создать интуитивно понятный и удобный для пользователя опыт, позволяя посетителям легко перейти к нужной языковой версии. Крайне важно выбирать значки или флаги, которые universally known, чтобы избежать недопонимания или путаницы.
Использование названий языков и флага
Помимо использования только флагов, рекомендуется рассмотреть возможность добавления как флагов, так и названий языков на оригинальном языке. Такой подход поможет избежать путаницы, поскольку на некоторых языках говорят в нескольких странах с разными флагами.
Прямое использование названий языков устраняет двусмысленность и гарантирует, что посетители смогут четко определить и выбрать нужный язык без недоразумений. Более того, использование названий языков может быть более инклюзивным и уважительным к культурному разнообразию.
Разместите кнопку переключения языка стратегически
Давайте разместим кнопку переключателя языков на видном и легкодоступном месте вашего сайта. Стандартные варианты размещения включают верхний колонтитул, нижний колонтитул или главное меню навигации. Эти места интуитивно понятны для большинства интернет-пользователей и соответствуют их ожиданиям при поиске языковых опций.
Последовательное размещение на всех страницах гарантирует, что посетители смогут легко получить доступ к переключателю языков независимо от точки входа или конкретной страницы, которую они посещают. Такое последовательное размещение помогает создать плавный и предсказуемый пользовательский опыт.
Реализуйте адаптивный дизайн переключателя языков
Убедитесь, что кнопка переключения языка адаптивна и хорошо работает на различных устройствах и размерах экрана, включая настольные компьютеры, планшеты и смартфоны. Протестируйте её на разных устройствах и разрешениях экрана, чтобы обеспечить безупречный пользовательский опыт без обрезания или наложения элементов.
Адаптивный дизайн гарантирует, что посетители смогут легко получить доступ к языковым опциям с любого устройства, повышая доступность и удобство переключения языка.
Убедитесь, что переключатель языка единообразно отображается на всех страницах
Убедитесь, что переключатель языков сохраняет единообразный внешний вид и поведение на всем вашем сайте. Пользователи должны иметь возможность плавно переключать языки независимо от страницы, на которой они находятся, или просматриваемого контента. Единообразие не только обеспечивает целостный пользовательский опыт, но и повышает доступность и наличие языковых опций, формируя доверие и уверенность в вашем многоязычном сайте.
Любая несогласованность в переключателе языков может запутать и разочаровать пользователей, что может заставить их покинуть ваш сайт.
Готовы исследовать новые рынки? Попробуйте наш автоматический сервис перевода бесплатно с нашим 1-месячным безрисковым испытанием. Кредитная карта не требуется!
Настройте переключатель языков на Craft CMS с помощью Linguise!
На этом этапе вы должны понимать, что настраиваете переключатель языков для многоязычного веб-сайта Craft CMS . Создание переключателя языков может дать различные преимущества и может быть доработано на основе ранее упомянутых пунктов.
Оптимизация переключателя языка может значительно улучшить общий пользовательский опыт. Далее зарегистрируйте Linguise аккаунт, интегрируйте его со своим сайтом Craft CMS и настройте переключатель языка, чтобы ещё больше улучшить пользовательский опыт.
