Как создать эффективный раскрывающийся список языков в WordPress

Перевод вашего веб-сайта на несколько языков полезен для ваших пользователей и отлично подходит для вашего трафика. Когда посетители увидят, что они могут читать контент на вашем сайте на своем языке, они задержатся на нем дольше. Если вы предлагаете переводы, почему бы не сделать так, чтобы пользователям было как можно проще переключаться на предпочитаемый ими язык? В TranslatePress есть несколько способов отобразить раскрывающийся список языков:

• Выпадающее меню
• Выпадающий виджет или нижний колонтитул
• Плавающий селектор

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

Разработка эффективного раскрывающегося списка языков

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

Один важный выбор дизайна, который вы можете сделать, — это отображать языки на родном языке вашего сайта или на конкретном отображаемом языке. Например, на англоязычном сайте вместо «испанский» язык можно отобразить как «испанский». Это помогает пользователям легко определять свой язык и помогает им чувствовать себя комфортно при просмотре вашего сайта.

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

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

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

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

Теперь, когда мы рассмотрели аспекты дизайна, давайте рассмотрим, как воплотить все это в жизнь!

Ваши настройки переключателя языка

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

Вы увидите три варианта, каждый со своими настройками:

• Короткий код
• Пункт меню
• Плавающий выбор языка

Для каждого параметра используйте раскрывающиеся меню, чтобы выбрать, как будут отображаться названия языков. Например, вы можете выбрать «Полные названия языков» , «Краткие названия языков» , «Флажки с названиями языков » и т. д.

Кроме того, выбор плавающего языка дает вам выбор темной или светлой темы, а также позиционирование на странице.

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

Отображение раскрывающегося списка вашего языка

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

Короткий код

Если вы используете опцию шорткода [language-switcher] для раскрывающегося списка языков, вы можете отобразить переключатель практически в любом месте на вашем сайте, который принимает блок шорткода Gutenberg. Лучшее место для использования шорткода обычно находится в виджете, который вы можете разместить на боковой панели или в нижнем колонтитуле.

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

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

Пункт меню

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

Сначала выберите Текущий язык и любые языки, которые вы хотите отображать в раскрывающемся списке. Щелкните Добавить в меню . Затем расположите языки как подэлементы под текущим языком.

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

Плавающий выбор языка

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

Если вы включили эту опцию в настройках TranslatePress, как мы уже говорили ранее, она автоматически появится там, где вы указали — вам больше ничего не нужно делать!

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

Если вы используете платную версию TranslatePress, вы можете отображать любое количество языков. Однако, если вам нужен только один дополнительный язык, вы можете использовать бесплатную версию.

Упростите работу своих посетителей с помощью раскрывающегося списка языков

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

• Отображение имени на родном языке или языке вашего сайта;
• Использование флагов, чтобы помочь пользователям быстро определить свой язык;
• Размещение раскрывающегося списка языков.

Чем лучше вы сделаете опыт для своих пользователей, тем больше вероятность того, что они останутся на вашем сайте и вернутся!

TranslatePress Многоязычный

TranslatePress — это самый простой способ перевести ваш сайт WordPress. Это быстро, не замедляет работу вашего сайта, работает с ЛЮБОЙ темой или плагином и оптимизировано для SEO.

Получить плагин

Или скачать БЕСПЛАТНУЮ версию

Если у вас есть еще вопросы о том, как настроить раскрывающийся список языков, не стесняйтесь, дайте нам знать в комментариях!