Это видео недоступно.
Сожалеем об этом.

Многоязычный сайт на webflow, с возможностью переключения языков. Уроки вебфлоу на Русском

Поделиться
HTML-код
  • Опубликовано: 29 мар 2022
  • #webflow #вебфлоу
    Часто бывает нужно сделать сайт, с несколькими версиями языка, обычно это Русская и Английская версии. Хотя можно делать сколько угодно версий, на видео их будет три. При это у каждой версии все страницы и файлы должны быть на соответствующем языке, и легко и понятно происходила смена языка.
    Выбор языка сайта на webflow расширит аудиторию сайта и упростит восприятие информации с него, а так же это дополнительные деньги для вас)))
    При этом сервисы которые автоматически переводят сайт не подойдут, поскольку они ломают верстку. В связи с тем, что физически слова на разных языках занимают разное место в пространстве. Поэтому, что бы нигде ничего не съезжало, не было косо/криво, нужно производить перевод страниц вручную, как это сделать максимально быстро на сервисе вебфлоу, я показал в данном видео.
    •••••••••••••••••••••••••••••••
    - Полезные штуки для webflow freelance-blog...
    - Индивидуальное обучение freelance-blog...
    •••••••••••••••••••••••••••••••
    БЕСПЛАТНЫЕ курсы по webflow:
    👉 • Базовый (для новичка) • Трелло для фрилансера,...
    👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
    👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
    👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
    •••••••••••••••••••••••••••••••
    Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
    Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
    •••••••••••••••••••••••••••••••
    Моя почта - artstrangers@gmail.com
    Телеграм @artstranger
    •••••••••••••••••••••••••••••••
    👉 • Портфолио - freelance-blog...
    👉 • Инстаграм - / artstranger.ru
    👉 • Бесплатные плюшки - freelance-blog...
    👉 • Материалы для уроков - freelance-blog...
    👉 • Индивидуальное обучение - freelance-blog...
    •••••••••••••••••••••••••••••••

Комментарии • 33

  • @user-ds7jw8rn9t
    @user-ds7jw8rn9t 11 месяцев назад +1

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

    • @freelance-pro
      @freelance-pro  11 месяцев назад

      Спасибо за лайк 🥳

  • @pein2448
    @pein2448 Год назад +1

    Очень полезный выпуск!Спасибо что делаете такое!

  • @VictoriaSuslova
    @VictoriaSuslova Год назад +1

    Большое спасибо за полезную информацию!

  • @runaruni898
    @runaruni898 2 года назад +2

    Спасибо большое за видео!

    • @freelance-pro
      @freelance-pro  2 года назад +1

      Рад стараться для вас)) вашим комментарии лучшая мотивация для меня 😊

  • @sahlofolina7959
    @sahlofolina7959 2 месяца назад

    Спасибо большое за ценную информацию! Подскажите, пожалуйста, как оценивать такую работу? Заказчик хочет 4 языка, это расценивается как отдельные страницы?

    • @freelance-pro
      @freelance-pro  2 месяца назад

      Нет, вы же доя них не будите делать дизайн он уже готов

  • @yuliyaligay2752
    @yuliyaligay2752 2 года назад +1

    Спасибо большое за видео! Только подумала, а как делать двуязычный сайт, а у вас уже и это есть! 😭

    • @freelance-pro
      @freelance-pro  2 года назад +2

      А чего смайлик плачет? Или случайно не по тому нажали)) а так то пожалуйста, может ещё по какой теме видео хотели бы увидеть?

    • @yuliyaligay2752
      @yuliyaligay2752 2 года назад +1

      @@freelance-pro слёзы радости😁 Пока я вас только догоняю, столько информации! В будущем про икоммерс сайты было бы интересно, именно с безопасной оплатой на сайте и вообще актуален ли вебфлоу для икоммерс или лучше шопифай🤔

    • @freelance-pro
      @freelance-pro  2 года назад +1

      Да, конечно же актуален, но мы дизайнеры, у нас и так вёрстка в подарок. Сделать можно что угодно, а для оживления функционала потребуется программист, этототдельная профессия, нечего их хлеб отбирать, и так верстальщиков обижаем)))

    • @yuliyaligay2752
      @yuliyaligay2752 2 года назад +1

      @@freelance-pro аа вообщем лучше ограничится, оставить вёрстку икоммерс сайтов программистам. Не усложнять жизнь ни себе ни верстальщикам.

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @valentinmeyendorf443
    @valentinmeyendorf443 2 года назад +1

    Спасибо большое за видео? А при таком дублировании страниц нет риска деприоритезации поисковыми алгоритмами?

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @Oleksandr_Chumachenko
    @Oleksandr_Chumachenko Год назад

    Спасибо за видео! А есть возможность привязывать язык к местоположению? Что бы сайт открывался на языке, который привязан к геолокации пользователя? Спасибо!

    • @freelance-pro
      @freelance-pro  Год назад

      Пожалуйста! Да такая возможность есть, программисты такое умеют!

  • @alexandermikolyk7987
    @alexandermikolyk7987 2 года назад +1

    спасибо за видео! Есть многостраничный сайт, на русском, украинском и английском. В меню всегда отображаются три кнопки на RU, EN, UA. Как настроить правильно ссылки на кнопках и их селекторы, чтобы если пользователь находится например на русской версии сайта, кнопка RU была всегда определенного цвета?

    • @freelance-pro
      @freelance-pro  2 года назад

      Значение ~ current оно зелёным как подклас подсвечивается, вот для него задав стили, можно сделать, что бы активная страница была скажем полупрозрачная (переключалка ru допустим)

    • @alexandermikolyk7987
      @alexandermikolyk7987 2 года назад +1

      @@freelance-pro при этом в кнопке выбрать состояние visited? чтобы было current visited?

    • @freelance-pro
      @freelance-pro  2 года назад +1

      Нет, просто в настройках ссылки скажем ru версии, выбираем что при нажатии должна открывается русская версия, и оно автоматически станет current добавится в стилях зелёный подкласс и стилизировав его она применить и для остальных ссылок (en/ua и т.д )

    • @alexandermikolyk7987
      @alexandermikolyk7987 2 года назад +1

      @@freelance-pro спасибо понял) а если это многостраничный сайт, то как задавать настройки кнопки языка, чтобы на всех страницах этого языка она была определенного цвета. Но кнопки языков при переключении перекидывают со всех страниц не на определенную страницу нужного языка, а на главную этого языка. языка. Не знаю или понятно объяснил)

    • @freelance-pro
      @freelance-pro  2 года назад

      Ну тогда нужно дописывать все таки класс вручную, а не ориентироваться на current, вместо этого просто на каждой странице уже задать стили для ссылки вручную

  • @KirillZharkiy
    @KirillZharkiy Год назад

    Это далеко не многоязычный сайт. Это сайт состоящий из страниц с разным языком. Мультиязычный сайт подразумевает собой физически постоянную одну страницу с набором продублированных текстов на разных языках, выводимых по условию активного языка.

    • @freelance-pro
      @freelance-pro  Год назад

      Можно и так

    • @user-sb1ce8ks3u
      @user-sb1ce8ks3u Год назад

      @@freelance-pro a атрибут lang как-то прописываете для этих страниц?

    • @freelance-pro
      @freelance-pro  11 месяцев назад

      Да

  • @tendento5205
    @tendento5205 8 месяцев назад

    А как быть с цмсками ?

    • @freelance-pro
      @freelance-pro  8 месяцев назад

      Не пользоваться ими или искать решение под конкретную цмс