本記事では、その習得プロセスを順を追って説明する。WPBakeryページビルダーエディタBaselテーマの改修に使用。レボリューション・スライダーから行(ROW)の使い方まで、すべての手順と設定が詳しく説明されています。
次は正式に始める
WPBakery Page Builder EditorがBaselテーマのリニューアルを開始
ステップ ウェブサイトフロントエンド → WPBakeryページビルダーで編集
![画像[1] - WPBakeryページビルダーを使いこなす: Baselテーマを簡単に装飾するための基本ガイド (06) - Photon Fluctuation Network|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/06/2024061808452939.png)
![写真[2] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に装飾するための基本ガイド (06) - Photon Fluctuations.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061808505332.png)
![画像[3] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に装飾するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903204819.png)
上のフロントエンドの編集ページにあるように、様々なモジュールがあることがわかります。上はレボリューションスライダー(ポスターバナー)です。
また、ROWやColumnといった機能もある。
それについてすべてお話ししましょう。
1.まず、レボリューション・スライダー(Revolution Slider)についてですが、これはポスター機能のトップページで、ここには設定されていませんので、動かす必要はありません!
![画像[4] - WPBakeryページビルダーを使いこなす:Baselテーマの簡単な改修のための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903231536.png)
上記のように、編集ページに移動する
1.ステップサイトフロントエンド→ペンマーク(編集)
![画像[5]-WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903244531.png)
デモデータをインポートしたテンプレートポスター(バナー)を選択すれば完了です!
2.列
3.コラム
行と列は基本的に同じモジュールで、もちろん、モジュールを直接置くことができますが、モジュールのサイズだけでなく、表示機能のいくつかを制御することはできませんが、我々は後でゆっくりと話します!
![画像[6] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな改修サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903322720.png)
ROW(行)はモジュール全体をコントロールするもので、中にいくつのモジュールがあろうと、彼は全体であり、彼もまた単一ではなく全体の中にセットアップされている。コラム)を見てほしい。
![画像[7] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - Photon Fluctuation Network|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/06/2024061903342650.png)
上記のように、彼はモジュール全体をドラッグすることができる。
ステップ行 → シンボル(展開)
![画像[8] - WPBakeryページビルダーを使いこなす:Baselテーマの簡単な改修のための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903380324.png)
ステップ行 → ペンマーク(編集)
![画像[9] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061903425372.png)
ステップ行の設定→全般
![画像[10] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061908403714.png)
上の編集ページにあるように、上の丸で囲った基本的な機能のいくつかの説明を書きます。
行ストレッチ:モジュール全体のサイズと解釈できる。
![画像[11] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061908473696.png)
Stretch row and content と Stretch row and content (no paddings) は全幅(すべて含む)、コンテンツは全幅ではない
Default(デフォルト)とStretch row(ストレッチ・ロー)は、デフォルトとギャップの違いであり、センターの位置である。
![画像[12] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061908545384.png)
![画像[13] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061908554885.png)
上の写真が示すように、実際の必要性に応じて調整することができる。
列のギャップ:ギャップとして理解することができ、一般的な状況は移動する必要はありませんが、フロントエンドがより混雑している場合は、必要に応じて調整します。
コンテンツの位置:コンテンツの位置で、通常はデフォルト。
![画像[14] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061908592693.png)
上記のように、実際の状況に応じて調整し、「変更を保存する」を忘れずに設定してください!
ステップ行の設定→デザインオプション
![画像[15] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909023676.png)
背景や色、上下左右の間隔を調整する「デザインオプション」について説明しよう。
![画像[16] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909043322.png)
ボーダーカラー:ボーダーの色
ボーダースタイル:ボーダーのスタイル(style)
ボーダー半径:ボーダーの隙間(通常は調整不要)
上記のいずれも、単純なケースでは調整する必要はない
背景:追加する背景色と背景画像、画像表示効果
![画像[17] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909114535.png)
上図のように、実際の状況に応じてモジュール全体の背景を調整する。
![画像[18] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909144328.png)
![画像[19] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909152819.png)
上の画像が、背景のないディスプレイと背景のあるディスプレイを表示している場合
ステップ行の設定→CSSボックス
![画像[20] - WPBakery Page Builderを使いこなす:Baselテーマの簡単な改修のための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909200664.png)
上図に示すように、ここで上下だけでなく、左右のギャップを調整するために、調整のフロントエンドの表示に使用することができますだけでなく、モジュールのスタイルは、一般的に、調整する必要はありませんが、一般的な上部と下部のモジュールは、混雑の場合に使用され、上記は、外側のフレームは、モジュールのフレーム内で調整されている、我々は一般的にギャップのフレームの外側のマージンを調整するには、正の値または負の値を追加することができますギャップを達成するために
ステップ ROW → 3つの記号(行数形式)
![画像[21] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909285617.png)
行のレイアウト:行の数を選択します(上記の例:1、2、2左ワイド、右ナロー、および3)、あなたはアイコンに応じて見ることができます。
行のカスタムレイアウトを入力:自分で行数を追加できる(分子フォームでも可)
![画像[22] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(06) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024061909385648.png)
上の写真の後ろのアイコンが意味するように→。
+追加: モジュールの追加、行全体のクローン、行のコピー、貼り付け、閉じる。
上記は、WPBakeryページビルダーエディタROWの機能を説明し、私はバーゼルのテーマを飾るためにエディタの機能について詳しく説明しますが、この記事では、装飾バーゼルのテーマのより深い研究を持っている場合、初心者のためのより適した基本的な機能のいくつかを説明し、私と議論する歓迎!
概要
以上、WPBakery Page Builderエディタにおける行(ROW)の基本機能の紹介でした。次回は、Baselテーマの全面改修に役立つエディターの機能をさらに解説していきますので、ご期待ください。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/11620
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし