Divi5の拡張属性について知っておくべきことすべて

Divi 5の最新の機能であるExtend Attributesはこちらで、数回クリックするだけでページデザインに大きな変更を加えるのに役立ちます。

それが何であるか、それがどのように機能するか、そしてそれがDivi 5ユーザーにとって必須の理由を探りましょう。個人的なブログの構築であろうと、複雑なクライアントWebサイトの管理であろうと、この機能はプロセスを合理化し、デザインを高めることを約束します。

Divi 5は新しいWebサイトで使用する準備ができていますが、既存のサイトをDivi 5に変換することはまだお勧めしません。

Divi 5の拡張属性とは何ですか？

divi 5の拡張属性により、ユーザーは、列、行、セクション、またはページ全体で、スタイル、プリセット、コンテンツなどの特定のデザイン要素を1つの要素から他の要素に伝播できます。フォントの調整、色の調整、複数のモジュールでコンテンツの同期など、この機能により時間を節約し、一貫性が保証されます。 Divi 4の拡張スタイル機能の拡張された改良バージョンです。

YouTubeチャンネルを購読してください

拡張属性を使用すると、ユーザーはDiviのVisual Builderの任意の要素を右クリックし、メニューから拡張属性を選択できます。タイポグラフィの設定、間隔、境界、影、またはテキストや画像などのコンテンツなど、適用する属性を正確に選択できます。

次に、変更の範囲を定義します。これは、すべて類似の要素、特定のセクション、または選択された行であろうと。このきめ細かい制御により、DIVIの直感的なインターフェイス内で、最小限の労力でスイープ変更またはターゲットアップデートを簡単に実装できます。

Divi 4の拡張スタイルと比較して、ユーザーは要素全体にスタイルをコピーして貼り付けることができ、拡張属性がより多くの可能性を提供します。拡張スタイルが基本スタイルのレプリケーションに限定されていた場合、拡張属性はスコアを拡張して以下を含めます。

• 設計属性
• スタイルの属性
• コンテンツ属性
• プリセット属性

特定の要素内で変更したものはすべて拡張可能になります。

属性をどのように機能させるか

Divi 5の拡張属性は、デザイン変更をシームレスで直感的にするように設計されており、ユーザーは複数の要素を簡単に更新できるようにします。 Diviのビジュアルビルダー内で、段階的に機能する方法は次のとおりです。

ビジュアルビルダーのDIVIモジュールを右クリックすることから始めます。右クリックメニューから、 [拡張属性]オプションを選択します。

パネルが表示され、スタイルやプリセットなどの特定の属性、またはテキストなどのコンテンツを選択できます。

たとえば、ボタンのデザイン属性を拡張する場合は、 [拡張ボタン設計属性]をクリックして、[拡張属性]メニューをアクティブにします。

次に、これらの属性を適用する場所を指定します。 Divi 5は柔軟なオプションを提供し、ページ上のすべての類似要素または現在の列、行、またはセクションに属性を拡張できます。

属性を選択した場所とそれらを適用する場所を選択したら、選択を確認すると、変更が即座に行われます。単一のセクションまたはページ全体を更新するかどうかにかかわらず、プロセスは高速かつシームレスで、単一のアクションでターゲットを絞った更新を提供します。

インターフェイスを学習します

Divi 5の拡張属性インターフェイスは、直感的で強力になるように設計されています。属性が適用される方法と場所をカスタマイズするためのさまざまなオプションを提供します。以下に、各オプションを分類して、インターフェイスをナビゲートしてマスターするのに役立ちます。

要素から拡張します

これは、属性を拡張するソース要素です。拡張属性パネルでは、ドロップダウンリストからモジュール、行、またはセクションを選択するか、ページ上の要素をクリックしてソースとして設定できます。要素を右クリックして拡張属性を選択すると、ソースとして自動的に指定され、プロセスが合理化されます。

場所に拡張します

選択した属性が適用される場所を選択します。オプションには、現在の列、行、セクション、またはページ全体の要素が含まれます。たとえば、背景の暗いセクションで要素をスタイリングしている場合、そのセクションのみに拡張機能を制限し、スタイルがコンテキスト固有のままであり、他の場所で意図しない変更を回避することができます。

要素タイプに拡張します

DIVI 5を使用すると、属性をさまざまな要素タイプに拡張でき、より柔軟性を提供します。ボタンやテキストモジュールなどの特定のモジュール、またはコンテナなどの幅広いカテゴリをターゲットにすることができ、必要な要素に変更を正確に適用できます。

拡張する属性タイプ

DIVI 5では、スタイル、コンテンツ、プリセット、またはこれらの任意の組み合わせなど、複数の属性カテゴリを拡張できます。この汎用性により、視覚的なデザイン、モジュールコンテンツ、またはプリセットを一度に更新できます。

拡張するオプショングループ

さらに正確にすると、ボタンスタイルやフォーム設定など、特定のオプショングループから属性を拡張できます。たとえば、連絡先フォームモジュールから、ページ全体にボタンを使用して他のすべてのモジュールにボタンスタイルを拡張できます。また、[設定]パネルのオプショングループを右クリックして、[拡張属性]メニューに事前選択して、プロセスをより速く直感的にすることもできます。

拡張するためにフィールドを変更しました

このオプションを使用すると、オプショングループ内の特定のフィールドを特定して拡張できます。たとえば、スタイル全体ではなくボタンの背景色のみを拡張したい場合は、そのフィールドだけを選択できます。

Divi 5の拡張属性の重要な利点

Divi 5の拡張属性は、単なる機能以上のものです。ユーザーがWebデザインにアプローチする方法を改善します。 Divi 5ユーザーにとって不可欠なツールになる重要な利点は次のとおりです。

1。時間効率

属性の拡張設計時間のスラッシュ時間は、複数の要素にわたって瞬時に掃引される変化を可能にします。各モジュールを手動で編集する代わりに、更新を数秒で適用できます。たとえば、ページ上のすべての価格設定テーブルのバックグラウンドスタイルを変更すると、1回の右クリックといくつかの選択が必要になり、繰り返し作業の時間を節約できます。その結果、全体像に集中できます。

2。設計の一貫性

一貫性は強力なブランディングのバックボーンであり、シームレスなユーザーエクスペリエンスを提供します。拡張属性は、サイト全体でスタイル、プリセット、またはコンテンツを迅速に伝播できるようにすることにより、均一性を保証します。一致するボタンの色であろうと、セクション全体でタイポグラフィを調整するかどうかにかかわらず、この機能は、ウェブサイトのプロフェッショナリズムを高める洗練されたまとまりのある外観を保証します。

3。柔軟性と制御

拡張属性を使用すると、運転席にいます。この機能により、柔軟性が向上し、特定のモジュールからページ全体に至るまで、どの属性を拡張するか、どこに適用するかを正確に選択できます。この精度とスケーラビリティのバランスは、速度や精度を犠牲にすることなく、ターゲットを絞った微調整または幅広い更新を行うことができることを意味します。

4。すべてのスキルレベルに対してユーザーフレンドリー

あなたが最初のサイトを構築する初心者であろうと、複雑なプロジェクトを管理する開発者であろうと、拡張属性はすべての人向けに設計されています。 Visual Builder内の直感的な右クリックインターフェイスにより、アクセスしやすく、コーディングの知識や高度なスキルが必要です。この使いやすさにより、すべてのスキルレベルのユーザーが見事なWebサイトを作成できます。

5。創造性の向上

デザインの変更を適用して実験しやすいことは、大胆不敵な創造性を促進します。拡張属性を使用すると、時間のかかるロールバックを恐れることなく、新しいスタイルまたはレイアウトをテストできます。大胆な新しい配色を試したり、グローバルにマージンを調整したいですか？わずか数回クリックするだけで、変更をプレビューしてビジョンを改善し、革新的なデザインの無限の可能性を解き放つことができます。

これらの利点は、創造性と効率性を増幅しながらWebデザインを合理化するDivi 5のミッションの基礎となり、WordPressページビルダーで可能なことの新しい基準を設定する属性を拡張します。

属性を拡張するための実際のユースケース

拡張属性は、ワークフローを改善し、設計品質を向上させる実際のアプリケーションを備えた用途の広い機能です。設計プロセスでそれらを活用する方法の実用的な例を以下に示します。

• ブランディングの更新：新しい活気に満ちたオレンジ色の配色を反映するためにすべての行動を促すボタンを必要とするブランドのブランドを受けているビジネスを想像してください。ボタンを選択し、その色を調整し、そのスタイルをページ上のすべてのボタンに数分で拡張できます。これにより、各要素を手動で更新し、大規模なWebサイトで時間を節約する手間をかけずにブランドの一貫性が保証されます。
• 標準化テンプレート：一貫した外観を維持することは、多数の証言モジュールを備えたポートフォリオサイトにとって重要です。拡張属性を使用して、特定の境界、背景、フォントなど、ページ全体のすべての証言モジュールにプリセットスタイルを適用できます。これにより、すべての証言が均一な外観を持ち、プロフェッショナリズムと一貫性を強化します。
• コンテンツの更新：ブログまたはポートフォリオサイトの管理には、多くの場合、アクションへの呼びかけフレーズや連絡先電子メールなどの繰り返しコンテンツを更新することが含まれます。拡張属性を使用すると、1つのモジュールでテキストを更新し、複数のセクションにわたってすべての同様のモジュールに拡張できます。たとえば、お問い合わせを変更して、すべてのボタンモジュールを数秒で連絡して、コンテンツの変更を迅速かつ簡単にすることができます。
• レスポンシブデザイン：モバイル向けの最適化は、今日のWebランドスケープで重要です。拡張属性は、特定のタイプのすべての要素にわたって、フォントサイズやパディング調整などのレスポンシブ設定を適用できるようにすることにより、これを簡素化します。たとえば、モバイルデバイスのすべての見出しのフォントサイズを1つのアクションで削減し、画面サイズにわたってシームレスなユーザーエクスペリエンスを確保できます。

Divi 5の拡張属性機能を今すぐお試しください

属性を拡張すると、Webデザインの効率と柔軟性が向上します。ユーザーは、要素全体にスタイル、プリセット、コンテンツを拡張し、時間を節約し、一貫性を確保し、すべてのスキルレベルの創造性を引き起こすことができます。 1つのセクションまたはページ全体を更新するかどうかは、拡張属性がプロセスを合理化します。 Diviユーザーにとって必須ツールです。

Divi 5の属性を拡張する準備ができましたか？新しいWebサイトのDivi 5 Public Alphaをダウンロードしてください。ワークフローがどのように変換されるかをご覧ください。コメントで経験、ヒント、または質問を共有します。または、ソーシャルメディアチャネルに接続します。デザインを強化する方法を聞きたいです。

Divi 5は、新しいWebサイトで使用する準備ができています。