このチュートリアルの最終回ではWPBakeryページビルダーエディタの行(ROW)の使い方。.今号ではコラムセットアップの手順と関連機能は、より洗練されたページレイアウトを実現するために、ウェブサイトのフロントエンド編集ページでカラムを拡張および編集する方法を把握するのに役立ちます。
前回はWPBakeryページビルダーエディタな列(ROW)(詳しくはWPBakeryページビルダーを使いこなす:Baselテーマを簡単に改装するための基本ガイド (06))
今日はコラム
ステップ ウェブサイトフロントエンド→カラム→拡大
![画像[1] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(07) - Photon Fluctuation Network|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!](https://www.361sale.com/wp-content/uploads/2024/06/2024062006562562.png)
サイトのフロントエンドの編集ページに行き、カラムを展開してみましょう。
ステップコラム→ペンネーム(編集)
![画像[2] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に装飾するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062006580141.png)
上記のように4つの機能があります。
編集、追加、貼り付け、閉じる
私たちは編集に焦点を当てます。他の機能は一般的に初心者は使いません
ステップ 列の設定→全般
![画像[3] - WPBakeryページビルダーを使いこなす:Baselテーマを簡単に装飾するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007175290.png)
このインターフェイスの上に示されているように、一般的な使用がデフォルトです。
CSSアニメーションについて学ぶことができます。アニメーションは、行(ROW)も同様のアニメーション効果を持っている前に、いくつかのアニメーション効果を表示することです:また、モジュールも同じ機能の設定を持つことになり、あなたは、このモジュールの表示の動的な効果を理解するような(上向きパドル、ポップアップなど、実際の状況に応じて調整し、その中に複数の選択肢があるでしょう)
ステップカラムの設定→デザインオプション
![画像[4] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007253681.png)
上に示したように、このインターフェースの機能はWPBakeryページビルダーを使いこなす:Baselテーマを簡単に改装するための基本ガイド (06)を調整するというのは、おそらく同じ意味でしょう。ROW(行)全体とColumn(列)個々の違いだけです。
ステップカラムの設定→レスポンシブオプション
![画像[5] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に装飾するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007333917.png)
上図のように、これが列(Column)と行(ROW)の最大の違いです。
![画像[6] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007350077.png)
ステップカラム設定→レスポンシブオプション→幅
![画像[7] - WPBakeryページビルダーを使いこなす:Baselテーマの簡単な改修のための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007372990.png)
これは列のレイアウトで、デフォルトは(1/1)です。
ステップカラムの設定→レスポンシブオプション→レスポンシブ
![画像[8] - WPBakeryページビルダーを使いこなす:バーゼルテーマを簡単に改修するための基本ガイド(07) - フォトンゆらぎ.com|WordPressのプロフェッショナルな修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062007400836.png)
上記のように、各デバイスのレイアウトを調整し、表示または非表示にすることができます。
![画像[9]-WPBakeryページビルダーを使いこなす:Baselテーマを簡単に改修するための基本ガイド(07)-Photon Fluctuations.com|WordPressのプロフェッショナルな修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062008034742.png)
上に示すように、これはバーゼルのテーマの独立した機能を持つWPBakeryページビルダーのエディタですが、一般的にもデフォルトでは、初心者が移動する必要はありませんが、行(ROW)もこの関数を持って、あなたは次を理解することができます。
![画像[10] - WPBakery Page Builderを使いこなす:Baselテーマを簡単に改修するための基本ガイド(07) - フォトンゆらぎ.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/06/2024062008133644.png)
上記のように、各行(ROW)は列(Column)を取りますが、ROWは全体を制御することであり、上記の図は4つのROWがあり、ROWの1つは4つを制御することであり、列(Column)だけが別のものを制御することであり、上記のデモは1/4のレイアウトです。
さて、今号ではカラム(Column)機能について理解していただきましたが、次号では各モジュールの設定や、より装飾的なBaselテーマのメソッドや機能についてお話します!
概要
さて、今回はWPBakeryページビルダーエディタのカラム(Column)機能の基本をご紹介しました。次号も引き続き、各モジュールの設定や、Baselテーマの装飾方法や機能について解説していきますので、ご期待ください!
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/11726
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし