AvadaWordPressテーマでFusionBuilderを使用して編集する
公開: 2015-09-212016年11月の更新：ThemeFusionはAvadaをバージョン5.0に更新しました。 このアップデートでは、プラグインFusion Coreに組み込まれるのではなく、FusionBuilderが個々のプラグインに分離されています。 Fusion Builderは完全に再設計されており、以前のバージョンとは大きく異なります。
初期のFusionCoreプラグインを含むサイト全体をAvadaBACKUPにアップグレードするように求められた場合は、ページがシームレスに移動しないため、ページの再編成に時間をかける準備をしてください。
すでにAvada5.0のアップグレードを行っていて、ページが壊れている場合は、Avadaの以前のリリースを入手してください。 FTPを使用して、wp-content / themesフォルダーに移動し、新しいバージョンをバックアップします。 次に、名前を変更し、以前のバージョンをFTPで転送します。 あなたはあなたのページのよりきれいなバージョンを取り戻すべきです。
この投稿はバージョン2.0.3以前のものです。
Avadaテーマの使用
WordPressのインストールにAvadaテーマがある場合は、Fusion Builderを使用して投稿やページを作成できます。これは、標準のページ更新とはまったく異なります。
Fusion Builderは、Avadaの開発者であるThemeFusionによって開発されたプラグインであり、テーマ内でレスポンシブレイアウトを可能にします。
初めての人にとっては少し混乱するかもしれません。
AvadaWordPressテーマ内でFusionBuilderを使用して、ページや投稿を編集するのに役立ついくつかの手順を作成しました。
変更を加える前に必ずバックアップしてください
プラグイン、テーマ、アップロード、データベースの完全バックアップを最初に行わずに、WordPressのコア、テーマ、またはプラグインを更新しないでください。
更新により他の何かが壊れることがあり、簡単に元に戻したりデバッグしたりできる必要があります。 最初にテストできるように、開発サイトでメジャーアップデートを行うことをお勧めします。
AvadaのFusionBuilderをアクティブ化する
まず、コンテンツの編集領域の上にある青いボタンを使用して、ページまたは投稿でFusionBuilderをアクティブにします。
Webデザイナーがすでにページを設定している場合は、ボタンをクリックしている可能性があります。 以下のように、コンテンツエディタの外観が変更されます。
AvadaのFusionBuilderを使用すると、レスポンシブWebページを作成できます。
FusionBuilderを使用してページを編集する方法
WordPressバックエンドにログインします。
左側のタブを使用してページまたは投稿に移動し、編集します。
Fusion Builderボックスは、ページ編集画面の上部にあるはずです。 上部のボタンには、「列オプション」、「ビルダー要素」、「カスタムテンプレート」、「ビルド済みテンプレート」というラベルが付いています。
この投稿では、カスタムテンプレートとビルド前テンプレートを無視します。
始めましょう
FusionBuilderの列オプション
ページを列に分割する場合は、列オプションを選択します。 これにより、ページに列構造が挿入され、そこにBuilder要素が配置されます。 列のサイズと数は後で変更できます。
列オプションを選択すると、そのオプションが下の空白に表示されます。 ページを作成するには、パズルを組み立てているように考えてください。
左側に5x 6番目の列を追加した場合、右側に収まる他のオプションは1 x6番目だけです。
ページの左側からページの右側に1列ドラッグできます。
任意の1つの列オプションでマイナスボタンをクリックすると、要素が使用する列の数が減ります。 プラスボタンは正反対です。
FusionBuilder要素
ビルダー要素は、最初に列オプションを選択しなくても追加できます。 要素は、ページ全体にまたがる1つの行に挿入されます。 これらは、必要に応じて列内にドラッグできます。
Avadaには一連のBuilderElementオプションがあります。 テキストから始めましょう。 上記のように列を追加したら、テキストブロックを列に追加することができます。
[ビルダー要素]ボタンをクリックし、[テキスト]を見つけて、クリックして列にドラッグするだけです。
要素にカーソルを合わせ、右上に表示されるペイントブラシアイコンをクリックして、テキストを追加または編集します。
すべての要素は、同じ編集アイコンを使用して編集できます。
テキストまたは要素内のメディアを変更し、[保存]をクリックすると、ボックスが閉じます。
そのウィンドウが閉じたら、青い[更新]ボタンをクリックして変更を保存します。
Avada内のコンテンツボックスの編集
コンテンツボックスはビルダー要素の下にあります。 これらは非常に柔軟なので便利です。
1つの要素「コンテンツボックス」内に、複数の「子ボックス」または「アイテム」を含めることができます。これらは、コンテンツボックス画面の一番下までスクロールすることで追加できます。
コンテンツボックスのメイン画面では、「子」に独自のスタイルがない限り、すべての子ボックスのオプションが変更されます。
絵筆アイコンを使用して、コンテンツボックスの編集画面に移動します。
コンテンツボックス内のオプションは次のとおりです。
親/子の設定
「親レベル」設定は、すべてのボックススタイルをまとめて制御します。 「子レベル」設定は、各ボックススタイルを個別に制御します。
コンテンツボックスのレイアウト
コンテンツボックスのレイアウトを選択します
列の数
行ごとの列数を設定します。
コンテンツの調整
「タイトル付きクラシックアイコン」および「サイドのクラシックアイコン」レイアウトオプションで動作します。
タイトルサイズ
タイトルのサイズを制御します。 テーマオプションを選択する場合は空白のままにします。 ピクセル単位例：18px。
タイトルフォントの色
タイトルフォントの色を制御します。 テーマオプションを選択する場合は空白のままにします。 例：＃000
ボディフォントカラー
ボディフォントの色を制御します。 テーマオプションを選択する場合は空白のままにします。 例：＃000
コンテンツボックスの背景色
テーマオプションを選択する場合は空白のままにします。
アイコンの背景
アイコンの背後に背景を表示することを選択します。 テーマオプションの選択にはデフォルトを選択します。
アイコンの背景半径
アイコンの背景の境界線の半径を選択します。 テーマオプションを選択する場合は空白のままにします。 ピクセル（px）、例：1px、または「ラウンド」。
アイコンの色
テーマオプションを選択する場合は空白のままにします。
アイコンの背景色
テーマオプションを選択する場合は空白のままにします。
アイコン背景内側の境界線の色
テーマオプションを選択する場合は空白のままにします。
アイコンの背景内側の境界線のサイズ
テーマオプションを選択する場合は空白のままにします。
アイコン背景外枠の色
テーマオプションを選択する場合は空白のままにします。
アイコンの背景外側の境界線のサイズ
テーマオプションを選択する場合は空白のままにします。
アイコンサイズ
アイコンのサイズを制御します。 テーマオプションを選択する場合は空白のままにします。 ピクセル単位例：18px。
アイコンホバーアニメーションタイプ
ホバーのアイコンのアニメーションタイプを選択します。 テーマオプションの選択にはデフォルトを選択します。
ホバーアニメーションカラー
ホバーアニメーションのアクセントカラーを選択します。 テーマオプションを選択する場合は空白のままにします。
リンクタイプ
コンテンツボックスに表示するリンクの種類を選択します。 テーマオプションの選択にはデフォルトを選択します。
リンクエリア
リンクを割り当てる領域を選択します。 テーマオプションの選択にはデフォルトを選択します。
リンクターゲット
_self =同じウィンドウで開く
_blank =新しいウィンドウで開きます。 テーマオプションの選択にはデフォルトを選択します。
アニメーションの遅延
セット内の各要素間のアニメーションの遅延を制御します。 ミリ秒単位で、1000 = 1秒。
アニメーションのオフセット
アニメーションを開始するタイミングを選択します。
アニメーションタイプ
ショートコードで使用するアニメーションの種類を選択します
アニメーションの方向性
アニメーションの入力方向を選択します
アニメーションの速度
アニメーションの速度を秒単位で入力します（0.1 – 1）
マージントップ
ピクセル（px）で、例：1px。
マージンボトム
ピクセル（px）で、例：1px。
CSSクラス
ラッピングHTML要素にクラスを追加します。
CSS ID
ラッピングHTML要素にIDを追加します。
コンテンツボックスの編集 '子'
ペイントブラシアイコンをクリックして、コンテンツボックスを編集します。
一番下までスクロールして、[新しいコンテンツボックスの追加]、またはコンテンツボックス内に既にアイテムがある場合は[コンテンツボックスアイテム1+]を見つけます。
ここで、テキスト、画像を編集し、アイコンを追加し、コンテンツボックスの「子」の多数のオプションを変更します。 これらの設定は、親の設定を上書きします。
次に、青い[保存]ボタンをクリックします。 編集ボックスが閉じます。
ページを保存するには、右側の[更新]ボタンをクリックすることを忘れないでください。
便利なリンク
Avadaアップデート情報