У вас є веб-сайт, створений за допомогою 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: Налаштуйте дизайн прапора
Після налаштування основного відображення ви можете налаштувати дизайн прапорів мов.
- Відображення назви мови: Вирішіть, чи відображати назву на основі країни або мови, наприклад “Французька” або “Français.”
- Тип прапора англійської мови: Ця опція дозволяє розрізняти варіанти американської або британської англійської мови і застосовується аналогічно до іспанської, португальської або німецької.
- Стиль прапора: Виберіть форму значка прапора: круглу або прямокутну.
#7: Налаштуйте колір і розмір
Далі ви можете персоналізувати колір і розмір прапорів.
- Радіус рамки прапора: Встановіть радіус у пікселях для прямокутних прапорів.
- Колір назви мови: Виберіть колір тексту за замовчуванням для відображення назв мов.
- Колір спливаючого вікна мови: Укажіть колір тексту для назв мов у спливаючому або розкривному списку.
- Розмір прапора: налаштуйте розмір значків прапорців.
- Колір наведення на назву мови: Встановіть колір наведення для назв мов.
- Колір наведення на мову у спливаючому вікні: Визначте колір наведення для назв мов у спливаючому вікні або випадаючому списку.
#8: Додайте тінь до прапора
Нарешті, ви можете налаштувати параметри тіні прапорця.
- Перший варіант додає ефект тіні до значків прапорців, що відображаються на вашому вебсайті.
- Другий параметр контролює ефект тіні, коли користувачі наводять курсор на мовні прапорці.
Після задоволення налаштуваннями натисніть “Зберегти”, щоб застосувати зміни. Відвідайте свій Concrete CMS веб-сайт, щоб підтвердити, що перемикач мови працює належним чином і переглянути його вигляд.
Ви також можете перекласти сайт іншими мовами, такими як німецька.
Найкращі практики для оптимізації перемикача мов на Concrete CMS
Оптимізація перемикача мови на Concrete CMS покращує користувацький досвід у багатомовному середовищі. Нижче наведено ключові поради щодо покращення перемикача мови на вашій платформі.
Використання назв мов та прапорів
Поєднання назв мов із значками прапорців – це ефективний спосіб зробити перемикач мов зручнішим для користувача. Такий підхід пропонує дві візуальні підказки, що допомагають користувачам швидко визначити та вибрати потрібну мову. Назва мови забезпечує чіткість, а прапорець пропонує візуальне посилання, що полегшує вибір, особливо коли мова використовується в кількох країнах з різними прапорами.
Наприклад, якщо ваш сайт Concrete CMS орієнтований на глобальну аудиторію електронної комерції, поєднуючи в собі «🇺🇸 English», «🇫🇷 Français» та «🇩🇪 Deutsch» як мову, перемикач може полегшити користувачам швидкий пошук потрібної мови, покращивши їхній досвід покупок та допомагаючи їм легко орієнтуватися на сайті.
Впізнавані значки прапорів
Важливо використовувати чіткі, високоякісні значки прапорів, які легко впізнати, навіть у менших розмірах. Ці значки допомагають користувачам швидко визначити свою мову, не читаючи текст. За потреби важливо вибирати значки, що враховують культурні особливості та представляють мови, а не країни. Наприклад, використання нейтрального символу для широко розмовної мови, як-от арабська, може бути доречнішим, ніж вибір національного прапора.
Наприклад, платформа Concrete CMS , розроблена для глобального туристичного агентства, може використовувати іспанський прапор для іспанської мови, канадський прапор для французької та значок глобуса для широко розповсюджених мов, таких як англійська. Це забезпечує те, що значки є зрозумілими та інтуїтивно зрозумілими, що полегшує користувачам вибір бажаної мови під час вивчення туристичних пакетів.
Перемикач мови стратегічно
Перемикач мови повинен бути розміщений там, де він легко видимий і доступний для користувачів без захаращення інтерфейсу. Загальні варіанти розміщення включають заголовок сайту, нижній колонтитул або основне меню навігації. Послідовність розміщення на всіх сторінках має вирішальне значення, щоб користувачі могли знайти його будь-де на сайті.
Наприклад, сайт Concrete CMS може розташувати перемикач у правому верхньому кутку заголовка, забезпечуючи його видимість під час прокручування сторінок користувачами. Для мобільних пристроїв інтеграція його в меню гамбургера зберігає доступність і заощаджує простір.
Підтримуйте послідовність на всіх сторінках
Важливо підтримувати послідовність у зовнішньому вигляді та функціональності. Перемикач мови повинен працювати однаково на кожній сторінці, і коли користувачі переключають мови, вони повинні залишатися на тій же сторінці із вмістом, перекладеним на нову мову. Це покращує робочий процес користувача та робить навігацію більш інтуїтивною.
Наприклад, спадний перемикач мови з'являється послідовно на головних сторінках, контактних сторінках та інших. Це дозволить користувачам змінювати мову безперешкодно, не втрачаючи своє місце у матеріалі.
Висновок
Налаштування перемикача мови та впровадження автоматичного перекладу на веб-сайті Concrete CMS може забезпечити безперешкодний багатомовний досвід для ваших користувачів. Дотримуючись кроків, описаних у цьому посібнику, ви можете інтегрувати перемикач мови та налаштувати його відповідно до потреб вашого сайту.
Ефективна оптимізація перемикача мов покращить взаємодію та взаємодію з користувачем. Щоб розпочати, зареєструйте обліковий запис Linguise , інтегруйте його зі своїм Concrete CMS та налаштуйте перемикач мов відповідно до ваших уподобань. Це гарантує, що відвідувачі зможуть легко орієнтуватися на вашій платформі бажаною мовою.
