Bricks 2.0アップデート:モジュール式で高性能なWordPressウェブサイトの構築

レンガとは何か?

レンガ アン完全なWordPressテーマそれはレンガビルダー 高度にカスタマイズ可能な、レスポンシブで高性能なウェブサイトを構築するための強力な機能モジュール。

ブリックに何ができるのか?

  • ページレイアウトのカスタマイズピクセルレベルのデザインコントロールをサポート
  • WooCommerce ショップ・ビルダーコードなしで完全なeコマース・フロントエンドをデザインする
  • ポップアップシステムポップアップ広告、フォームなどを作成するためのポップアップビルダーを内蔵しています。
  • メニュービルダー多階層のカスタムスタイルのレスポンシブ・メニューをサポート
  • ダイナミックコンテンツのサポートACF、MetaBox、JetEngine、その他のフィールドプラグインと完全な互換性があります。
  • 再利用可能なコンポーネント・システム1回の更新で複数回の同期が可能
  • CSSクラスと変数の管理メンテナンスが容易なモジュール管理
  • レスポンシブ・デザイン・ツールカスタムブレークポイントのサポート、モバイル・ファーストのサポート

ブリックス2.0アップデート

更新された推奨事項

  • ご馳走ローカルまたはステージング・サイトでのテストを優先する。アップグレード効果。
  • のバックエンドでは レンガ > 設定 > 一般 グローバル要素コンバータを実行して、古いグローバル要素を新しいコンポーネントに変換します。
画像[1]-Bricks 2.0完全解説:機能ハイライトとアップグレードガイド
  • フロントエンド・スタイルの表示をチェックするにはCSSカスケード・レイヤーはデフォルトで有効になっています。これは古いスタイルに影響するかもしれない。
  • 複数のロールが Bricks コンテンツを編集する場合は、以下の設定を有効にすることをお勧めします。 レンガ > 設定 > ビルダーアクセス の "Builder Capabilities "機能である。
  • 公式サイトを更新する前にエラーがないかテストする。

Bricks 2.0の新機能の概要

ビルダーの強化

  • ビルダー能力コントロール誰がどのコンテンツ、コンポーネント、スタイルにアクセスできるかをきめ細かく制御するための50以上のパーミッションポイントを提供します。
  • エレメント・マネージャーインターフェイスを合理化するために、ビルダーの要素を有効/無効にします。
  • フォントマネージャGoogle Fontsをローカルでホストし、Adobeやカスタムフォントを管理します。
  • アイコンマネージャーSVGアイコンセットのアップロード、管理、プレビュー、検索、有効化/無効化。
  • コマンドパネルCMD/CTRL+Kのショートカット操作で、ナビゲーション、コンテンツの追加、構造などを素早く行えます。
  • クイックアクセスバーキーボードで要素のグループを素早くナビゲートし、編集効率を向上。

🎨 スタイルとビジュアル・コントロール

  • ビジュアルCSSグリッドエディタードラッグ&ドロップでレスポンシブなグリッドレイアウトをデザインできます。
  • 相続指標現在のスタイルがクラス、ブレークポイント、擬似クラスを継承しているかどうかを確認します。
  • セレクターUIの改善擬似クラスを含む、あらゆる要素スタイルの完全な視覚的制御。
  • テーマ・スタイルシートカスタムCSSを追加するための新しいスタイルシートコントロールグループ。
  • ブレークポイントとクラス・コントロールのSVGスタイル・サポートSVGアイコンをビジュアルスタイルで編集。
  • カテゴリクラスと変数」ドロップダウンメニュー大規模なスタイルシステムの管理をサポート。

ワークフローと編集エクスペリエンスの強化

  • インターフェース再構築UIはより明快で一貫性がある。
  • 要素の一括編集複数の要素を一度に選択し、スタイルを変更したり、構造を操作することができます。
  • 右クリックで折り返し要素をキャンセルクリックすると解凍されます。
  • カラー変数のビジュアルエディタ.
  • 非表示エレメント・スイッチフォアグラウンド/エディターでの非表示要素のサポート。
  • 孤立エレメントのスキャンとクリーンアップ無効/欠落したビルダー要素を自動的に検出します。

🧩 コンポーネントと構造のアップデート

  • 入れ子コンポーネントコンポーネント内にネストされたコンポーネントがサポートされ、より完全なモジュール性を実現。
  • コンポーネント機能が正式に安定実験段階を終了する。
  • コンポーネント・プロパティ・タイプ拡張トグル、ドロップダウン、クラス・セレクタなどをサポートし、コンポーネントのダイナミクスを強化。

⚙️ パフォーマンスとテクノロジーの変化

  • ビルダー・レンダー・ロジックのリファクタリングより速いロードと操作レスポンス。
  • カスケード・レイヤーをデフォルトで有効にするより明確なヒエラルキーと、より強固なスタイルの棲み分け。
  • グローバル要素は非推奨コンポーネントで完全に置き換えられ、コンバーターで移行する必要がある。

🛠️ エレメンタルの強化

  • フォーム要素:新しいWebhookアクションこのシステムは、サードパーティのシステムと統合するために使用することができる。
  • 地図要素サポート クエリ・ループ 同時レンダリング複数の地理的位置をダイナミックに表示。
  • WooCommerce: 商品バリエーションに新しいグラフィカルオプションが追加されました。(色、絵、文字)。
  • WooCommerceインタラクティブ・イベントのサポートショッピングカートの追加や削除、クーポンなど。

Bricks コアモジュールの機能(ハイライト)

メニュービルダー

複雑なサイトナビゲーションのニーズを満たすために、ネストされたナビゲーション、メガメニュー、垂直/水平メニュー、その他のフォームをサポートしています。

画像[2]-Bricks 2.0完全解説:機能ハイライトとアップグレードガイド

WooCommerce Builder ストアビルダー

商品ページ、カテゴリーページ、ショッピングカート、チェックアウトページなど、他のプラグインを使わずに完全なモールを構築し、コンバージョン率とユーザー体験を向上させます。

ポップアップビルダー ポップアップビルダー

購読ポップアップ、割引キャンペーン、終了インテント、その他コンバージョンの高いアラートコンテンツを追加プラグインなしで作成できるポップアップ機能を内蔵しています。

クエリ・ループ・ビルダー データ・クエリ・ビルダー

投稿、ユーザー、カスタムフィールドなどのWordPressデータの視覚的なクエリをサポートし、動的なコンテンツ表示モジュールを作成します。

CSSクラスと変数システム

モジュラースタイル構造をサポートし、クラスマネージャ、変数分類、クロスサイトコピー、その他大規模プロジェクト向けの機能を提供します。

ダイナミック・データ ダイナミック・コンテンツのサポート

ACF、Meta Box、Toolsetおよびその他のプラグインのデータバインディングを完璧にサポートし、任意のフィールドをフロントエンドのコンテンツまたは構造にバインドすることができます。

再利用可能なコンポーネント・システム

再利用可能なボタン、カード、セクションなどを作成し、一度編集すればサイト全体で同期され、カスタム属性を渡すこともできます。

レスポンシブ編集

カスタムブレークポイント、モバイルファーストモード、各デバイスの表示のリアルタイムプレビュー、適応可能なウェブサイトの構築をサポート。

Image[3]-Bricks 2.0完全解説:機能ハイライトとアップグレードガイド

柔軟でパワフル、そして高性能なWordPressページビルダーをお探しなら、Bricks 2.0は競争力の高い選択肢です。フリーランスの開発者であろうと、企業のサイトビルダーであろうと、Bricksは安定した、効率的でスケーラブルなソリューションを提供します。

よくある質問

Astra, Hello Themeと一緒に使えますか?

Bricksはプラグインではなくテーマであり、他のテーマ上で動作することはありません(プラグインであるElementorとは異なります)。Bricksをインストールすると、WordPressは直接Bricksテーマに切り替わります。

ヘッダー、フッター、テンプレートをカスタマイズできますか?

Totally.Bricksは、以下のような強力なテンプレート機能を提供します:

  • ヘッダー、フッターテンプレート(レスポンシブ、スティッキー、トランスペアレントすべてに対応)
  • シングルページテンプレート(シングルポスト、シングルページ)
  • アーカイブテンプレート(ブログ、カテゴリー、タグなど)
  • 条件付き表示テンプレート(ユーザーの役割、デバイス、ページタイプごとに異なるテンプレートを設定可能)

WooCommerceのサポートは良いですか?

BricksにはWooCommerce Builderが付属しており、以下のページを作成することができます:

  • ショップページ(ショップ)
  • 製品詳細ページ単品)
  • カテゴリー/タグアーカイブページ
  • ショッピングカート、チェックアウトページ、アカウントページなど。
  • 製品バリエーションのグラフィカルな選択(スウォッチ)

お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス15 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし