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