Настройка переключателя языка в 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 , важно понять лучшие практики разработки переключателя языка и его производительности, которые принесут пользу как вашему сайту, так и посетителям.
Используйте легко узнаваемый логотип языкового флага.
Использование общепризнанных языковых значков или флагов имеет решающее значение, чтобы посетители могли быстро определить и выбрать предпочтительный вариант языка. Убедитесь, что используемые значки или флаги понятны, имеют хороший цветовой контраст и широко понятны в разных культурах, чтобы избежать путаницы или двусмысленности.
Знакомые символы или значки помогают создать интуитивно понятный и удобный интерфейс, позволяя посетителям легко переходить к нужной языковой версии. Очень важно выбирать общеизвестные значки или флаги, чтобы избежать недопонимания или путаницы.
Использование названий языков и флагов
Помимо использования только флагов, желательно рассмотреть возможность включения как флагов, так и названий исходного языка. Такой подход может помочь избежать путаницы, поскольку на некоторых языках говорят в нескольких странах под разными флагами.
Непосредственное использование названий языков устраняет двусмысленность и гарантирует, что посетители смогут четко определить и выбрать желаемый язык без недопонимания. Более того, использование языковых названий может быть более инклюзивным и уважительным к культурному разнообразию.
Разместите кнопку переключения языка стратегически
Давайте разместим кнопку переключения языка на видном и легкодоступном месте вашего веб-сайта. Стандартные места размещения включают верхний, нижний колонтитул или главное меню навигации. Эти места интуитивно понятны большинству пользователей Интернета и соответствуют их ожиданиям при поиске языковых вариантов.
Единообразное размещение на всех страницах гарантирует, что посетители смогут легко получить доступ к переключателю языка независимо от точки входа или конкретной страницы, которую они посещают. Такое последовательное размещение помогает создать плавный и предсказуемый пользовательский опыт.
Реализуйте адаптивный дизайн переключателя языков.
Убедитесь, что кнопка переключения языка реагирует и хорошо работает на различных устройствах и размерах экранов, включая настольные компьютеры, планшеты и смартфоны. Протестируйте его на разных устройствах и разрешениях экрана, чтобы обеспечить удобство работы с пользователем без обрезки или перекрытия элементов.
Адаптивный дизайн гарантирует, что посетители смогут легко получить доступ к языковым опциям с любого используемого ими устройства, что повышает доступность и удобство переключения языков.
Убедитесь, что переключатель языка единообразен на всех страницах.
Убедитесь, что переключатель языка поддерживает единообразный внешний вид и поведение на вашем веб-сайте. Пользователи должны иметь возможность плавно переключать языки независимо от того, на какой странице они находятся или какой контент просматривают. Согласованность не только обеспечивает целостный пользовательский интерфейс, но также повышает доступность и доступность языковых вариантов, укрепляя доверие и уверенность в вашем многоязычном веб-сайте.
Любое несоответствие в переключателе языка может сбить с толку и расстроить пользователей, что потенциально может привести к тому, что они покинут ваш сайт.
Настройте переключатель языка на Craft CMS с Linguise !
На этом этапе вы должны понимать, что настраиваете переключатель языка для многоязычного веб-сайта Craft CMS . Установка переключателя языка может дать различные преимущества и может быть настроена на основе ранее упомянутых моментов.
Оптимизация переключателя языка может значительно улучшить общее впечатление от пользователя. Затем зарегистрируйте учетную запись Linguise , интегрируйте ее со своим Craft CMS и настройте переключатель языка, чтобы еще больше улучшить взаимодействие с пользователем.