1. Главная
  2. . Blocs
  3. Blocs
  4. Перенести Blocs V3 Project на Blocs V5
  1. Главная
  2. Первые шаги
  3. Перенести Blocs V3 Project на Blocs V5
  1. Главная
  2. Советы
  3. Перенести Blocs V3 Project на Blocs V5

Перенести Blocs V3 Project на Blocs V5

Blocs V5 использует версии 4 и 5 фреймворка Bootstrap. Это означает Blocs Проекты V3 откроются через Blocs V5 и может потребовать лишь небольшого количества настроек и изменений.

Также помните Blocs V3 может работать вместе Blocs V5, поэтому, если у вас есть большие сайты или проекты с установленными сроками, избегайте их миграции, если у вас нет времени для внесения существенных изменений вручную, которые могут потребоваться.

Сделайте резервную копию вашего проекта

Самое важное, что нужно помнить перед переносом проекта из Blocs V3 в Blocs V5 должен поддержать это. После того, как проект перенесен и сохранен, его больше нельзя отменить, то есть его нельзя открыть или использовать с Blocs V3. Поэтому, пожалуйста, сделайте резервную копию своих проектов, прежде чем продолжить миграцию.

Являются удивительными

In Blocs V5, набор значков Font Awesome обновлен до версии V5. Blocs попытается перенести любые старые классы значков из Font Awesome V4 в новые классы, необходимые для V5. Однако, если вы добавили собственные реализации кода для значков Font Awesome, их необходимо будет обновить вручную.

Вы можете прочитать о том, какие классы были изменены в Font Awesome V5 и как вручную перенести классы. здесь.

In Blocs V5 карусель, световой короб и кнопка прокрутки вверх используют значки SVG, а не шрифты значков, это означает, что старые подклассы, которые использовались в Blocs V3 установить цвет значков больше не будет. Есть новые подклассы которые нацелены на эти значки SVG.
Обратите внимание, что вы больше не будете использовать цвет шрифта для установки цвета значка, вместо этого используйте Цвет обводки SVG элементы управления стилем в редакторе классов.

Параллакс Фон

Принцип работы параллакса изменился в Blocs V5, ранее он использовался этот метод который применяет правило класса background-attachment: fixed;. Однако у этого подхода есть один серьезный недостаток: он не работает на мобильных устройствах.

In Blocs V5, параллакс теперь поддерживается Решение Javascript что означает, что он отлично работает на компьютера и мобильный. У этого нового метода параллакса есть несколько недостатков, главный из которых заключается в том, что фоны больше не повторяются плавно, если у вас есть несколько Blocs сложены вместе с одним и тем же фоновым изображением. Обходной путь для этого - просто переместить основные строки, содержащие Bloc контент от каждого человека Bloc и поместите их в один Bloc с включенным фоновым эффектом параллакса.

Если вам действительно нужна классика Blocs Эффект параллакса V3 в Blocs V5, этого руководства проведет вас через процесс его создания вручную.

In Blocs V5 значок переключателя меню теперь является встроенным SVG. Это означает, что его можно легко стилизовать и настроить с помощью пользовательских классов. Однако, если вы ранее использовали пользовательский Bric например, Easy Burger для настройки меню вашего веб-сайта, вы можете столкнуться с некоторыми проблемами. Мы рекомендуем создать меню заново и удалить все Brics которые манипулируют меню, если у вас возникнут проблемы.

Маржа

Blocs V5 больше не имеет ограниченных предустановленных элементов управления полями для текста и изображений. Blocs имеет полный доступ к Утилиты для расстановки бутстрапов которые предлагают гораздо больший опыт. Это позволяет вам применять предварительно установленные поля и отступы для любого края любого элемента. Однако при использовании пробелов вы можете обнаружить, что элементы управления не действуют. Чтобы очистить элементы, поля или отступы, удерживайте нажатой клавишу выбора и щелкните маленький X на соответствующем элементе управления с сегментацией края, который вы хотите очистить. После этого вы можете применить к этому краю новое значение поля/отступа.

Цвета

Blocs V5 имеет совершенно новую цветовую систему со многими большими преимуществами. Однако из-за такого большого изменения вы можете столкнуться с некоторыми глобальными образцами, которые могут работать некорректно в Blocs V5, когда вы пытаетесь присвоить их элементу. Просто щелкните правой кнопкой мыши проблемный образец в диспетчере образцов и продублируйте его, а затем удалите оригинал и используйте дублированную версию.

. Blocs V3 и V5 рядом друг с другом

Можно бежать Blocs Версии 3 и 5 на одном Mac, так как они обе используют ресурсы поддержки приложений, предназначенные для версий. Однако следует учитывать следующие моменты.

  • Обе версии Blocs имеют одно и то же имя, это означает, что оба приложения не могут занимать одно и то же место в папке приложений MacOS. Чтобы избежать этой проблемы, просто переименуйте Blocs Приложение V3 от Blocs в Blocs V3. Это позволит разместить оба приложения в папке приложений MacOS.

Миграция проекта из Blocs V2

Если вы переносите проект из Blocs V2 в Blocs V5, вы можете найти специальное руководство по миграции здесь.

Обновлено 30 января 2023 г.

Была ли эта статья полезна?

Статьи по теме