Elementorに列を追加する方法
公開: 2022-05-24Elementorで列を追加する方法の手順を探している場合は、適切な場所に到達しています。 この記事では、その方法を紹介します。 詳細については、最後までご連絡ください。
手順に進む前に、ElementorとElementor列の目的について学びましょう。
Elementorとは何ですか?
ご存知のように、オンライン市場には多くの人気のあるページビルダープラグインがあります。 その中で、ElementorWordPressプラグインは最も人気のあるページビルダーの1つです。 Elementorの成功の秘訣はそれが-
- 使いやすい
- 直感的
- 使いやすい
- そもそも、そして
- ビジュアルなライブページエディタ
これは、変更を適用した後、Webサイトがどのように表示されるかを即座に確認できることを意味します。 特別なプレビューモードに切り替える必要はありません。 次に、Elementorにはドラッグアンドドロップ機能があり、ワンクリックでメニューから要素を選択して配置できます。
さらに、Elementorを使用するときに、必要に応じて要素を追加および変更するためにコーディングを使用する必要はありません。 コンテンツをどのように整理する場合でも、このページビルダーを使用するとすばやく簡単に整理できます。 コンテンツをさまざまなスタイルのElementor列に整理したい場合は、この記事が最適です。
Elementorカラムの目的は何ですか?
ビジネス目的で個別のセクションを作成する場合は、Elementor列を使用すると簡単に作成できます。 左側のElementorPanelのオプションを使用して列を操作できます。
Elementorを使用すると、Webデザインの目的で列を簡単に作成およびカスタマイズできます。 Elementorページビルダーの柔軟性により、好みに応じて列を作成するのは大変な作業ではありません。
Elementorに列を追加するにはどうすればよいですか?
Elementorに列を追加する場合は、次の2つの方法で追加できます。
- 方法-1:セクション(+)ボタンを使用してElementor列を追加します。
- 方法2:ハンドルを使用してElementor列を追加します。
次に、方法について説明します。
A.方法-1:セクションボタンを使用してElementor列を追加します。
この方法では、次の手順に従う必要があります。
ステップ-1:セクションボタンをクリックします
列を追加する前に、まず行を作成する必要があります。 これを行うには、下の図に示すように(+)記号をクリックします。

ステップ-2:目的の構造を選択します
その後、デザインの方向性とコンテンツタイプに基づいて、目的の構造を選択します。 たとえば、2列の1行を選択します。

ステップ-3:構造の2つの列を選択します
その後、列がテキスト領域に表示されます。 これで、コンテンツ/ウィジェットを列に追加できます。 必要に応じて行と列を調整できます。
行にカーソルを合わせると、行が青色でマークされていることに注意してください。 行を右クリックしてから[編集]セクションをクリックすると、行を変更できます。
ただし、構造に列を追加することに焦点を当てます。 先に進みましょう。

ステップ-4:新しい列を追加します
次に、列にカーソルを合わせて、フィールドまたは[列の編集]を右クリックします。 その後、[新しい列の追加]をクリックして、フィールドに新しい列を追加します。

ステップ-5:結果を確認する
その後、列の数が増えていることがわかります。 必要に応じて4番目のステップを繰り返すことにより、必要な数の列を追加できます。


素晴らしい! Elementorのテキストフィールドに列が正常に追加されました。
Elementorで列を追加する方法についてもっと知りたいですか? 先に進みましょう!
次に、2番目の方法に進みます。
B.方法2:ハンドルを使用してElementor列を追加します。
この方法では、以下の手順に従う必要があります。
ステップ-1:Elementorツールボックスメニューを開きます
この方法を続行するには、まず、ページの左上隅にある3本の水平線のあるボタンをクリックします。 Elementorメニューが開きます。

ステップ-2:[ユーザー設定]メニューに移動します
次に、[ユーザー設定]メニューに移動して、[ハンドルの編集]オプションを有効にします。

ステップ-3:編集ハンドルスイッチャーを有効にする
次に、[ハンドルの編集]スイッチャーを有効にして、フィールドに列を追加するためのハンドルを使用します。

ステップ-4:列の編集アイコンにカーソルを合わせて列を追加します
フィールドに列を追加する時が来ました。 このためには、ハンドルを表示するセクションの編集列アイコンにカーソルを合わせます。 ここでは、列を複製、追加、または削除できます。
列を追加するので、「+」アイコンをクリックして列を追加します。 必要に応じてフィールドに列を追加する場合は、これを繰り返し実行します。

よくできた! これで、目的の列がフィールドに正常に追加されました。
結論
上記のElementorで列を追加する方法の2つの簡単で明確な方法を示しました。 どちらの方法の手順でも、ビジネス目的で簡単にElementorのフィールドに目的の列を追加できます。
この記事を最後までお読みいただき、ありがとうございます。 良い一日を過ごしてください。