GenerateBlocks Pro スタイル移行チュートリアル: 新しいグローバル・スタイル・システムへのアップグレード

あるブロックの生成 Proバージョン1.7では、より強力で柔軟なグローバル・スタイル・システムを導入しました。各要素に単一のスタイルしか割り当てられなかった旧バージョンに比べ、新しいシステムでは複数のスタイルを重ねて使用できるようになり、ボタンやコンテナなどのデザイン・コンポーネントをより明確に管理できるようになりました。

バージョン1.6以前の古いスタイル（レガシー）を使用している場合グローバル・スタイル)、この記事では、これらのスタイルを新しいバージョンの構造に移行する方法をステップ・バイ・ステップで紹介する。

I. 旧グローバル・スタイルの見直し

旧システムでは、各ブロックタイプ（ボタンやコンテナなど）にバインドできるグローバルスタイルは 1 つだけでした。各スタイルは制御できました：

ボタンの色、内側マージンエッジ、コーナーなど
コンテナの上下左右のマージン
バックグラウンドとホバー状態のスタイル切り替え

これらのスタイルは基本的なものではあるが、プロジェクトが増えるにつれて、維持するのが徐々に難しくなっていく。

次に、プラグインをアップグレードし、新しいバージョンのスタイルパネルを入力します。

まず、GenerateBlocks Proがバージョン1.7以降にアップグレードされていることを確認してください。

とおすワードプレスバックステージ 生成ブロック → グローバルスタイル
ページに新しいエントリーが表示されます。 レガシー・グローバル・スタイルズ

これをクリックすると旧式の管理画面になり、移行したい項目を選択することができます。

三、ボタンスタイルの移行例

ステップ1：古いスタイルを選択する

ボタン・スタイルを例にとると、古いスタイルのリストにある項目の一つをクリックして、編集ページに入る。

ステップ 2: 新しいスタイル・クラスに名前を付ける

新しいスタイルの名前を入力します。例えば、接頭辞付きの統一されたフォーマットを推奨します：エービーシーボタン

その中には ABC 会社、プロジェクト、チームごとにコード化できるので、後で簡単に分類して呼び出すことができる。

ステップ3：古いスタイルのコンテンツをコピーする

このリージョンブロックのスタイルをコピーする "オプションをクリックすると、システムは自動的に元のスタイルで設定されたすべての値をコピーする。ホバーステータス）が新しいバージョンのスタイルシステムにコピーされる。

ステップ4：スタイルの完全性をチェックする

の新しいスタイルを開く。 スペーシングそして背景そしてホバー などを確認し、色、内側の余白、インタラクションの状態が正しく移行されていることを確認する。

完了したら「保存」をクリックする。

IV.コンテナスタイルの移行

コンテナの移行プロセスは、ボタンの場合とまったく同じである：

旧コンテナスタイルの選択
にちなんで エービーシーコンテナ

スタイル属性もコピーして保存する

V. ページ内で新しいスタイルを呼び出す

移行が完了したら、どのページでも新しいスタイル・クラスを使用できます：

スティックブロックの生成コンテナ・ブロック → クラス名の追加 エービーシーコンテナ
ボタンブロックの挿入 → クラス名の追加 エービーシーボタン

ボタンのスタイルが正しく表示されない場合は、ローカルスタイルが保持されているかどうかを確認してください。「X」アイコンをクリックしてデフォルトスタイルを削除し、新しいスタイルが有効になることを確認できます。

VI.古いスタイルを一掃する

すべてのスタイルが正常に移行されたことを確認したら：

レガシー・グローバルスタイル・パネルに戻る
使われなくなった古いスタイルを削除する

次に、すべてのページが新しいスタイル・システムを採用し、インターフェイスもより爽やかになった！

VII.新システムの利点のまとめ

新しいスタイル・システムは、モジュラー構造により高い自由度を提供する：

複数のスタイル・クラスを要素に追加し、自由に組み合わせることができる。
擬似状態（ホバーなど）を含む、より明確なスタイル設定
一箇所を修正すると、自動的にすべての参照に適用される

旧体制に比べ、新体制はコンポーネント化された保守可能な設計システムの構築に適している。

結語

をまだ使用している場合ブロックの生成旧スタイルのProは、今が移行のチャンスです。新しいシステムは、より柔軟性があるだけでなく、将来のサイト拡張やチームコラボレーションにも適しています。

移行操作には複雑な設定は必要なく、数回クリックするだけで設計システムをフルアップグレードできます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み

GenerateBlocks Pro スタイル移行チュートリアル：旧グローバルスタイルから新システムへのアップグレード