Как настроить переключатель языка в Craft CMS

автор: Аоринка Анендья
13 июня 2024 г.

Блог > Руководство > Как настроить переключатель языка в Craft CMS

Настройка переключателя языка в Craft CMS — важная функция для любого веб-сайта, стремящегося охватить глобальную аудиторию. В современную эпоху глобализации возможность плавного переключения между несколькими языками является насущной необходимостью.

Установка переключателя языка в Craft CMS расширяет доступность для посетителей из разных стран, может улучшить рейтинг в поисковых системах и укрепить доверие к бренду во всем мире. Хотя это может показаться сложным, это пошаговое руководство поможет вам сделать это плавно и эффективно на вашем Craft CMS .

Важность настройки переключателя языка в Craft CMS

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

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

Преодолейте языковые барьеры

Попрощайтесь с языковыми барьерами и приветствуйте безграничный рост! Попробуйте наш автоматический перевод сегодня.

Начать перевод сейчас

Как настроить переключатель языка в Craft CMS

Поняв важность использования переключателя языка на многоязычном веб-сайте Craft CMS , давайте обсудим, как это сделать. Обычно службы перевода веб-сайтов предлагают эту функцию, которую можно настроить в соответствии с вашими потребностями.

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

Одним из сервисов, соответствующих этим критериям, является Linguise . Linguise предлагает функцию переключения языка, которая легко настраивается и удобна для пользователя и хорошо интегрируется с Craft CMS .

Используя бесшовную интеграцию Linguise с платформой Craft CMS , вы можете легко добавить переключатель языка в свое многоязычное приложение. Благодаря расширенным функциям Linguise и удобному интерфейсу настройка и обслуживание переключателя языка на вашем веб-сайте Craft CMS станет намного проще.

Ниже приведены инструкции по установке Linguise на многоязычном веб-сайте Craft CMS и настройке переключателя языка.

№1: Зарегистрируйте бесплатную учетную запись Linguise

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

На протяжении всего пробного периода вы будете пользоваться доступом ко всем замечательным функциям Linguise . После завершения судебного разбирательства вы будете перенаправлены на панель управления Linguise .

№2: Добавление доменного сайта Craft CMS

Как только ваша Linguise будет создана, вы будете перенаправлены на панель управления для ввода Craft CMS . Выберите «Добавить домен» и заполните предоставленные поля:

Счет
URL-адрес
Используемая платформа ( Craft CMS )
Язык по умолчанию
Языки перевода
Перевести URL-адреса
Динамический перевод контента

Вы можете получить ключ API, который необходимо вставить на следующем этапе.

#4: Загрузите скрипт Linguise

Далее вам необходимо загрузить скрипт перевода Linguise на свой сервер, где установлена Craft CMS .

Загрузите сценарий перевода PHP-JS, разархивируйте его и загрузите в корневой каталог установки Craft CMS .

Убедитесь, что сценарий размещен в корневом каталоге вашего веб-сайта, где расположены файлы Craft CMS , и что папка сохраняет свое первоначальное имя « linguise ».

После этого вставьте ключ Linguise API в файл Configuration.php, который вы загрузили на свой сервер. Откройте файл для редактирования и вставьте свой ключ API в кавычки, заменив текст REPLACE_BY_YOUR_TOKEN.

#5: Включите и настройте переключатель языка

Ссылку на скрипт Linguise JS необходимо включить во все страницы вашей Craft CMS чтобы отобразить переключатель языка с флагами и включить альтернативные URL-адреса в заголовки HTML для преимуществ SEO.

Чтобы получить ссылку на скрипт, перейдите к настройкам домена на панели управления Linguise и скопируйте предоставленную ссылку на скрипт оттуда.

Самый простой способ включить этот код в Craft CMS — добавить его в индекс вашего шаблона. Откройте папку /template и отредактируйте индексный файл, включив ссылку на скрипт в раздел заголовка.

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

Переключатель языка изначально будет отображаться в формате по умолчанию, но вы можете настроить его индивидуально. Настройте переключатель языка с помощью Linguise , выбрав «Настройки» > «Отображение языковых флагов» . В этом разделе представлены различные параметры настройки, включая основной дисплей, названия языков и элементы дизайна.

#6 Настройте главный дисплей

Чтобы начать настройку переключателя языка, перейдите в «Настройки» > «Отображение языковых флагов» на Linguise .

В этом разделе вы можете настроить несколько параметров. Во-первых, это основные настройки дисплея, в которых вы можете изменять различные элементы, например.

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

#7 Установите дизайн флага

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

Отображение названия языка. Вы можете отображать название языка на основе названия страны или самого языка. Например, вы можете показать «Французский» или «Французский».
Тип английского флага. Эта функция полезна для языков с множеством вариантов, таких как американский или британский английский. Это также применимо к испанскому, тайваньскому, немецкому и португальскому языкам.
Стиль флага: этот параметр позволяет выбрать форму значка флага: круглую или прямоугольную.

#8 Установите цвет и размер.

После того, как вы завершили настройку дизайна флага, вы можете приступить к настройке цвета и размера флагов. Ниже приведены некоторые настройки, доступные для настройки.

Флаг border-radius: настройте радиус границы для прямоугольного стиля флага, измеряемый в пикселях.
Цвет названия языка: выберите цвет текста по умолчанию для отображения имени.
Цвет языка всплывающего окна: определите цвет текста заголовка языка во всплывающем или раскрывающемся списке.
Размер флага: измените размер значков флагов.
Цвет при наведении на название языка: укажите цвет текста, который будет отображаться, когда пользователь наводит указатель мыши на название языка.
Цвет при наведении на язык всплывающего окна: определите цвет текста, который появляется, когда пользователь наводит указатель мыши на заголовок языка во всплывающем или раскрывающемся списке.

#9 Настройте тень окна

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

После внесения всех необходимых изменений нажмите кнопку «Сохранить», чтобы применить изменения настройки. Затем перейдите на веб-сайт Craft CMS и убедитесь, что конфигурация успешно применена. Примерно так будет отображаться переключатель языка.

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

Затем мы автоматически переведем Craft CMS на другие языки, например немецкий.

5 советов по оптимизации переключателя языков в Craft CMS

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

Используйте легко узнаваемый логотип языкового флага.

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

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

Использование названий языков и флагов

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

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

Разместите кнопку переключения языка стратегически

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

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

Реализуйте адаптивный дизайн переключателя языков.

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

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

Убедитесь, что переключатель языка единообразен на всех страницах.

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

Любое несоответствие в переключателе языка может сбить с толку и расстроить пользователей, что потенциально может привести к тому, что они покинут ваш сайт.

Готовы осваивать новые рынки? Попробуйте наш автоматический перевод бесплатно с нашей 1-месячной пробной версией без риска. Кредитная карта не нужна!

Получите бесплатную пробную версию на 1 месяц

Настройте переключатель языка на Craft CMS с Linguise !

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

Оптимизация переключателя языка может значительно улучшить общее впечатление от пользователя. Затем зарегистрируйте учетную запись Linguise , интегрируйте ее со своим Craft CMS и настройте переключатель языка, чтобы еще больше улучшить взаимодействие с пользователем.

Как настроить переключатель языка в Craft CMS

Важность настройки переключателя языка в Craft CMS

Как настроить переключатель языка в Craft CMS

№1: Зарегистрируйте бесплатную учетную запись Linguise

№2: Добавление доменного сайта Craft CMS

#4: Загрузите скрипт Linguise

#5: Включите и настройте переключатель языка

#6 Настройте главный дисплей

#7 Установите дизайн флага

#8 Установите цвет и размер.

#9 Настройте тень окна

5 советов по оптимизации переключателя языков в Craft CMS

Используйте легко узнаваемый логотип языкового флага.

Использование названий языков и флагов

Разместите кнопку переключения языка стратегически

Реализуйте адаптивный дизайн переключателя языков.

Убедитесь, что переключатель языка единообразен на всех страницах.

Настройте переключатель языка на Craft CMS с Linguise !

Вам также может быть интересно прочитать

Кантонский диалект и китайский, в чем разница?

Электронная коммерция Webflow : 5+ советов по выходу на международный рынок

Как выбрать лучший плагин перевода WooCommerce для вашего многоязычного магазина (+настройка)

Законодательство

Поддерживать

Продукт