Перемикач мов — один із елементів багатомовного веб-сайту, на який важливо звернути увагу при створенні багатомовного сайту, одним із яких є багатомовний веб-сайт Drupal .
Перемикач мови – це кнопка перемикання мови, яка використовується для перемикання на іншу мову під час відвідування веб-сайту. Зробити перемикач мов зручним для відвідувачів важливо, оскільки це може покращити взаємодію з користувачем і може оптимізувати SEO.
Отже, як налаштувати перемикач мов для Drupal і які переваги для веб-сайту? Продовжуйте читати пояснення нижче.
Чому створення перемикача мов важливо для багатомовних веб-сайтів Drupal ?
Розробка зручного перемикача мов має вирішальне значення для успіху багатомовного веб-сайту. Нижче наведено причини, чому створення перемикача мов для Drupal є корисним.
- Покращена взаємодія з користувачем: зручний перемикач мов полегшує плавний перехід між мовами, спрощуючи навігацію та розуміння вмісту. Це покращує загальну взаємодію з користувачем, зменшує розчарування та підвищує взаємодію.
- Інтуїтивно зрозуміла навігація: користувачі повинні легко знаходити та використовувати перемикач мов. Інтуїтивно зрозумілий перемикач із чітким розташуванням і легко впізнаваними піктограмами чи мітками заохочує користувачів легко перемикатися між мовами.
- Зменшення показника відмов: зручний перемикач мов допомагає знизити показники відмов. Коли відвідувачі можуть швидко знайти та вибрати бажану мову, вони, швидше за все, залишаться на сайті, досліджуватимуть вміст і потенційно здійснять конверсію.
- Чітка комунікація. Ефективна комунікація з користувачами є життєво важливою для людей, які змінюють мову. Чіткі та лаконічні мітки чи символи допомагають передавати доступні мовні параметри, мінімізуючи плутанину та гарантуючи, що користувачі можуть робити обґрунтований вибір.
- SEO-оптимізація: під час рейтингу веб-сайтів пошукові системи враховують досвід користувача. Добре реалізований зручний перемикач мов може позитивно вплинути на багатомовне оптимізацію пошукових систем, покращуючи видимість і доступність вашого сайту для користувачів, які здійснюють пошук кількома мовами.
Як налаштувати перемикач мов для Drupal ?
Функція перемикання мов зазвичай надається службою перекладу веб-сайтів. Цю функцію можна налаштувати відповідно до потреб користувача, який хоче створити дизайн.
Однак іноді не всі служби перекладу забезпечують функцію перемикання мов, яку легко налаштувати та використовувати. Тому важливо шукати службу автоматичного перекладу, яка надає та сумісна з багатьма CMS, однією з яких є Linguise .
Автоматичний переклад Linguise забезпечує гнучку та легко настроювану функцію перемикання мов та інтегровано з Drupal .
Потім, як налаштувати перемикач мов для веб-сайту Drupal . Просто продовжуйте читати пояснення нижче.
Крок 1. Зареєструйте обліковий запис Linguise
Початковий процес реєстрації включає створення безкоштовного облікового запису в Linguise та використання їх одномісячної безкоштовної пробної версії. Щоб зареєструвати обліковий запис Linguise , просто введіть свою адресу електронної пошти, щоб створити ім’я користувача та пароль.
Протягом випробувального періоду, який охоплює цілий місяць, ви матимете доступ до ряду комплексних і привабливих функцій, які пропонує Linguise . Після завершення пробного періоду ви перейдете на інформаційну панель Linguise .
Крок 2. Додайте веб-сайт домену Drupal
На інформаційній Linguise вам потрібно буде додати домен вашого Drupal , який потребує перекладу. Необхідно заповнити декілька полів, у тому числі.
- Обліковий запис
- URL-адреси
- Платформи/CMS
- Мова
- Мова перекладу
- Перекласти URL-адреси
Увімкніть ключ API та налаштуйте URL-адресу мови. Щоб отримати вичерпні вказівки щодо додавання домену веб-сайту, ознайомтеся з інструкціями в посібнику зі встановлення автоматичного перекладу Linguise Drupal або перегляньте навчальне відео, надане нижче.
Крок 3. Активуйте перемикач мов
Після завершення всіх налаштувань наступна дія включає введення налаштувань перемикання мови та надання позначки для підвищення зручності користувача під час переходу мови. Для цього скопіюйте код, наданий на Linguise , перейшовши до Linguise > Налаштування > копіювати в буфер обміну.
Щоб додати вміст до заголовка сторінки, ви можете скористатися Drupal під назвою «Додати до заголовка». Просто перейдіть до Конфігурація > Розробка > Додати профіль.
Насамкінець обов’язково перевірте розташування сценарію.
Перемикач мов спочатку відображатиметься у плаваючому положенні у верхньому правому куті вашого веб-сайту. У вас є можливість налаштувати відповідно до ваших уподобань.
Крок 4: Налаштуйте головний дисплей
Крім того, у вас є можливість персоналізувати перемикач мов, перейшовши на Linguise і перейшовши до «Налаштування» . У цій області перейдіть до відображення прапорців мови . Будь-які зміни, внесені в цей сегмент, автоматично відображатимуться в перемикачі мов на вашому веб-сайті.
Під час початкового налаштування ми налаштуємо основний дисплей, зосередившись на різних компонентах.
Початковим розглядом є конфігурація форми відображення списку мов із трьома варіантами на вибір: поруч, розкривне меню або спливаюче вікно. Ліворуч є вікно попереднього перегляду для кожної форми.
Перша форма, представлена нижче, — це компонування поруч.
Подальша форма приймає форму розкривного списку, як показано нижче.
Нарешті, є спливаюча форма.
Рухаючись далі, наступний крок передбачає налаштування позиції, де ви можете визначити розташування перемикача мов. Існує кілька варіантів позиції на вибір, тому переконайтеся, що вибираєте позицію, яку легко помітити відвідувачі.
Нарешті, визначте перевагу комбінації: прапор + назва мови, прапор + коротка назва чи лише прапор.
Крок 5: Встановити дизайн прапорів
Після цього під розділом основного дисплея ви знайдете конфігурації дизайну для прапора. На зображенні нижче показано деякі з доступних параметрів налаштування.
- Відображення назви мови: ви можете вибрати відображення назви на основі країни або мови, наприклад «німецька» або «німецька».
- Тип англійського прапора: цей параметр застосовний до мов із кількома варіантами, як-от «English USA» або «English Britain» (подібно до іспанської, тайванської, німецької та португальської).
- Стиль прапора: цей параметр дозволяє визначити форму піктограми прапора, круглою чи квадратною (прямокутною).
Крок 6: Встановіть колір і розмір прапора
Після налаштування дизайну прапора наступні дії включають налаштування кольорів, розміру та інших елементів. У наведеному нижче інтерфейсі доступні численні настроювані параметри, зокрема:
- Позначити border-radius: персоналізація радіуса межі в пікселях під час використання прямокутника.
- Колір назви мови: вибір кольору тексту за замовчуванням для назви мови.
- Колір мови спливаючого вікна: колір назви мови у спливаючому або спадному меню.
- Розмір прапора: зміна розміру прапора.
- Колір назви мови при наведенні курсора: колір тексту під час наведення курсора миші на назву мови.
- Колір мови спливаючого вікна при наведенні курсора: колір тексту під час наведення курсора миші на назву мови у спливаючому вікні чи спадному списку.
Крок 7: Встановіть прапорець box-shadow
На останньому етапі у вас є можливість налаштувати параметри тіні для прапора. Початкове налаштування дозволяє вказати тінь для кожного прапора, що відображається на вашому веб-сайті, тоді як наступне налаштування стосується ефекту тіні під час наведення курсора на прапор мови.
Переконайтеся, що ви натиснули «Зберегти» , щоб зберегти параметри налаштування для перемикача мов.
Після того як ви налаштували перемикач мов для Drupal , ось результати, які ви можете очікувати від перемикача мов.
Як створити зручний перемикач мов для вашого веб-сайту Drupal ?
Після процесу встановлення перемикача мов для Drupal , тепер важливо зрозуміти, як створити зручний перемикач мов, щоб підвищити різноманітні переваги для вашого веб-сайту.
- Розпізнавані піктограми чи прапорці: використовуйте значки чи прапорці добре відомих мов для представлення різних мов. Переконайтеся, що вибраний значок або прапор є візуально помітним і загальновизнаним для чіткості.
- Стратегічне розміщення: розташуйте інструмент перемикання мов на помітному місці на своєму веб-сайті, в ідеалі, узгоджено на всіх сторінках, наприклад у верхніх і нижніх колонтитулах або навігаційних меню. Забезпечте видимість і легкий доступ до інструменту перекладу.
- Мовна позначка на прапорцях: чітко позначте кожен параметр мови відповідною мовою. Наприклад, використовуйте «English» для англійської, «Español» для іспанської, «Deutsch» для німецької тощо. Це допоможе користувачам легко визначити та вибрати бажану мову.
- Інноваційний дизайн: використовуйте інноваційний дизайн для інструмента перекладу, використовуючи знайомі символи або текст для позначення вибору мови. Наприклад, використовуйте «EN» для англійської мови та «DE» для німецької мови. Переконайтеся, що інструмент перемикання мов виділяється, використовуючи різні кольори або підсвічування.
- Зручне перемикання: спростіть для користувачів процес переходу на іншу мову, якщо мова за замовчуванням не відповідає їхнім уподобанням. Уникайте використання спадних меню, списків прапорців/значків або кнопок перемикання для вибору мови.
- Чуйний дизайн. Переконайтеся, що інструмент перемикання мов швидко реагує та працює бездоганно на різних пристроях і розмірах екрана. Перевірте його функціональність на настільних комп’ютерах, смартфонах і планшетах, щоб гарантувати безперебійну роботу для всіх користувачів.
Налаштуйте перемикач мов для багатомовного веб-сайту Drupal за допомогою Linguise !
На даний момент ви отримали уявлення про конфігурації перемикача мов для Drupal . Створення перемикача мов може принести численні переваги, а отже, забезпечити оптимізацію на основі вищезазначених моментів.
Належним чином оптимізувавши перемикач мов, він може покращити загальну взаємодію з користувачем.
Зараз? Зареєструйте обліковий запис Linguise , зареєструйте свій Drupal і налаштуйте перемикач мов, щоб покращити роботу користувача.