Как сделать мультиязычный сайт на двух языках легко за 10 минут от новичка, новичкам
HTML-код
- Опубликовано: 4 окт 2024
- Как уже и говорил, я только учусь поэтому буду рад выслушать советы опытных программистов и по этому видео и по моему коду в Github.
Ссылка на файл jqury.min.js: github.com/Max...
Пишите в любое время: zhukovmax1111@gmail.com
Вторая часть для многостраничных сайтов: • Мультиязычный сайт за ...
Отличный курс для тех, кто хочет сатать Frontend Developer: go.acstat.com/...
![BabyChiefDoit - Too Slow (feat. STAR BANDZ) [Official Music Video]](http://i.ytimg.com/vi/zayaxws7RPg/mqdefault.jpg)
Все работает! Для одностраничного сайта - решение отличное. Как его можно адаптировать для много страничного сайта? Ведь при переходе на новую страницу - настройки языка сбиваются и снова нужно жать кнопку смены языка
О, спасибо, бро!!! Как раз задача такая поступила, для небольшого проекта - вполне даже удобно.
Макс, ты супер
Другие методы не работали. Спасибо тебе за ролик!
Продолжай, я подписался
Та уже нет желания если честно, но рад что видео кому-то помогают)
Чесно сказать, от души спасибо, проект через две недели буквально нужно сдать, ты как раз помог очень сильно,крутой скрипт.
Здравствуйте! Пожалуйста, дайте ссылку на html, css и js файлы!
О! Visual Studio Code:) Большое спасибо за видео!
Видео замечательное! Осталось только понять код:) и как сделать так, чтобы форматирование строк сохранялось после перевода текста. Например в теге р строка поделена тегом , после замены способом как на видео, этот перенос пропадает.
Александр приветствую!
у вас получилось найти решение проблемы форматирования строк?
могу обьяснить про br
@@_r.igh_t. могу обьяснить про br
@@yatsenko290512 Добрый день! Было бы замечательно!
Спасибо конечно но я тоже самое сделал но на телефоне не работает почему то кто может помочь откликнитесь
Очень понятно и интересно!
Спасибо за видео.
старик, спасибо те огромное, просто лучший
Спасибо огромное чувак!
Что то с середины начал, не понятно в какую часть кода вставлять то что ты печатаешь
Вторая часть видео, где мы делаем перевод для многоязычных сайтов ruclips.net/video/cN4H-qCjSl0/видео.html
Огромное тебе спасибо!
не учите людей плохому, Ладно что флаги не svg, но менять файлы jauery или файлы других библиотек просто недопустимо! Я понимаю что это просто урок, но вы показываете как надо делать!
уточните пожалуйста, этот вариант действительно не стоит применять на своём сайте-лейдинге, который впоследствие планирую залить на хостинг, если да, то почему и какой вариант вы считаете правильным, если конечно разбираетесь в этом вопросе? Спасибо заранее.
@@uk-lych_sveta
какой вопрос? первый или второй?
1. почему svg - вообще изучите что такое svg если планируете заливать лендинг на хостинг и как так вышло что svg весит в сотни раз меньше того жеjpg
2. Почему библиотеки лучше не менять, ну вот соберётесь вы обновить библиотеку и все ваши старания останутся в старой библиотеке и придётся ручками переносить код, когда можно было бы всего лишь изменить одну строчку.
@@grufilm добрый день, спасибо за ответ, я имел ввиду про изменение файлов jauery, как показано на видео, после вашего комментария, я стал сомневаться в данном способе, полагая что это как-то повлияет на работу моего сайта и его выдачу. Может подскажите, какой способ изменения языков на сайте более правильный и где можно найти этот способ, чтобы применить у себя на сайте. Например я нашел еще один способ - Делаем мультиязычный сайт c JavaScript - ruclips.net/video/MKx31x5u_SQ/видео.html. Как вы считаете он лучше, чем тот который на этом канале?
@@uk-lych_sveta смотрите какой минус
На работу не повлияет, но когда вы измените весь код. то пользователю придётся грузить всю библиотеку заново, плюс вы захотели обновиться на новую версию и снова лишние движения. Плюс ну вдруг невзначай что-то измените случайно и потом будете теряться что же там поменяли т.к. в библиотеке убраны все переносы для уменьшения размера файла.
Попробуйте сами сделать по видео и решите что для вас лучше и почему, я в данный момент не смогу вам в этом помочь! Плюс я ухожу с wordpress
лайк за немецкий интерсфейс на компе)
С каким купил, таким и пользуюсь😂Лень менять на английский
Красава, СПС!
а не проще ли сделать просто две разные страницы с разными языками?
Нет конечно
spasibo vam bolshoy
Этого сайта. Меня интересует именно перевод этих четырёх надписей скриптами.
Как можно решить такую ошибку валидности "Error: Attribute key not allowed on element a at this point."? типо отрибут key не где нельзя использовать
Спасибо! Все работает. А можно ли допилить этот js таким образом, чтобы он перекидывал сразу на страницу с выбраным языком, если у меня, к примеру, контакты ведут на другую страницу.
Привет, напиши мне на почту, если еще не нашел решение
@@maxzhukov5525 Мне тоже это актуально, есть какой-то способ?
Привет, я посоветовал попробовать через local storage решить, напиши мне на почту и я сконтактирую вас.
@@andrispikarevskis5513 Я нашел решение, постараюсь сегодня сделать и выложу на своём канале
@@maxzhukov5525 Спасибо за урок,теперь я тоже жду решение с local storage :)
так это ток на вордпресе работает ?
Здравствуйте а как поставить логотип на сайте в гугле как у вас там мельница стоит
А если текст большой нужно переводить
Спасибо !!!!
А нельзя просто сделать страницу index0 чтобы при нажатии на кнопку всё перевелись?
Не очень понял что ты имеешь ввиду, просто создать две страницы?
@@maxzhukov5525 да
1 русскую, 2 английскую
@@канал-ы1р мне кажется что так даже будет правильно с точки зрения SEO, но больше заморочек чем с скриптом
@@maxzhukov5525 окей, хорошо, спасибо
Люди добрые, подскажите код на jquery если делать через select > option?
На каком принципе основан этот способ? Что происходит при переключении языка? Как именно работает этот скрипт?
Привет, напиши мне на почту и я тебе все расскажу и покажу
В файле jQuery писать код?
Жесть конечно 😅
Привет, как изменить placeholder?
Добрый вечер, вы нашли ответ как быть с placeholder?
А толку от такого якщо при оновлені сторінки мова злітає ?
лучший!!!!
Все было бы супер, если бы на jQuery! Как код на чистый JS переписать?
const buttons = document.querySelectorAll('.translate')
buttons.forEach(button => {
button.addEventListener('click', () =>{
const lang = button.attributes.id.value
console.log(lang)
const langs = document.querySelectorAll('.lang')
langs.forEach(la => {
console.log(la);
la.innerHTML = arrLang[lang][la.attributes.key.value]
})
} )
})
$ is not defined что делать
Скорее всего нет файла jQuery
Which language is that?
Скажите, как назначить placeholder класс, на сайте много полей ввода и не понятно как их переводить, мы же не можем ему назначить класс? И если есть слайдер на сайте, то видимый экрану текст переводится, а тот текст на который нужно нажать на слайдер нет (в слайдере 10 отзывов, первые 3 всегда видимы, остальный чтоб увидеть нужно нажать на стрелку в стороны, тобиш продлистать слайд, и вот этот текст который мы видем при пролистывании он не переводится), как решить эту проблему?
класс можно назначить самому input и у него менять плейсхолдер. input.placeholder = 'abc'
А на коком движке построен у вас сайт?
Да ни на каком😂
@@maxzhukov5525 Ахахах, понимаю)
Помоги пожалуйста, как ты перевёл placeholder?
Привет, в двух словах не рассказать, но я сейчас в отпуске, можешь написать мне через неделю на почту и я постараюсь тебе помочь)
Прошу прощения, есть ответ? Столкнулся с такой же проблемой
@@maxzhukov5525 доброго времени суток, урок очень помог) Но столкнулся также с переводом placeholder и value. Буду очень признателен, если дадите подсказку.
Добрый вечер, вы нашли ответ как быть с placeholder?
я люблю тебя
Здравствуй. Недавно такая же задача попалась мне, по видео делал, чуть-чуть не получается. Можешь помочь?
Привет, к сожалению пока совсем нет времени, но я в скрипте который в видео я уверен, поэтому лучше проверить все ещё разок)
@@maxzhukov5525 насчёт кода не сомневался. На сайте по кривому шаблону просто просят всё сделать, потому и проблемы. Сейчас ещё разок посижу и поразбираюсь)
Спасибо за ответ!
Я не на что не намекаю но вы извращенец
В списке создавать ссылку что бы в ней создать кнопку а в ней вставить изображение...