Как сделать мультиязычный лендинг?

85
03 марта 2022, 07:20

Подскажите, как реализовать мультиязычный лендинг?

Answer 1

Реализация на JS + HTML + CSS3

Если решили делать на JS + HTML + CSS3, то сделайте себе несколько лендингов под разные языки и переключайтесь между ними с помощью ссылок или JS.

Например, создаем три версии:

site.com - англоязычная версия,

site.com/ru/ - русскоязычная версия,

site.com/ch/ - китайская версия

И в шапке добавляйте блок переключения в виде флажков обычными ссылками на подпапки:

<a href="/ru/">ru</a>

Можно так же сделать select выпадающий список где при смене будет перенаправление на нужную версию.

<select onChange="document.location.href=this.options[this.selectedIndex].value;"> 
<option value="/">EN</option> 
<option value="/ru/">RU</option> 
<option value="/ch/">CH</option> 
</select>

Реализация на PHP

Если хотите сделать на php, то можно занести весь текст в переменные (по 3 раза для каждого из языков соответственно), и в дальнейшем передавать актуальный язык через $_GET параметр.

Проверять его значение и выводить нужные языковые переменные.

Думаю в случае лендинга это пустая трата времени. Разумнее сделать с подпапками на HTML + JS + CSS.

READ ALSO
Uncaught TypeError: Cannot read property &#39;value&#39; of undefined

Uncaught TypeError: Cannot read property 'value' of undefined

Есть функция, которая записывает полученные с формы html документа значения в переменные а и b, в ней на 47й строке консоль выдает ошибку "Uncaught...

157
WebSoket и Promise || Иммитация Ajax

WebSoket и Promise || Иммитация Ajax

Решил отказаться от Ajax и все взаимодействие с сервером провожу через вебсокеты

81
Добавляем класс всем кнопкам на странице

Добавляем класс всем кнопкам на странице

Доброе время суток! Вопрос вот в чем : Есть ТАБы(кнопки) при нажатии на каждый из которых добавляется класс active, на кокой ТАБ нажал, тому и добавился...

90