У вас є вебсайт, створений за допомогою Concrete CMS , і ви хочете додати перемикач мов? Налаштування перемикача мов спрощує для користувачів процес зміни мови. Ця функція особливо корисна для вебсайтів із міжнародною аудиторією, дозволяючи відвідувачам переглядати платформу бажаною мовою.
Щоб налаштувати перемикач мов у Concrete CMS, адміністратори зазвичай починають із зазначення мов, які вони хочуть підтримувати в налаштуваннях системи. Потім вони додають спадне меню або кнопку, за допомогою яких користувачі можуть вибрати бажану мову. Ця стаття допоможе вам упровадити перемикач мов у Concrete CMS за допомогою одного з доступних сервісів автоматичного перекладу.
Важливість налаштування перемикача мов на Concrete CMS
Необхідність подавати контент кількома мовами стає дедалі важливішою. Нещодавнє дослідження DeepL показало, що 75% респондентів погодилися, що локалізований контент значно підвищує залучення клієнтів.
Впровадження перемикача мов — це не лише переклад вмісту, а й створення більш персоналізованого досвіду для відвідувачів сайту. Це підтверджують дані, які показують, що 96% респондентів спостерігали позитивну окупність інвестицій (ROI) від своїх зусиль із локалізації вмісту.
З огляду на ці дані, впровадження перемикача мов на Concrete CMS є стратегічним кроком, який не можна відкладати. Саме тому в цій статті ми розглянемо, як налаштувати перемикач мов на вашому вебсайті Concrete CMS .
Як налаштувати перемикач мов на Concrete CMS
Тепер, коли ми розуміємо важливість функції зміни мови на багатомовній платформі Concrete CMS давайте обговоримо, як її реалізувати. Concrete CMS має вбудовану систему керування мовами, яку можна налаштувати відповідно до потреб вашої організації.
Одним із сервісів автоматичного перекладу, який ви можете використовувати, є Linguise. Linguise пропонує прості у використанні функції перемикання мов і може бути інтегрований з різними популярними CMS, зокрема Concrete CMS.
Concrete CMS забезпечує просту багатомовну інтеграцію, дозволяючи адміністраторам швидко додавати функції перемикання мов на своїх сайтах. Використовуючи Concrete CMS розширені функції та зручний інтерфейс, ви можете спростити налаштування та підтримку перемикача мов на вашій платформі. Ось кроки для встановлення Linguise автоматичного перекладу на Concrete CMS та налаштування перемикача мов.
#1 Зареєструйте домен Concrete CMS
Почніть зі створення безкоштовного облікового запису Linguise і додавання домену вашого вебсайту. Ви можете скористатися 30-денною безкоштовною пробною версією, перш ніж вирішити щодо підписки.
Далі вам потрібно авторизувати ваш домен для перекладу. Скопіюйте назву вашого домену, включаючи «https://», і виберіть «Concrete CMS» як вашу платформу. Виберіть вихідну мову та цільові мови для налаштування автоматичного перекладу в Concrete CMS.
#2: Завантажте та підключіть скрипт Linguise
Ви повинні завантажити скрипт перекладу Linguise на сервер, де встановлено Concrete CMS . Завантажте скрипт за наданим посиланням, розпакуйте його та розмістіть папку в кореневому каталозі вашого встановлення Concrete CMS . Переконайтеся, що папка має назву «linguise»
Потім вставте ключ API Linguise у файл Configuration.php на вашому сервері. Відкрийте файл і замініть «REPLACE_BY_YOUR_TOKEN» на ваш ключ API, розмістивши його в одинарних лапках.
#3: Налаштуйте переписування URL-адрес Concrete CMS
У Concrete CMSпереписування URL зазвичай увімкнено за замовчуванням. Якщо ні, ви можете увімкнути його через свого хостинг-провайдера. Оновіть файл .htaccess, додавши відповідний код після рядка «RewriteEngine on». Це налаштує URL-адреси для конкретних мов.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4: Увімкніть та налаштуйте перемикач мов
Посилання на JS-скрипт Linguise потрібно завантажити на всіх ваших сторінках Concrete CMS , щоб відображати перемикач мов із прапорцями та альтернативними URL-адресами (це критично важливо для SEO). Ви можете знайти посилання на скрипт у налаштуваннях домену у вашій панелі керування Linguise .
Щоб завантажити скрипт у Concrete CMS, вставте код у файл header.php або в розділ <head> вашого сайту через панель адміністрування, перейшовши до Система та налаштування > SEO та статистика.
Потім додайте його в розділі «Коди відстеження».
За замовчуванням перемикач відображається у верхньому правому куті.
Однак ваша панель керування може налаштувати свій вигляд за допомогою функції «Відображення мовних прапорців».
#5: Налаштуйте головний дисплей
Щоб почати налаштування перемикача мов, перейдіть до розділу «Налаштування» > «Відображення мовних прапорців» у панелі керування Linguise . Тут ви можете змінити кілька налаштувань.
- Стиль значка прапора: Виберіть один із трьох стилів відображення: поруч, випадне меню або спливне вікно.
- Позиція: Виберіть розташування перемикача мов на вашому вебсайті, щоб він був легко доступним для відвідувачів.
#6: Налаштуйте дизайн прапора
Після налаштування основного відображення ви можете налаштувати дизайн мовних прапорів.
- Відображувана назва мови: Вирішіть, чи відображати назву на основі країни або мови, наприклад «French» або «Français».
- Тип англійського прапора: Ця опція дозволяє розрізняти американський та британський варіанти англійської мови, і подібним чином застосовується до іспанської, португальської чи німецької.
- Стиль прапора: Виберіть форму іконки прапора — круглу або прямокутну.
#7: Налаштуйте колір і розмір
Далі ви можете налаштувати колір і розмір прапорців.
- Радіус заокруглення прапора: Встановіть радіус у пікселях для прямокутних прапорів.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назв мов.
- Колір мови у спливному вікні: Вкажіть колір тексту для назв мов у спливному вікні або випадному списку.
- Розмір прапора: Налаштуйте розмір значків прапорів.
- Колір назви мови при наведенні: Встановіть колір назв мов при наведенні.
- Колір заголовків мов у спливному вікні під час наведення: Визначте колір заголовків мов у спливному вікні або випадному меню під час наведення.
#8: Додайте тінь для прапора
Нарешті, ви можете налаштувати параметри тіні прапора.
- Перший параметр додає тіньовий ефект до іконок прапорів, що відображаються на вашому вебсайті.
- Друга опція керує ефектом тіні, коли користувачі наводять курсор на прапори мов.
Коли налаштування вас задовольнять, натисніть «Зберегти» , щоб застосувати зміни. Відвідайте свій вебсайт на Concrete CMS , щоб переконатися, що перемикач мов працює належним чином, і переглянути його вигляд.
Ви також можете перекласти сайт додатковими мовами, наприклад німецькою.
Найкращі практики для оптимізації перемикача мов на Concrete CMS
Оптимізація перемикача мов на Concrete CMS покращує досвід користувачів у багатомовному середовищі. Нижче наведено ключові поради щодо вдосконалення перемикача мов на вашій платформі.
Використання назв мов і прапорів
Поєднання назв мов з іконками прапорів — ефективний спосіб зробити ваш перемикач мов більш зручним для користувачів. Такий підхід забезпечує два візуальні орієнтири, допомагаючи користувачам швидко визначити та вибрати потрібну мову. Назва мови забезпечує ясність, а прапор слугує візуальним орієнтиром, полегшуючи вибір, особливо коли мова використовується в кількох країнах з різними прапорами.
Наприклад, якщо ваш сайт Concrete CMS орієнтований на глобальну аудиторію електронної комерції, поєднання «🇺🇸 English», «🇫🇷 Français» і «🇩🇪 Deutsch» у перемикачі мов може полегшити користувачам швидко знайти бажану мову, покращуючи їхній досвід покупок і допомагаючи їм без зусиль орієнтуватися на сайті.
Упізнавані іконки прапорів
Важливо використовувати чіткі, високоякісні значки прапорів, які легко впізнати, навіть у менших розмірах. Ці значки допомагають користувачам швидко визначити свою мову, не читаючи текст. За потреби важливо вибирати значки, що враховують культурні особливості та представляють мови, а не країни. Наприклад, використання нейтрального символу для широко розмовної мови, як-от арабська, може бути доречнішим, ніж вибір національного прапора.
Наприклад, платформа Concrete CMS , розроблена для глобальної туристичної агенції, може використовувати іспанський прапор для іспанської мови, канадський прапор для французької та іконку глобуса для поширених мов, як-от англійська. Це гарантує, що іконки будуть чіткими та зрозумілими, що дозволить користувачам легко вибрати бажану мову під час перегляду туристичних пакетів.
Стратегічне розміщення перемикача мов
Перемикач мови слід розміщувати там, де він добре видимий і доступний для користувачів, не перевантажуючи інтерфейс. Поширені варіанти розміщення включають верхній колонтитул сайту, нижній колонтитул або головне меню навігації. Послідовність розміщення на всіх сторінках має вирішальне значення, щоб користувачі могли знайти його будь-де на сайті.
Наприклад, сайт на Concrete CMS може розмістити перемикач у верхньому правому куті заголовка, щоб він залишався видимим, коли користувачі прокручують сторінки. Для мобільних пристроїв інтеграція його в меню-гамбургер зберігає доступність і заощаджує місце.
Підтримуйте узгодженість на всіх сторінках
Важливо підтримувати послідовність у зовнішньому вигляді та функціональності. Перемикач мов має працювати однаково на кожній сторінці, і коли користувачі змінюють мову, вони повинні залишатися на тій самій сторінці з контентом, перекладеним новою мовою. Це покращує робочий процес користувача та робить навігацію більш інтуїтивною.
Наприклад, випадний перемикач мов послідовно відображається на головних сторінках, сторінках контактів та інших. Це дозволило б користувачам змінювати мову безперешкодно, не втрачаючи своє місце в матеріалі.
Conclusion
Налаштування перемикача мов і впровадження автоматичного перекладу на Concrete CMS може забезпечити бездоганний багатомовний досвід для ваших користувачів. Дотримуючись кроків, описаних у цьому посібнику, ви зможете інтегрувати перемикач мов і налаштувати його відповідно до потреб вашого сайту.
Ефективна оптимізація перемикача мов покращить досвід користувачів і залучення. Щоб почати, зареєструйтеся для Linguise акаунта, інтегруйте його з вашим сайтом Concrete CMS і налаштуйте вибір мови відповідно до ваших уподобань. Це гарантує, що відвідувачі зможуть легко орієнтуватися на вашій платформі бажаною для них мовою.
