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

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

の最大の変化のXNUMXつ Blocs 4はそれがもはや使用してウェブサイトを作成しないという事実です ブートストラップ3 代わりに、新しく改良されたものを使用します ブートストラップ4フレームワーク.

移行ツール

で作成されたプロジェクト Blocs 2を使用します ブートストラップ3フレームワーク Bootstrap 3と4はまったく異なるため、これは明らかに理想的ではありません。 しかしながら、 Blocs 4には、変換を支援するように設計された移行ツールが組み込まれています Blocs 2つのプロジェクト(ブートストラップ3)に Blocs できるだけ混乱の少ない4つのプロジェクト(ブートストラップ4)。

移行する場合 Blocs 2プロジェクト(ブートストラップ3)から Blocs 4プロジェクト(ブートストラップ4)は、サイトのさまざまな側面にさらに注意が必要な場合があることに気付くことが保証されています。これは、この投稿全体で拡張するいくつかの要因によるものです。

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

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

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

移行プロセス

あなたが開くとき Blocs のV2プロジェクト Blocs V4、 Blocs プロジェクトをに移行するかどうかを尋ねられます Blocs V4。 この時点で、プロジェクトのバックアップがあることを確認して、簡単に元に戻せるようにすることが重要です。 Blocs 2移行に、当初の想定よりもはるかに多くの作業が必要な場合。

ブドウやコーヒーチェリーのような甘い果実の発酵過程において、野生酵母は糖類を用いてアルコール発酵します。 アルコールは酢酸菌によって更に<i> 酢酸</i>(お酢)に転化します。 Blocs プロジェクトをBootstrap4に移行し、プロジェクトのHTMLで古いBootstrap 3クラスへの参照をチェックし、必要に応じてHTML構造をスキャンして変更を加えます。 覚えておくことが重要です Blocs カスタムクラスは変更されないため、カスタムクラスによって引き起こされる視覚的なスタイルの問題は手動で修正する必要があります。

自然な視覚的な違い

あなたのサイトが異なって見える原因となるいくつかの要因があります Blocs V4と比較して Blocs V2。 以下は正常であり、Bootstrapフレームワークの主要な変更が原因で発生します。

テキストが大きい

移行後、気付く可能性のある最も一般的な変更は、テキストが大きく見える場合があることです。 これは、Bootstrap 4が、そのコアタイポグラフィスタイルのすべてでより大きなフォントサイズを使用するようになったためです。 以下のリファレンスは、見出しタグのBootstrap3と4のリグレードフォントサイズの違いを示しています。

ブートストラップ3

H1 = 36px
H2 = 30px
H3 = 24px
H4 = 18px
H5 = 14px
H6 = 12px

ブートストラップ4

H1 = 2.5レム
H2 = 2レム
H3 = 1.75レム
H4 = 1.5レム
H5 = 1.25rem
H6 = 1rem

シンボルスタイリングの切り替え

移行時のもう4つの一般的な視覚的な問題は、トグルシンボルのスタイルに関する問題です。 これは、Bootstrap XNUMXでは、ナビゲータートグルシンボルがSVGイメージになっているためです。 これは、からの古いサブクラスでトグルシンボルをカスタマイズすることができなくなったことを意味します Blocs V2。 でトグルシンボルの色を変更するには Blocs 明るい背景または暗い背景のV4では、親ナビゲーションを設定する必要があります Brics テーマスタイル。

キャッシュの問題

プロジェクトをBootstrap4に移行してエクスポートすると、サーバーキャッシュによって、ホストされたサイトが最初は壊れているように見える可能性が非常に高くなります。 これは、ブラウザのキャッシュをクリアすることで簡単に修正できます。 ブラウザのキャッシュの問題への対処について詳しく読むことができます 詳細を見る.

初心者向けメモ

忘れないで Blocs V4には、プレビューモードでWebKit開発ツールへのアクセスも付属しています。右クリックして検査するだけでアクセスできます。 開発ツールを使用すると、サイトで不要なスタイルの問題を引き起こしている可能性のあるカスタムクラスを見つけることができ、修正が迅速になります。

使い方 Blocs 2と3が並んでいる

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

  • の両方のバージョン Blocs 同じ名前を共有します。これは、両方のアプリがMacOSアプリケーションフォルダ内の同じスペースを占めることは不可能であることを意味します。 この問題を回避するには、名前を変更するだけです。 Blocs からのv2アプリケーション Blocs 〜へ Blocs v2。 これにより、両方のアプリをMacOSアプリケーションフォルダーに配置できるようになります。
  • Blocs v2とv3のファイルタイプは異なります。 これは、ファイルがに保存されると Blocs 4で開くことができません Blocs v2。 これを念頭に置いて、プロジェクトの特定のバージョンでの使用を余儀なくされないように、プロジェクトの複数のコピーを保持することをお勧めします。 Blocs.
24年2020月XNUMX日に更新

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

関連記事