У вас є веб-сайт, створений за допомогою 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 ».
Потім вставте ключ Linguise API у файл Configuration.php на вашому сервері. Відкрийте файл і замініть «REPLACE_BY_YOUR_TOKEN» своїм ключем API, помістивши його в одинарні лапки.
#3: Налаштуйте перезапис URL-адрес Concrete CMS
У Concrete CMS перезапис URL-адрес зазвичай увімкнено за замовчуванням. Якщо ні, ви можете ввімкнути його через свого хостинг-провайдера. Оновіть файл .htaccess, додавши спеціальний код після рядка «RewriteEngine on». Це дозволить налаштувати URL-адреси для певної мови.
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]
#4: Увімкніть і налаштуйте перемикач мов
Посилання на сценарій Linguise JS має бути завантажено на всі ваші сторінки Concrete CMS , щоб відображати перемикач мов із прапорцями та альтернативними URL-адресами (важливо для SEO). Ви можете знайти посилання на сценарій у налаштуваннях домену на інформаційній панелі Linguise .
Щоб завантажити сценарій у Concrete CMS , вставте код у файл header.php або у файл вашого сайту<head> розділ панелі адміністратора, перейшовши до Система та налаштування > SEO та статистика.
Потім додайте його під коди відстеження.
За умовчанням перемикач відображається у верхньому правому куті.
Однак зовнішній вигляд вашої інформаційної панелі можна налаштувати за допомогою функції «Відображення прапорців мови».
#5: Налаштувати головний дисплей
Щоб розпочати налаштування перемикача мов, перейдіть до «Налаштування» > «Відображення прапорів мови» на Linguise . Тут ви можете налаштувати кілька параметрів.
- Стиль піктограми прапорця: виберіть із трьох стилів відображення: поруч, спадне меню або спливаюче вікно.
- Розташування: виберіть розташування перемикача мов на вашому веб-сайті, щоб він був легко доступним для відвідувачів.
№6: Налаштуйте дизайн прапора
Після налаштування основного дисплея ви можете налаштувати дизайн мовних прапорців.
- Назва мови відображення: виберіть, чи відображати назву на основі країни чи мови, наприклад «французька» чи «французька».
- Тип англійського прапора: цей параметр дає змогу розрізняти варіації англійської мови США чи Британії та подібно до іспанської, португальської чи німецької мов.
- Стиль прапора: виберіть форму піктограми прапора, круглу або прямокутну.
#7: Налаштуйте колір і розмір
Далі ви можете персоналізувати колір і розмір прапорів.
- Радіус межі прапора: установіть радіус у пікселях для прямокутних прапорців.
- Колір назви мови: виберіть колір тексту за умовчанням для відображення назв мов.
- Колір мови спливаючого вікна: укажіть колір тексту для назв мов у спливаючому вікні або спадному меню.
- Розмір прапора: налаштуйте розмір значків прапора.
- Колір наведення курсора назви мови: установіть колір наведення курсора для назв мов.
- Колір наведення курсора мови спливаючого вікна: визначте колір наведення курсора для назв мов у спливаючому вікні або спадному меню.
#8: Додайте прапорець-тінь
Нарешті, ви можете налаштувати параметри тіні прапорця.
- Перший варіант додає ефект тіні до значків прапорців, які відображаються на вашому веб-сайті.
- Другий параметр контролює ефект тіні, коли користувачі наводять курсор на прапорці мови.
Задовольнившись налаштуваннями, натисніть «Зберегти», щоб застосувати зміни. Відвідайте Concrete CMS щоб переконатися, що перемикач мов працює належним чином, і переглянути його зовнішній вигляд.
Ви також можете перекласти сайт додатковими мовами, наприклад німецькою.
Найкращі практики для оптимізації перемикання мов у Concrete CMS
Оптимізація перемикання мов у Concrete CMS покращує роботу користувача в багатомовному середовищі. Нижче наведено ключові поради щодо покращення перемикання мов на вашій платформі.
Використання назв мов і прапорів
Поєднання назв мов із піктограмами прапорців є ефективним способом зробити перемикач мов більш зручним для користувача. Цей підхід пропонує дві візуальні підказки, які допомагають користувачам швидко визначити та вибрати мову. Назва мови забезпечує ясність, а прапор пропонує візуальне посилання, полегшуючи вибір для користувачів, особливо коли мова використовується в кількох країнах з різними прапорами.
Наприклад, якщо ваш сайт Concrete CMS обслуговує глобальну аудиторію електронної комерції, поєднуючи «🇺🇸 English», «🇫🇷 Français» і «🇩🇪 Deutsch» у мові, Switcher може полегшити користувачам швидкий пошук їх улюбленою мовою, покращуючи їхній досвід покупок і допомагаючи їм легко орієнтуватися на сайті.
Піктограми впізнаваних прапорів
Важливо використовувати чіткі, високоякісні піктограми прапорів, які легко впізнати, навіть у менших розмірах. Ці піктограми допомагають користувачам швидко визначити свою мову, не читаючи текст. Якщо потрібно, важливо вибрати піктограми з урахуванням культурних особливостей, які представляють мови, а не країни. Наприклад, використання нейтрального символу для такої широко поширеної мови, як арабська, може бути доцільнішим, ніж вибір національного прапора.
Наприклад, платформа Concrete CMS розроблена для глобальної туристичної агенції, може використовувати іспанський прапор для іспанської, канадський прапор для французької та значок глобуса для широко поширених мов, таких як англійська. Завдяки цьому піктограми є чіткими та інтуїтивно зрозумілими, що полегшує користувачам вибір бажаної мови під час вивчення туристичних пакетів.
Перемикач мов стратегічно
Перемикач мов слід розташувати там, де його легко побачити та доступно для користувачів, не захаращуючи інтерфейс. Загальні варіанти розміщення включають верхній колонтитул, нижній колонтитул або головне меню навігації. Узгодженість розміщення на всіх сторінках має вирішальне значення, щоб користувачі могли знайти його будь-де на сайті.
Наприклад, сайт Concrete CMS може розташувати перемикач у верхньому правому куті заголовка, щоб він залишався видимим, коли користувачі прокручують сторінки. Для мобільних пристроїв інтеграція в гамбургерне меню зберігає доступність, економлячи місце.
Підтримуйте узгодженість сторінок
Важливо зберегти постійність зовнішнього вигляду та функціональності. Перемикач мов повинен працювати однаково на кожній сторінці, і коли користувачі перемикають мови, вони повинні залишатися на тій самій сторінці з перекладом вмісту новою мовою. Це покращує робочий процес користувача та робить навігацію більш інтуїтивно зрозумілою.
Наприклад, спадне меню перемикання мов постійно відображається на домашніх сторінках, сторінках контактів тощо. Це дозволить користувачам плавно змінювати мови, не втрачаючи свого місця в матеріалі.
Висновок
Налаштування перемикача мов і впровадження автоматичного перекладу на Concrete CMS може забезпечити бездоганну багатомовність для ваших користувачів. Дотримуючись кроків, описаних у цьому посібнику, ви можете інтегрувати перемикач мов і налаштувати його відповідно до потреб свого сайту.
Ефективна оптимізація перемикання мов покращить взаємодію з користувачем і залученість. Щоб почати, зареєструйте обліковий запис Linguise , інтегруйте його зі своїм Concrete CMS і налаштуйте селектор мови відповідно до ваших уподобань. Це гарантує, що відвідувачі можуть легко орієнтуватися на вашій платформі улюбленою мовою.