Перемикач мови є одним з елементів багатомовного сайту, на який важливо звернути увагу при створенні багатомовного сайту, одним з яких є багатомовний сайт Drupal .
Перемикач мови - це кнопка перемикання мови, яка використовується для перемикання на іншу мову під час відвідування веб-сайту. Зробити перемикач мови зручним для відвідувачів важливо, оскільки це може покращити користувацький досвід та оптимізувати SEO.
: Отже, як ви налаштуєте перемикач мови для Drupal і які переваги для веб-сайту? Продовжуйте читати пояснення нижче.
Чому створення перемикача мови важливе для багатомовних веб-сайтів Drupal
Розробка зручного перемикача мови має вирішальне значення для успіху багатомовного веб-сайту. Нижче наведено причини, чому створення налаштування перемикача мови для Drupal багатомовних сайтів є корисним.
- Enhanced user experience: A user-friendly language switcher facilitates seamless transitions between languages, simplifying navigation and comprehension of content. This contributes to an improved overall user experience, reducing frustration and boosting engagement.
- Інтуїтивна навігація: Користувачі повинні легко знаходити та використовувати перемикач мови. Інтуїтивно зрозумілий перемикач із чітким розміщенням та легко розпізнаваними іконками чи мітками заохочує користувачів легко переключатися між мовами.
- Зменшення кількості відмов: Зручний перемикач мови допомагає зменшити кількість відмов. Коли відвідувачі можуть швидко знайти та вибрати потрібну мову, вони з більшою ймовірністю залишаться на сайті, вивчать контент і потенційно конвертуються.
- Clear communication: Effective communication with users is vital for language switchers. Clear and concise labels or symbols aid in conveying available language options, minimizing confusion, and ensuring users can make well-informed choices.
- SEO optimization: Search engines factor in user experience when ranking websites. A well-implemented, user-friendly language switcher can positively impact multilingual SEO, enhancing the visibility and accessibility of your site to users searching in multiple languages.
Як налаштувати перемикач мови для Drupal?
Функція перемикання мови зазвичай надається сервісом перекладу сайту. Цю функцію можна налаштувати відповідно до потреб того, що користувач хоче розробити.
Однак іноді не всі сервіси перекладу надають функцію перемикання мови, яка проста у налаштуванні та використанні. Тому важливо шукати автоматичний сервіс перекладу, який надає та сумісний з багатьма CMS, одним з яких є Linguise.
Linguise автоматичний переклад забезпечує гнучкий і легко настроюваний функціонал перемикання мови та інтегрований з Drupal.
Потім, як налаштувати перемикач мови для сайту Drupal . Просто продовжуйте читати пояснення нижче.
Крок 1: Зареєструйте обліковий запис Linguise
Початковий процес реєстрації передбачає створення безкоштовного облікового запису в Linguise та використання їхнього одномісячного безкоштовного пробного періоду. Щоб зареєструватися в обліковому записі Linguise, просто надайте свою адресу електронної пошти для створення імені користувача та пароля.
Протягом пробного періоду, який триває повний місяць, ви матимете доступ до ряду вичерпних і переконливих функцій, пропонованих Linguise. Після завершення пробного періоду ви будете перенаправлені до панелі керування Linguise .
Крок 2: Додайте домен веб-сайту Drupal
У панелі керування Linguise вам потрібно буде додати домен вашого Drupal сайту, який потребує перекладу. Потрібно заповнити декілька полів, включаючи.
- Обліковий запис
- URL-адреси
- Платформи/СМСТ
- Мова
- Мова перекладу
- Перекладіть URL-адреси
Продовжуйте, увімкнувши ключ API та налаштувавши URL-адресу мови. Щоб отримати вичерпні вказівки щодо додавання домену веб-сайту, ознайомтеся з інструкціями у посібнику з встановлення Linguise автоматичного перекладу на Drupal або перегляньте навчальне відео нижче.
Крок 3: Активуйте перемикач мови
Після завершення всіх налаштувань наступним кроком є введення налаштувань перемикання мови та відображення прапора для підвищення зручності користувача під час переходу між мовами. Щоб зробити це, скопіюйте код, наданий у Linguise панелі керування, перейшовши до Linguise панелі керування > Налаштування > копіювати до буфера обміну.
Щоб додати контент до заголовка сторінки, ви можете скористатися модулем Drupal з назвою Додати до заголовка. Просто перейдіть до Конфігурація > Розробка > Додати профіль.
Finally, make sure to validate or verify the script location.
The language switcher will initially display in a floating position at the upper right corner of your website. You have the flexibility to customize based on your preferences.
Крок 4: Налаштування основного дисплея
Додатково, у вас є можливість налаштувати перемикач мови, перейшовши до Linguise панелі управління та перейшовши до розділу Налаштування. У цьому розділі перейдіть до налаштувань Відображення прапорів мов. Будь-які зміни, внесені в цей розділ, будуть автоматично відображені в перемикачі мови на вашому веб-сайті.
Під час початкового налаштування ми будемо коригувати основний дисплей, фокусуючись на різних компонентах.
Початковим розглядом є конфігурація форми відображення списку мов, що надає три варіанти вибору: розташування поруч, спадне меню або спливаюче вікно. З лівого боку є попередній перегляд відображення для кожної форми.
Перша форма, представлена нижче, є розташуванням поруч.
Наступна форма набуває вигляду спадного меню, як показано нижче.
Нарешті, є форма спливаючого вікна.
Продовжуючи, наступний крок передбачає налаштування позиції, де ви можете визначити розміщення перемикача мови. Є кілька варіантів позиціонування на вибір, тому обов'язково оберіть позицію, яка легко помітна відвідувачам.
Нарешті, оберіть комбінацію уподобань, чи це прапор + назва мови, прапор + коротка назва, чи лише прапор.
Крок 5: Встановіть дизайн прапорів
Після цього, під розділом основного відображення, ви знайдете конфігурації дизайну для прапора. Зображення нижче ілюструє деякі доступні параметри налаштування.
- Відображення назви мови: У вас є вибір відображати назву на основі країни або мови, наприклад “Німецька” або “Deutsch.”
- Тип прапорця англійської мови: Цей параметр застосовується до мов із кількома варіантами, як-от «англійська США» або «англійська Британія» (аналогічно іспанській, тайванській, німецькій та португальській).
- Стиль прапорця: Цей параметр дозволяє визначити форму значка прапорця, чи повинен він бути круглим або квадратним (прямокутним).
Крок 6: Встановіть колір та розмір прапорця
After setting up the flag design, the subsequent action involves adjusting colors, size, and various other elements. In the following interface, numerous customizable settings are available, including:
- Радіус рамки прапора: Персоналізація радіуса рамки в пікселях при використанні прямокутника.
- Колір назви мови: Вибір кольору тексту за замовчуванням для назви мови.
- Колір мови у спливаючому вікні: Колір назви мови у спливаючому вікні або випадаючих областях.
- Розмір прапорця: Зміна розміру прапорця.
- Колір назви мови при наведенні: Колір тексту при наведенні миші на назви мов.
- Колір наведення мови у спливаючому вікні: Колір тексту при наведенні миші на назву мови у спливаючому вікні або спадному меню.
Крок 7: Встановіть тінь прапорця
Під час останньої фази у вас є можливість налаштувати параметри тіні для прапора. Початкове налаштування дозволяє вказати тінь для кожного прапора, що відображається на вашому веб-сайті, тоді як подальше налаштування стосується ефекту тіні при наведенні на прапор мови.
Ensure to click on Save to preserve the customization settings for the language switcher.
Після того, як ви налаштували перемикач мови для Drupal, ось результати, яких можна очікувати від перемикача мови.
Як створити зручний перемикач мови для свого веб-сайту Drupal ?
Після процесу встановлення перемикача мови для Drupalтепер важливо розуміти, як створити зручний перемикач мови для покращення різних переваг вашого веб-сайту.
- Впізнавані іконки або прапори: Використовуйте добре відомі іконки мов або прапори для представлення різних мов. Забезпечте, щоб вибрана іконка або прапор були візуально помітними та загальновизнаними для ясності.
- Стратегічне розміщення: Розмістіть інструмент перемикання мови на видному місці на своєму веб-сайті, в ідеалі послідовно на всіх сторінках, таких як заголовки, нижні колонтитули або меню навігації. Забезпечте видимість та легку доступність інструменту перекладу.
- Мітка мови на прапорах:Чітко позначте кожен варіант мови відповідною мовою. Наприклад, використовуйте “Українська” для української, “English” для англійської, “Español” для іспанської, “Deutsch” для німецької тощо. Це допомагає користувачам ідентифікувати та вибирати бажану мову без зусиль.
- Innovative design: Employ an innovative design for the translation tool, utilizing familiar symbols or text to indicate language choices. For example, use “EN” for English and “DE” for Deutsch. Ensure the language-switching tool stands out by employing distinct colors or highlighting.
- Зручне перемикання: Спростіть процес для користувачів, щоб вони могли перемкнутися на іншу мову, якщо стандартна мова не відповідає їхнім уподобанням. Уникайте використання спадних меню, списків прапорів/іконок або кнопок перемикання для вибору мови.
- Адаптивний дизайн:Забезпечте, щоб інструмент перемикання мови був адаптивним і функціонував безперешкодно на різних пристроях і розмірах екрана. Перевірте його функціональність на настільних комп'ютерах, смартфонах і планшетах, щоб гарантувати безперебійну роботу для всіх користувачів.
Налаштуйте перемикач мови для мультилінгвістичного веб-сайту Drupal за допомогою Linguise!
На цей момент ви отримали уявлення про конфігурації перемикача мови для Drupal. Створення перемикача мови може принести численні переваги та, відповідно, забезпечити оптимізацію на основі вищезазначених пунктів.
Відповідним чином оптимізуючи перемикач мови, можна покращити загальний користувацький досвід.
Тепер? Продовжуйте та зареєструйте Linguise обліковий запис, додайте свій Drupal
