Как создать многоязычную версию сайта в Mobirise?

Как создать многоязычную версию сайта в Mobirise?

Обратите внимание. В данной заметке, приведен лишь основной принцип создания сайта в конструкторе сайтов Mobirise с несколькими языковыми версиями. Здесь нет простого и готового решения. Для получения готового и рабочего варианта, вам нужно понять основной принцип создания многоязычных сайтов в конструкторе Mobirise и уже на личном опыте, реализовать свою задумку. Увы, готового расширения для Mobirise, которое позволит просто и быстро создать многоязычный сайт на конструкторе Mobirise – нет.  

Для создания полноценной многоязычной версии на конструкторе сайтов Mobirise, вам необходимо иметь небольшие навыки работы с HTML кодом сайта. Создать многоязычный сайт с большим количеством страниц, без редактирования кода сайта, у вас не выйдет. 

При этом, можно создать многоязычную версию сайта Mobirise, создавая под каждый язык, новый проекте и не править HTML код. Способ не самый универсальный и могут быть огрехи. Оптимальный вариант, это создать сайт Mobirise, используя AMP тему (в ней меньше проблем при создании многоязычных версий сайтов). В любом случае, вы можете создать многоязычную версию сайта, как в AMP шаблонах, так и в темах M + бесплатной теме Mobirise. При этом, вместо одного сайта с переключателем языков, вы можете создать несколько языковых версий сайта, разместив их на своих субдоменах основного домена.

Рассмотрим данные варианты в заметке.

Создание многоязычной версии сайта в Mobirise без редактированием HTML кода на основном домене.

Этап 1.

Для удобной и плодотворной работы, если вы хотите создать многоязычный сайт на Mobirise, вам нужно создавать под каждую языковую версию сайта, отдельно новый проект. 

Узнать про основные возможности программы Mobirise, можно в заметке: «Быстрый обзор конструктора сайтов Mobirise.»

Бесплатные дополнения для Mobirise: «Бесплатные расширения для Mobirise. Миф или реальность?»

Не советую вам создавать многоязычную версию сайта, в одном проекте. При этом, вам тогда придется править html код сайта (чтобы менять ссылки на разные языковые версии сайта).

Сделать это можно в Mobirise.


При этом, не пугайтесь). Вам не стоит каждую версию сайта, создавать с нуля. Достаточно, полностью создать основную версию сайта и потом, под каждую новую языковую версию, не создавать новый проект, а импортировать в новый проект основную версию. Для этого, сначала завершите все правки основной языковой версии сайта и сохраните его на свой компьютер. 

Теперь, создайте новый проект под другой язык. Для этого, вместо «Создать новый сайт», выберите вариант «Импортировать Mobirise сайт».

И в открывшемся окне, вам нужно выбрать папку, в которую вы сохранили на прошлом шагу свою основную версию сайта на компьютер. В папке, выберите файл project.mobirise и нажмите «Открыть».

Теперь, вы импортировали в свой новый проект, основную версию сайта. Достаточно, поменять все текстовое наполнение на нужный язык. Это значительно экономит время и силы, чем создавать под каждую версию сайта, отдельно с нуля новую языковую версию сайта.

Примечание. 

При создании основной языковой версии сайта, не изменяйте/не переименовывайте название главной страницы с index в другое название. Главная страница основной языковой версии сайта, должна (!) быть только index. Иначе, у вас не будет работать/загружаться главная страница сайта.

В других языковых версиях сайта, задавайте название главной страницы, в соответствии с языковой версией сайта. Например указав en:

Есть удобная таблица языков: http://htmlbook.ru/html/value/lang

Этап 2.

Теперь, создайте на компьютере папку под любым названием, а в ней ,создайте папки под каждую языковую версию сайта. Например, в папке My site, создайте папки для трех версий сайта: ru, en, de. Теперь, после того, как вы создали все нужные версии сайта, сохраните их на свой компьютер в соответствии с папками. То есть, русскую версию сохраняем в папку ru, английскую в папку en и так далее...
 
У нас, должны быть такие папки:

И в каждой папке, у нас будут файлы с расширением .html (наши страницы сайта), папка assets и файл project.mobirise. 

Теперь, в каждой папке (внутри каждой папки en, de..., при этом, не трогаем/не создаем ничего в главной версии сайта), создаем такую же папку (с таким же названием en, de... согласно языковой версии сайта).
Все манипуляции с папками и перемещениями файлов/страниц/папок, касаются только второстепенных языковых версий. С основной версией сайта, мы НЕ проделываем никаких манипуляций.
В созданные новые папки, переносим все страницы, кроме главной страницы (в соответствии с языковыми версиями сайта). Теперь, копируем папку assets и добавляем ее во внутрь папки, в которую мы переместили все страницы сайта, кроме главной. Так, нужно сделать во всех версиях сайта. 

Главная страница основного языка, у нас должна быть index.html (данную папку и файлы, мы не трогаем). Остальные главные страницы языковых версий, у нас  en.html (англ. версия) и de.html (немецкая версия) соответственно.
 
Теперь, в каждой папке, у нас должно быть так:

А внутри папки, куда мы перенесли все страницы кроме главной, у нас будет так:

Теперь, вам нужно выгрузить/загрузить на свой хостинг основную версию сайта. После, загрузите главные страницы других языковых версий и в конце, загружаем папки en, de..., в которых остальные страницы. 
 
Структура основной папки сайта, должна быть такой:


Вы не должны размещать языковые страницы остальных версий сайта по папкам en, de... При этом, главные страницы языковых версий сайта (кроме главной страницы основной версии сайта), не должны иметь название index. И тем более, их не нужно размещать в папки языковой версии.

Проверяем работу всего сайта.
 

На заметку.

Возникает вопрос, как сделать переключатель языка на каждой странице в Mobirise? Вот пример:



Вот один из живых примеров реализации нескольких версий языка на сайте по продаже пластиковых окон, который сделан в конструкторе сайтов Mobirise. Это AMP шаблон Mobirise и с ним меньше всего возникает глюков/проблем при создании многоязычных версий сайтов. 
Дополнительно, вы можете скачать иконки с флажками: https://github.com/witsec/mobirise-flag-icons/releases/latest/download/witsec-flag-icons.mbrext

Создание многоязычного/мультиязычного сайта в Mobirise на субдоменах основного домена.

Вам нужно аналогично создать все версии сайта (Этап 1). При этом, вам не нужно как в Этапе 2 было описано, создавать или переименовывать главные страницы второстепенных языковых сайтов. Все они должны содержать главную страницу с именем index. То есть, вы создаете обычные сайты с разными языками и загружаете их на соответствующие субдомены у себя на хостинге.

Вместо заключения.

Данная заметка, не является универсальной. При создании многоязычного сайта, могут возникнуть проблемы с отображением некоторых элементов сайта. Также, нужно править каждую ссылку на нужную страницу, через код. Это кропотливая работа и требует базовых знаний правки HTML кода. При этом, повторюсь, моя задача, показать вам основной принцип при создании многоязычных сайтов на Mobirise.

Для правки HTML кода сайта, можно использовать удобные редакторы.

Visual Studio Code: https://code.visualstudio.com/download 

Есть русский язык: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ru

Или Notepad++: https://notepad-plus-plus.org/

Нужен стабильный, безопасный и недорогой хостинг?

Безопасный, стабильный и доступный по цене хостинг. Узнать больше...

Не хотите самостоятельно разбираться во всех тонкостях? Нет времени самостоятельно создавать свой сайт? 

Биржи фриланса – позволяют клиентам найти надежных исполнителей, а исполнителям – надежных клиентов. Все сделки, проходят через гаранта сделок самой биржи, что исключает мошенничество как со стороны исполнителя, так и клиента.

1. Биржа фриланс услуг. Стоит рассмотреть для жителей Украины (много исполнителей из Украины). Одна из надежных бирж фриланса в СНГ. В целом, данная биржа, работает с клиентами и исполнителями со всех стран бывшего СССР. Дискриминации на бирже, по политическим различиям – нет. Здесь ценят как заказчиков так и исполнителей. Узнать больше...

2. Считается биржа фриланса №1 в России. Работает с клиентами и исполнителями по странам СНГ. Много исполнителей из России и других стран СНГ. Узнать больше...

3. Выгодная биржа фриланса для заказчиков в плане доступности цен. Оптимальный вариант заработка для начинающих и опытных фрилансеров. Фриланс биржа, работает с клиентами и исполнителями из России и стран СНГ. Узнать больше...

Успехов вам с Mobirise. Если будут вопросы, поправки, предложения, дополнения – оставляйте комментарии.

Отправить комментарий

Новые Старые