1. ホーム
  2. 使い方 Blocs
  3. Blocs
  4. 移行する Blocs V3プロジェクトから Blocs V4
  1. ホーム
  2. 始めに
  3. 移行する Blocs V3プロジェクトから Blocs V4
  1. ホーム
  2. ヒント
  3. 移行する Blocs V3プロジェクトから Blocs V4

移行する Blocs V3プロジェクトから Blocs V4

Blocs V4は、Bootstrapフレームワークのバージョン4および5を使用します。 これの意味は Blocs v3プロジェクトはで開きます Blocs v4であり、わずかな調整と変更のみが必要な場合があります。

また覚えておいてください Blocs V3は一緒に実行できます Blocs V4なので、期限のある大規模なサイトやプロジェクトがある場合は、必要になる可能性のある大幅な手動変更を行う時間がない限り、これらの移行は避けてください。

プロジェクトをバックアップします

プロジェクトを移行する前に覚えておくべき最も重要なこと Blocs 3へ Blocs 4はそれをバックアップすることです。 プロジェクトを移行して保存すると、元に戻すことはできません。つまり、プロジェクトを開いたり、で使用したりすることはできません。 Blocs V3。 したがって、移行を続行する前に、プロジェクトをバックアップしてください。

恐ろしいフォント

In Blocs V4、FontAwesomeアイコンセットがV5に更新されました。 Blocs 古いアイコンクラスをFontAwesomeV4からV5に必要な新しいクラスに移行しようとします。 ただし、Font Awesomeアイコンの独自のカスタムコード実装を追加した場合は、これらを手動で更新する必要があります。

Font Awesome V5で変更されたクラスと、クラスを手動で移行する方法について読むことができます 詳細を見る.

In Blocs V4カルーセル、ライトボックス、および上部にスクロールボタンは、アイコンフォントではなくSVGアイコンを使用します。これは、で使用されていた古いサブクラスを意味します。 Blocs アイコンの色を設定するV3は機能しなくなります。 がある 新しいサブクラス これらのSVGアイコンを対象としています。
アイコンの色を設定するためにフォントの色を使用するのではなく、新しいものを使用することに注意してください SVGストロークカラー クラスエディタのスタイリングコントロール。

視差の背景

視差の働き方が変わりました Blocs 4、以前は使用していました この技術 クラスルールを適用します background-attachment: fixed;。 ただし、このアプローチにはXNUMXつの大きな欠点があります。それは、モバイルデバイスでは機能しないということです。

In Blocs V4、視差は現在、 Javascriptソリューション それはそれがうまく機能することを意味します デスクトップ 影響により モバイル。 この新しい視差法にはいくつかの欠点があります。主な欠点は、多数の視差がある場合、背景がシームレスに繰り返されなくなることです。 Blocs 同じ背景画像と一緒に積み重ねられます。 この回避策は、を含むメイン行を単純に再配置することです。 Bloc 各個人のコンテンツ Bloc それらをXNUMXつに配置します Bloc 視差背景効果をオンにします。

あなたが本当に古典を手に入れる必要があるなら Blocs のV3視差効果 Blocs V4、 このガイド 手動で作成するプロセスを順を追って説明します。

プロジェクトの移行 Blocs V2

プロジェクトをから移行する場合 Blocs V2から Blocs V4、専用の移行ガイドを見つけることができます 詳細を見る.

1年2021月XNUMX日に更新

この記事は役に立ちましたか?

関連記事