当社独自のページ ビルダーである Avada Builder は、2 つのインターフェイスで利用できるようになりました。Avada Builder はバックエンドのワイヤーフレーム ページ ビルダーで、Avada Live はフロントエンド ビルダーで、Avada 6.0 で最近導入されたばかりです。 。
Avada Builder のどちらのバージョンでも、コンテナ、列、要素の簡単なシステムを使用して、Web サイトの美しいページ レイアウトを簡単にデザインできます。 Avada Builder は、ページ コンテンツとレイアウトのあらゆる側面を完全に制御できるため、現代の Web デザイナーとサイト所有者にとって同様に素晴らしいツールです。 Avada Builder の両方のバージョンでも同じコードが生成されます。これらは完全に互換性があり、現在入手可能な Avada Builder を使用して両方の長所を活用できます。
[レイアウト ビルダー] ページには、すべてのレイアウトと、デフォルトで作成されるグローバル レイアウトに加えて構築したい条件付きレイアウトが表示されます。また、ここにはレイアウト セクションをレイアウトに割り当て、条件付きレイアウトを有効にするための条件を指定する領域もあります。
レイアウト ビルダーには、Avada ダッシュボードからドロップダウン メニューから [レイアウト] > [レイアウト ビルダー] を選択してアクセスできます。レイアウトを説明する最も簡単な方法の 1 つは、レイアウトがページの 4 つのレイアウト セクション (ヘッダー セクション、ページ タイトル バー セクション、コンテンツ セクション、およびフッター セクション) を収容するコンテナであると言うことです。レイアウト セクションとレイアウトの違いについて詳しくは、「レイアウトとレイアウト セクションについて」(PDF) を参照してください。このページで実行できることの詳細については、読み続けてください。
2 つの部分がレイアウト ビルダー ページの最上部にあります。グローバル レイアウトのレイアウト セクションにデータを入力したり、条件付きレイアウトを生成したりする手法は、最初のセクションで概説されています (ヒント: これは X で閉じることができます)。画面の右側には、次のことができる領域があります。新しいレイアウトを直接作成します (下記を参照)。新しいレイアウトの名前を入力し、[新しいレイアウトの作成] をクリックしてプロセスを完了します。このメソッドを使用すると、空のレイアウトが作成されます。レイアウトセクションまたは条件が指定されていません。
レイアウトを作成すると、レイアウト ビルダー ページに自動的にインポートされます。ページの上部にある [名前の変更] ボタンをクリックすると、レイアウトの名前を変更できます。また、歯車アイコンをクリックしてレイアウトの条件を設定したり、ページ上部のビン アイコンをクリックしてレイアウトを削除したりすることもできます。グローバル レイアウトを除くすべてのレイアウトの下部をクリックして、基準を表示して割り当てることもできます。
各レイアウト内で、特定のレイアウトに割り当てられた 4 つのレイアウト セクション (4 つのレイアウトごとに 1 つ) が表示されます。各レイアウト セクションには + アイコンが表示され、マウスをその上に移動すると、レイアウト セクションをレイアウトのそのセクションに割り当てることができます。既存のレイアウト セクションをこのセクションに割り当てるか、新しいセクションを最初から作成するかを選択できます。
セクションレイアウトの使用
Avada レイアウトの一部として、Avada Builder のクリエイティブな能力全体を活用して、Web サイト用に完全にカスタマイズ可能なフッターを作成できるようになりました。
フッター レイアウトは、レイアウトに追加されるレイアウト セクションです。たとえば、カスタムampにはフッター レイアウト セクションが必要で、これはグローバル レイアウトまたはカスタム レイアウトに追加できます。次のセクションではカスタム フッター レイアウト セクションの構築について説明しますが、その前に Avada レイアウトの紹介を見てみましょう。
WordPress サイドバーまたは Avada ダッシュボードで、[Avada] > [レイアウト] を選択します。 Avada のレイアウトとレイアウト セクションはここで作成および管理されます。以下に示すように、グローバル レイアウトは最初は空であり、関連するレイアウト セクションはありません。
レイアウトのカスタマイズ
このセクションはグローバル レイアウトまたは条件付きレイアウトに追加でき、特定のカスタム投稿の種類または単一ページにのみ表示されます。グローバル レイアウトはすでに存在しますが、最初に条件付きレイアウトを開発する必要があります。
以下に示すように、[レイアウト] ページで名前を追加し、[新しいレイアウトの作成] をクリックします。
既存のレイアウトまたはグローバル レイアウトに追加する場合は、フッター レイアウト セクションを作成します。
以下に示すように、[レイアウト セクション ビルダー] 画面で、レイアウト セクションのタイプを選択し、名前 (このampではフッター、場合によってはグローバル フッター) を入力し、[新しいレイアウト セクションの作成] をクリックします。
次の図は、レイアウトから直接レイアウト セクションを生成する方法を示しています。サイトのレイアウト セクションをレイアウトに追加する必要があります。最初は単にグローバル レイアウトが存在します。したがって、グローバル カスタム フッターを作成するには、それをこのレイアウトに追加します。 [カスタム フッター レイアウト] セクションに条件を追加して、基準に従ってレイアウトが表示されるようにします。
何も問題はありませんが、状況を考慮することが重要です。レイアウトが現在アクティブな場合 (つまり、条件があるか、グローバル レイアウトである場合)、新しいレイアウト セクションはすぐにアクティブになり、空になります。最初にレイアウト セクション ビルダー ページを介してグローバル レイアウトにカスタム フッターを追加し、それからグローバル レイアウトに追加する方が合理的です。
あるいは、フッター、ヘッダー、または列のレイアウト セクションを条件付きレイアウトに追加して作成することもできます。条件は、条件が追加されるまで使用されません。以下に示すように、フッター レイアウト セクションにマウスを移動して編集アイコンをクリックすることで、フッター レイアウト セクションを変更できます。
カスタムレイアウト編集
新しいレイアウト セクションを編集すると、デフォルトの WordPress エディターが表示されます。ここから Avada Builder または Avada Live を使用できます。カスタム レイアウト セクションはここで作成されます。詳細については、「レイアウト セクション コンテンツの作成」を参照してください。つまり、ここではあらゆるものを構築できます。
カスタム フッターには、Avada Builder で構築できるものはすべて含めることができます。多数のコラムや写真などを含めることができます。これにより、非常に高い柔軟性が得られます。 「レイアウト」セクションにはフッター素材が表示されます。マテリアルはビルダーから提供され、制約となるのはあなたの創造性だけです。
以下のタクシー デモ用に作成されたオリジナルのフッターを参照してください。これはテーマのオプションとフッターウィジェットを変更することで作成されました。
