Налаштування перемикання мов у 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 Встановіть колір і розмір
Після завершення налаштування дизайну прапора можна переходити до налаштування кольору та розміру прапора. Нижче наведено деякі параметри, які можна налаштувати.
- Радіус межі прапора: налаштуйте радіус рамки для стилю прямокутного прапора, вимірюється в пікселях.
- Колір назви мови: виберіть колір тексту за умовчанням для відображення назви.
- Колір мови спливаючого вікна: визначте колір тексту назви мови у спливаючому вікні чи спадному меню.
- Розмір прапора: змініть розмір значків прапора.
- Колір наведення курсора на назву мови: укажіть колір тексту, який з’являється, коли користувач наводить курсор на назву мови.
- Колір мови спливаючого вікна при наведенні курсора: визначте колір тексту, який з’являється, коли користувач наводить курсор на назву мови у спливаючому вікні чи спадному меню.
#9 Налаштувати тінь вікна
Нарешті, ви можете налаштувати параметри тіні прапорця. Початкова опція дозволяє додати ефект тіні до кожної піктограми прапорця, що відображається на вашому веб-сайті. Наступний параметр керує ефектом тіні, коли користувачі наводять курсор миші на позначки мови.
Після внесення всіх необхідних налаштувань натисніть кнопку «Зберегти», щоб застосувати зміни налаштувань. Потім перейдіть на веб-сайт Craft CMS щоб підтвердити, що конфігурацію було успішно застосовано. Приблизно так буде відображатися перемикач мов.
Після завершення процесу налаштування ви можете спостерігати за функціональністю перемикача мов на своєму багатомовному веб-сайті Craft CMS .
Потім ми автоматично перекладемо Craft CMS іншими мовами, наприклад німецькою.
5 порад щодо оптимізації перемикання мов у Craft CMS
Після того, як ви встановили перемикач мов на своєму Craft CMS , важливо зрозуміти найкращі методи розробки вибору мови та його ефективність, щоб принести користь як вашому сайту, так і відвідувачам.
Використовуйте легко впізнаваний логотип з прапором мови
Використання загальновизнаних мовних значків або прапорців має вирішальне значення, щоб відвідувачі могли швидко визначити та вибрати бажану мову. Щоб уникнути плутанини чи двозначності, переконайтеся, що використані значки чи прапорці чіткі, мають гарний колірний контраст і зрозумілі для різних культур.
Знайомі символи чи піктограми допомагають створити інтуїтивно зрозумілий і зручний досвід, дозволяючи відвідувачам легко переходити до потрібної мовної версії. Щоб уникнути непорозумінь або плутанини, дуже важливо вибрати значки чи прапорці, які є загальновідомими.
Використання назв мов і прапора
На додаток до використання лише прапорів, доцільно розглянути можливість включення прапорів і оригінальних назв мови. Цей підхід може допомогти уникнути плутанини, оскільки деякими мовами розмовляють у кількох країнах із різними прапорами.
Пряме використання назв мов усуває двозначність і гарантує, що відвідувачі можуть чітко ідентифікувати та вибрати бажану мову без непорозумінь. Крім того, використання назв мов може бути більш інклюзивним і поважати культурне розмаїття.
Розмістіть кнопку перемикання мов стратегічно
Давайте розмістимо кнопку перемикання мов у видному та легкодоступному місці на вашому веб-сайті. Стандартні місця розташування включають верхній, нижній колонтитул або головне навігаційне меню. Ці місця є інтуїтивно зрозумілими для більшості користувачів Інтернету та відповідають їхнім очікуванням під час пошуку мовних варіантів.
Послідовне розміщення на всіх сторінках гарантує, що відвідувачі можуть легко отримати доступ до перемикача мов незалежно від точки входу чи конкретної сторінки, яку вони відвідують. Таке послідовне розміщення допомагає створити плавну та передбачувану взаємодію з користувачем.
Впровадити адаптивний дизайн перемикача мов
Переконайтеся, що кнопка перемикання мови швидко реагує та добре функціонує на різних пристроях і розмірах екрана, включаючи настільні ПК, планшети та смартфони. Випробуйте його на різних пристроях і роздільній здатності екрану, щоб забезпечити безперебійну роботу користувача без обрізання або накладання елементів.
Чуйний дизайн гарантує, що відвідувачі можуть легко отримати доступ до параметрів мови з будь-якого пристрою, який вони використовують, підвищуючи доступність і зручність перемикання мов.
Переконайтеся, що перемикач мов узгоджений на сторінках
Переконайтеся, що перемикач мов підтримує постійний вигляд і поведінку на вашому веб-сайті. Користувачі повинні мати можливість плавно перемикати мови, незалежно від сторінки, на якій вони знаходяться, або вмісту, який вони переглядають. Узгодженість не тільки забезпечує цілісну взаємодію з користувачем, але й покращує доступність і доступність мовних варіантів, створюючи довіру та впевненість у вашому багатомовному веб-сайті.
Будь-яка невідповідність у перемикачі мов може заплутати та розчарувати користувачів, потенційно змусивши їх залишити ваш веб-сайт.
Налаштуйте перемикач мов на Craft CMS за допомогою Linguise !
На цьому етапі ви повинні зрозуміти, що ви налаштовуєте перемикач мов для багатомовного веб-сайту Craft CMS . Встановлення перемикача мов може надати різні переваги та може бути точно налаштовано на основі вищезазначених моментів.
Оптимізація перемикача мов може значно покращити загальну взаємодію з користувачем. Потім зареєструйте обліковий запис Linguise , інтегруйте його зі своїм Craft CMS і налаштуйте перемикач мов, щоб ще більше покращити роботу користувача.