1. ホーム
  2. 使い方 Blocs
  3. Blocs
  4. 移行する Blocs V3プロジェクトから Blocs V5
  1. ホーム
  2. スタートガイド
  3. 移行する Blocs V3プロジェクトから Blocs V5
  1. ホーム
  2. ヒント
  3. 移行する Blocs V3プロジェクトから Blocs V5

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

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

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

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

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

恐ろしいフォント

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

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

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

視差の背景

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

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

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

In Blocs V5 トグル メニュー アイコンがインライン SVG になりました。 これは、カスタム クラスを使用して簡単にスタイル設定およびカスタマイズできることを意味します。 ただし、以前にカスタムを使用していた場合 Bric Easy Burger を使用して Web サイトのメニューをカスタマイズすると、問題が発生する場合があります。 メニューを再構築し、削除することをお勧めします。 Brics 問題が発生した場合は、メニューを操作します。

マージン

Blocs V5 では、テキストと画像の事前設定されたマージン コントロールが制限されなくなりました。代わりに Blocs への完全なアクセス権を持っています ブートストラップ間隔ユーティリティ はるかに優れた体験を提供します。 これらを使用すると、任意の要素の任意のエッジに事前設定されたマージンとパディングを適用できます。 ただし、間隔を使用すると、コントロールが有効にならない場合があります。 要素、マージン、またはパディングをフラッシュするには、オプション キーを押したまま、クリアする関連するエッジ セグメント化されたコントロールの小さな X をクリックします。 この後、そのエッジに新しいマージン/パディング値を適用できるようになりました。

Blocs V5 には、多くの優れた利点を備えたまったく新しいカラー システムがあります。 ただし、このような大きな変更により、一部のグローバル スウォッチが正しく機能しない場合があります。 Blocs V5、それらを要素に割り当てようとしたとき。 Swatch Manager で問題のあるスウォッチを右クリックして複製し、オリジナルを削除して複製したバージョンを使用します。

使い方 Blocs V3 と V5 を並べて表示

実行することが可能です Blocs 同じ Mac 上の V3 と V5 は、どちらもバージョン専用のアプリケーション サポート リソースを使用します。 ただし、以下の点を考慮する必要があります。

  • の両方のバージョン Blocs 同じ名前を共有します。これは、両方のアプリがMacOSアプリケーションフォルダ内の同じスペースを占めることは不可能であることを意味します。 この問題を回避するには、名前を変更するだけです。 Blocs からの V3 アプリケーション Blocs 〜へ Blocs V3。 これにより、両方のアプリをMacOSアプリケーションフォルダーに配置できるようになります。

からのプロジェクトの移行 Blocs V2

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

30年2023月XNUMX日に更新

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

関連記事