如何在 Elementor 中添加列

已發表: 2022-05-24

如果您正在尋找有關如何在 Elementor 中添加列的過程,那麼您來對地方了。 在本文中,我們將向您展示這樣做的方法。 要了解更多詳情,請與我們一起直到最後。

在我們繼續該過程之前,讓我們了解一下 Elementor 和 Elementor 列的用途。

什麼是元素?

如您所知,在線市場上有許多流行的頁面構建器插件。 其中,Elementor WordPress 插件是最受歡迎的頁面構建器之一。 Elementor 成功的秘訣在於——

  • 便於使用
  • 直覺的
  • 方便使用的
  • 首先,並且
  • 可視化的實時頁面編輯器

這意味著您將能夠在應用更改後立即看到您的網站的外觀。 您不必切換到特殊的預覽模式。 其次,Elementor 具有拖放功能,可讓您一鍵從菜單中選擇和定位元素。

此外,在使用 Elementor 時,您不必根據需要使用編碼來添加和更改元素。 無論您想如何組織內容,都可以使用此頁面構建器快速輕鬆地完成。 如果你特別想在不同風格的 Elementor 列中組織你的內容,這篇文章適合你。

Elementor 列的用途是什麼?

當您想為您的業務目的創建單獨的部分時,Elementor 列將幫助您輕鬆完成。 您可以通過左側 Elementor 面板中的選項來操作列。

Elementor 使我們可以輕鬆地為網頁設計目的創建和自定義列。 借助 Elementor 頁面構建器的靈活性,根據您的喜好製作列並不是一項艱鉅的任務。

如何在 Elementor 中添加列?

如果要在 Elementor 中添加列,可以通過以下兩種方法進行:

  1. 方法 1:使用部分 (+) 按鈕添加 Elementor 列。
  2. 方法 2:使用句柄添加 Elementor 列。

現在,我們將討論這些方法。

A. 方法 1:使用部分按鈕添加 Elementor 列。

在此方法中,您必須執行以下步驟:

第 1 步:單擊“部分”按鈕

在添加列之前,首先,我們需要創建一行。 為此,請單擊 (+) 符號,如下圖所示。

如何在 Elementor 中添加列

第 2 步:選擇所需的結構

之後,根據您的設計方向和內容類型選擇所需的結構。 例如,我們將選擇一行兩列。

Step-3: 選擇結構的兩列

之後,該列將顯示在文本區域中。 現在,您可以將內容/小部件添加到列中。 您可以根據需要調整行和列。

請注意,當您將鼠標懸停在該行上時,該行被標記為藍色。 您可以通過右鍵單擊該行,然後單擊“編輯”部分來修改該行。

但是,我們將專注於向結構中添加列。 讓我們繼續。

第 4 步:添加新列

現在,將鼠標懸停在列上並右鍵單擊字段或編輯列。 之後,單擊添加新列以將新列添加到該字段。

第 5 步:查看結果

這樣做之後,您會注意到列數增加了。 您可以根據需要通過重複第 4 步來添加所需的列數。

做得好! 您已成功在 Elementor 的文本字段中添加了一列。

想了解更多關於如何在 Elementor 中添加列? 讓我們繼續!

現在,我們將繼續進行第二種方法:

B. 方法 2:使用句柄添加 Elementor 列。

在此方法中,您必須按照以下步驟操作:

步驟 1:打開 Elementor 工具箱菜單

要繼續使用此方法,首先,單擊位於頁面左上角的帶有三條水平線的按鈕。 它將打開 Elementor 菜單。

第 2 步:轉到“用戶首選項”菜單

接下來,進入 User Preferences 菜單以啟用 Editing Handles 選項。

步驟 3:啟用編輯手柄切換器

現在,啟用 Editing Handles 切換器以使用句柄向字段添加列。

第 4 步:將鼠標懸停在編輯列圖標上以添加列

是時候向該字段添加列了。 為此,將鼠標懸停在將顯示手柄的部分上的編輯列圖標上。 在這裡,您可以復制、添加或刪除列。

當我們要添加列時,只需單擊“+”圖標即可添加列。 如果您想根據需要向字段添加更多列,請重複執行此操作。

好工作! 您已成功將所需的列添加到該字段。

結論

我們已經向您展示瞭如何在上面的 Elementor 中添加列的兩種簡單明了的方法。 您可以按照任何一種方法的步驟輕鬆地將所需的列添加到 Elementor 的字段中,以實現您的業務目的。

感謝您耐心閱讀這篇文章。 祝你有美好的一天。