Налаштування перемикача мови на Craft CMS є важливою функцією для будь-якого веб-сайту, який прагне досягти глобальної аудиторії. У сучасну епоху глобалізації можливість безперешкодно перемикатися між кількома мовами є нагальною потребою.
Налаштуйте перемикач мови на Craft CMS, що покращує доступність для відвідувачів з різних країн, може покращити позиції у пошукових системах та побудувати довіру глобального бренду. Хоча це може здатися складним, цей покроковий посібник допоможе вам зробити це швидко та ефективно на вашому сайті Craft CMS
Важливість налаштування перемикача мови на Craft CMS
Перш ніж перейти до того, як налаштувати перемикач мови на Craft CMS, давайте спочатку обговоримо важливість налаштування перемикача мови. Ось деякі з них.
- Кращий досвід користувача: Перемикач мови дозволяє відвідувачам легко отримувати доступ до контенту їхньою мовою, що покращує їхнє розуміння та взаємодію з веб-сайтом.
- Зменшення кількості відмов: Відвідувачі, які не можуть знайти потрібну їм мову, можуть одразу залишити ваш веб-сайт. Перемикач мови, який надає кілька мов, може запобігти їхньому відходу з сайту.
- Збільшення конверсій: Розуміння деталей продукту, політики та процесу покупки на їхній мові може спонукати відвідувачів до покупки або інших дій.
- Optimizing Multilingual SEO: Search engines consider user experience factors when ranking websites. A user-friendly language switcher can improve your multilingual SEO ranking by making it easier for visitors to access content in their language. Correctly translating content also sends positive signals to search engines that your site is relevant for various queries in different languages.
Як налаштувати перемикач мови на 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
Once your Linguise account is created, you’ll be directed to the dashboard to input your Craft CMS website domain. Select “Add domain” and complete the fields provided:
- Обліковий запис
- URL-адреса
- Платформа, що використовується (Craft CMS)
- Мова за замовчуванням
- Мови перекладу
- Перекладіть URL-адреси
- Динамічний переклад контенту
Ви можете отримати ключ API, який потрібно вставити на наступному етапі.
#4: Завантажте сценарій Linguise
Далі вам потрібно буде завантажити сценарій перекладу Linguise на ваш сервер, де встановлено Craft CMS .
Завантажте сценарій перекладу PHP-JS, розпакуйте його та завантажте до кореневого каталогу вашої установки Craft CMS .
Переконайтеся, що скрипт розміщено у кореневому каталозі вашого веб-сайту, де знаходяться файли Craft CMS , і що папка зберігає свою оригінальну назву, «linguise»
Afterwards, insert the Linguise API key into the Configuration.php file you uploaded to your server. Open the file for editing and paste your API key within the quotes, replacing the text REPLACE_BY_YOUR_TOKEN.
#5: Увімкніть і налаштуйте перемикач мови
The Linguise JS script link needs to be incorporated into all pages of your Craft CMS to display the language switcher with flags and to include alternate URLs in your HTML headers for SEO benefits.
Щоб отримати посилання на скрипт, перейдіть до налаштувань домену в панелі керування Linguise та скопіюйте надане посилання на скрипт звідти.
Легкий спосіб включити цей код у Craft CMS - додати його до індексу шаблону. Відкрийте папку /template та відредагуйте індексний файл, щоб додати посилання на скрипт у розділі заголовка.
Щоб відобразити перемикач мови, представлений спливаючим вікном прапорця для вибору потрібної мови, ви можете завантажити його, копіюючи наданий код у кінці конфігурації веб-сайту та вставляючи його в голову вашої HTML-сторінки. Ця дія дозволить автоматично завантажувати перемикач мови прапорця.
Перемикач мови спочатку відображатиметься у форматі за замовчуванням, але ви можете персоналізувати його. Налаштуйте перемикач мови через Linguise панель керування, перейшовши до Налаштування > Відображення прапорів мови
#6 Configure main display
Щоб розпочати налаштування перемикача мови, перейдіть до розділу «Налаштування» > «Відображення прапорів мови» у панелі керування Linguise.
У цьому розділі ви можете налаштувати кілька параметрів. По-перше, є основні параметри відображення, де ви можете змінити різні елементи, такі як.
- Стиль значка прапора: Ви можете вибрати відображення поруч, спадне меню або спливаюче вікно.
- Позиція:
#7 Встановіть дизайн прапорця
Після коригування основних налаштувань відображення ви можете приступити до налаштування дизайну відображуваних прапорів.
- Відображення назви мови: Ви можете відображати назву мови на основі назви країни або самої мови. Наприклад, ви можете показати «Французька» або «Français».
- Тип прапора англійської мови:Ця функція корисна для мов з кількома варіаціями, як американська або британська англійська. Вона також застосовується для іспанської, тайванської, німецької та португальської.
- Стиль прапора:
#8 Встановіть колір та розмір
Once you’ve completed the flag design configuration, you can proceed to customize the color and size of the flags. Below are some settings available for adjustment.
- Flag border-radius: Tailor the border-radius for the rectangular flag style, measured in pixels.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назви.
- Колір мови у спливаючому вікні: Визначте колір тексту назви мови у спливаючому вікні або спадному меню.
- Розмір прапорця: Змініть розмір значків прапорця.
- Колір наведення назви мови: Вкажіть колір тексту, який з'являється, коли користувач наводить курсор на назву мови.
- Колір наведення на мову у спливаючому вікні: Визначте колір тексту, який з'являється, коли користувач наводить курсор на назву мови у спливаючому вікні або випадаючій області.
#9 Налаштування тіні блоку
Нарешті, ви можете налаштувати налаштування тіні прапорця. Початковий варіант дозволяє додати ефект тіні до кожного значка прапорця, показаного на вашому веб-сайті. Подальший варіант керує ефектом тіні, коли користувачі наводять курсор миші на прапорці мови.
Після внесення всіх необхідних змін натисніть кнопку Зберегти, щоб застосувати зміни в налаштуваннях. Потім перейдіть на свій сайт Craft CMS , щоб підтвердити, що конфігурацію було успішно застосовано. Ось приблизно як буде відображатися перемикач мови.
Після завершення процесу налаштування ви можете спостерігати функціональність перемикача мови на своєму Craft CMS багатомовному веб-сайті.
Потім ми автоматично перекладемо Craft CMS
5 порад щодо оптимізації перемикача мови на Craft CMS
Як тільки ви налаштуєте перемикач мови на своєму Craft CMS багатомовному веб-сайті, важливо зрозуміти найкращі практики проектування вибору мови та його продуктивність, щоб приносити користь як вашому сайту, так і відвідувачам.
Використовуйте легко впізнаваний логотип прапора мови
Використання загальновизнаних значків або прапорів мови є важливим, щоб відвідувачі могли швидко ідентифікувати та вибирати бажану мову. Переконайтеся, що використовувані значки або прапори є чіткими, мають хороший контраст кольорів і широко розуміються в різних культурах, щоб уникнути плутанини чи двозначності.
Знакомі символи або іконки допомагають створити інтуїтивно зрозумілий та зручний для користувачів досвід, дозволяючи відвідувачам легко переходити до потрібної їм версії мовою. Дуже важливо вибирати іконки або прапори, які загальновідомі, щоб уникнути непорозумінь чи плутанини.
Використання назв мов та прапорів
Крім використання лише прапорів, рекомендується розглянути можливість поєднання прапорів та оригінальних назв мов. Цей підхід може допомогти уникнути плутанини, оскільки деякі мови використовуються у кількох країнах з різними прапорами.
Безпосереднє використання назв мов усуває двозначність і гарантує, що відвідувачі зможуть чітко ідентифікувати та вибирати потрібну мову без непорозумінь. Крім того, використання назв мов може бути більш інклюзивним і поважним до культурної різноманітності.
Розмістіть кнопку перемикання мови стратегічно
Розмістіть кнопку перемикача мови у помітному та легко доступному місці на своєму веб-сайті. Стандартні місця включають заголовок, нижній колонтитул або головне меню навігації. Ці місця інтуїтивно зрозумілі для більшості користувачів Інтернету та відповідають їхнім очікуванням при пошуку мовних опцій.
Послідовне розміщення на всіх сторінках забезпечує те, що відвідувачі можуть легко отримати доступ до перемикача мови незалежно від їхньої точки входу або конкретної сторінки, яку вони відвідують. Це послідовне розміщення допомагає створити плавний і передбачуваний користувацький досвід.
Реалізуйте адаптивний дизайн перемикача мови
Переконайтеся, що кнопка перемикання мови реагує та добре функціонує на різних пристроях і розмірах екрана, включаючи настільні комп'ютери, планшети та смартфони. Протестуйте його на різних пристроях і розширеннях екрана, щоб забезпечити безперебійну взаємодію з користувачем без відсікання або перекриття елементів.
Відповідний дизайн забезпечує відвідувачам легкий доступ до варіантів мови з будь-якого пристрою, що вони використовують, підвищуючи доступність та зручність переключення мови.
Забезпечте, щоб перемикач мови був однаковим на всіх сторінках
Ensure the language switcher maintains consistent appearance and behaviour across your website. Users should be able to switch languages smoothly, regardless of the page they are on or the content they are viewing. Consistency not only provides a cohesive user experience but also strengthens the accessibility and availability of language options, building trust and confidence in your multilingual website.
Будь-яка невідповідність у перемикачі мови може заплутати і розчарувати користувачів, потенційно змусивши їх покинути ваш веб-сайт.
Налаштуйте перемикач мови на Craft CMS за допомогою Linguise!
At this point, you should recognize that you are configuring the language switcher for a Craft CMS multilingual website. Establishing a language switcher can provide various advantages and can be fine-tuned based on the previously mentioned points.
Оптимізація перемикача мови може суттєво покращити загальний користувацький досвід. Далі, зареєструйтеся для Linguise облікового запису, інтегруйте його зі своїм Craft CMS веб-сайтом та точно налаштуйте перемикач мови, щоб ще більше покращити користувацький досвід.
