Wix Multilingual: использование Мультибоксов для переключения между LTR и RTL
Внимание:
Добавление мультибоксов отрицательно скажется на SEO сайта, так как поисковые боты не могут считывать содержимое этих боксов.
Некоторые языки, например английский, пишутся слева направо (LTR), а другие, например иврит, — справа налево (RTL). Если ваш мультиязычный сайт поддерживает оба типа, вы можете добавить
Мультибоксы, которые отображают разный контент в зависимости от выбранного языка. Это позволяет создать отдельное «состояние» для каждого языка и настроить дизайн индивидуально.
Шаг 1 | Добавление бокса с разными состояниями в версии сайта на основном языке
Первый шаг — добавление пустого бокса с разными состояниями на сайт на основном языке. Настройте его дизайн для этого языка, добавив текст, изображения, кнопки или любые другие необходимые элементы.
Редактор Wix
Редактор Studio
Прежде чем начать:
Убедитесь, что вы добавили
Wix Multilingual на сайт и
включили режим разработчика.
- Перейдите в редактор.
- Нажмите Добавить
в левой части редактора. - Нажмите Бокс.
- Нажмите Мультибоксы.
- Перетащите пустой мультибокс в нужное местоположение на странице.
- Измените стандартный ID бокса на понятное название:
- Нажмите Код страницы
в левой части редактора. - Нажмите Home.
- Нажмите на иконку Панель характеристик
во вкладке кода страницы. - Выберите мультибокс.
- Введите понятное название для бокса в текстовом поле ID.
- Нажмите Код страницы
- Добавьте элементы в бокс и настройте его дизайн по своему желанию.
Шаг 2 | Изменение названия текущего состояния
Когда бокс на основном языке будет готов, откройте панель «Управление состояниями», чтобы переименовать текущее состояние. Назовите его «LTR» (именно так, соблюдая регистр, без кавычек), чтобы добавленный позже код работал правильно.
Редактор Wix
Редактор Studio
- Выберите мультибокс.
- Нажмите Управлять состояниями.
- Нажмите на иконку Другие действия
рядом с названием текущего состояния. - Выберите Изменить ID.
- Введите «LTR» в текстовое поле и нажмите Готово.
Примечание: если ваш основной язык имеет направление письма справа налево (RTL), назовите состояние RTL. - Нажмите на иконку Другие действия рядом с другими состояниями и выберите Удалить, чтобы убрать их.
Шаг 3 | Создание копии состояния и его переименование
После создания состояния «LTR» в панели «Управление состояниями» создайте его копию и назовите новую версию «RTL». Как и на первом шаге, важно назвать его именно «RTL» с соблюдением написания и пунктуации, чтобы код работал правильно.
Редактор Wix
Редактор Studio
- Выберите мультибокс.
- Нажмите Управлять состояниями.
- Нажмите на иконку Другие действия рядом с названием текущего состояния.
- Выберите Создать копию.
- Нажмите на иконку Другие действия рядом с копией состояния.
- Выберите Изменить ID.
- Введите «RTL» в текстовое поле и нажмите Готово.
Примечание: если ваш дополнительный язык имеет направление письма слева направо (LTR), измените название состояния на LTR.
Шаг 4 | Настройка бокса на дополнительном языке
Теперь ваш бокс с разными состояниями настроен и готов к переводу. Переключитесь на язык с письмом справа налево (RTL), измените состояние на RTL и начните локализацию контента. Вы можете изменить расположение элементов, не затрагивая их положение в исходном состоянии. Затем скопируйте сниппет кода на страницу.
Редактор Wix
Редактор Studio
- Нажмите на выпадающее меню Переключить языки в верхней части редактора.
- Выберите язык с письмом справа налево (RTL), который вы хотите отредактировать.
- Нажмите на выпадающий список мультибокса и выберите соответствующее состояние бокса.
- Выберите элемент в боксе, который вы хотите перевести:
- Текст: Нажмите Редактировать перевод или Автоперевод, чтобы перевести текст. Затем нажмите иконку Изменить направление текста
в панели Настройки текста, чтобы изменить направление текста. - Изображения: Нажмите Редактировать перевод, затем нажмите Заменить, чтобы выбрать другое изображение для RTL-версии сайта.
- Текст: Нажмите Редактировать перевод или Автоперевод, чтобы перевести текст. Затем нажмите иконку Изменить направление текста
- Добавьте следующий код в панель характеристик:
- Нажмите Код страницы в левой части редактора.
- Нажмите Home.
- Нажмите на иконку Панель характеристик во вкладке кода страницы.
- Выберите мультибокс.
- Скопируйте сниппет кода ниже и вставьте его в верхней части панели кода.
- Нажмите Код страницы
1import wixWindow from 'wix-window';
2const rtlLangs = ['he', 'ar', 'fa'];- Добавьте следующий код в функцию onReady:
Важно:
- Обязательно замените ID-подсказки на ID, созданный ранее.
- Функция onReady написана для вашего удобства. Если у вас уже есть эта функция, добавьте только код внутри фигурных скобок { }.
1$w.onReady(function () {
2 let lang = wixWindow.multilingual.currentLanguage;
3
4 if (rtlLangs.includes(lang)) {
5 $w('#myBoxID').changeState('RTL');
6 }
7 else {
8 $w('#myBoxID').changeState('LTR');
9 }
10});
- Нажмите Превью, чтобы протестировать бокс с разными состояниями.
- Опубликуйте сайт, когда будете готовы применить изменения.
Хотите увидеть дополнительные возможности RTL?
С помощью Wix Multilingual вы можете создать мультиязычный сайт с контентом справа налево. В настоящее время вы можете
настроить некоторые аспекты сайта, такие как меню, текст и изображения, в формате RTL для каждого языка (например, для иврита или арабского).
Какие дополнительные возможности RTL вы хотели бы видеть в Wix Multilingual?
Обратитесь в Команду поддержки со своими отзывами и предложениями.