您想將多欄內容添加到您的 wordpress 帖子中嗎?
欄可用于為您的帖子和頁面創建引人入勝的布局。它們使您可以更輕松地組織內容。當您的網站訪問者快速瀏覽文本時,它們還可以提高可讀性。
在本文中,我們將向您展示如何輕松地將多列內容添加到您的 WordPress 帖子中,而無需編寫任何 html 代碼。
為什么要在 WordPress 中添加多欄內容?
傳統的印刷媒體,如報紙和雜志,從印刷的早期就開始使用多欄布局。
立即學習“前端免費學習筆記(深入)”;
他們的目標是讓用戶更輕松地閱讀較小的文本,同時經濟地利用可用空間。
單列布局在網絡上更常用。然而,多列網格對于突出顯示內容并使其更易于掃描和閱讀仍然有用。
例如,如果您運營一個雜志網站,那么您可以使用多列布局來組織您的內容。它會給您帶來與實體雜志中相同的感覺。
如果您要在WordPress 網站上發布比較、研究論文和其他交互式內容,則將內容組織為多欄也很有幫助。它有助于提高可讀性并提高參與度。
也就是說,讓我們看看如何在塊和經典編輯器中添加多列內容。您只需單擊下面的鏈接即可跳至您要使用的方法:
- 在 WordPress 塊編輯器中添加多列內容 – 簡單的方法
- 在舊的 WordPress 經典編輯器中添加多個列
在 WordPress 塊編輯器中添加多列內容 – 簡單的方法
創建多列內容(在 WordPress 中也稱為網格列內容)現在很容易,因為它是默認功能。WordPress 塊編輯器包含一個列塊。
要添加多列布局,您需要創建一篇新帖子或編輯現有帖子。進入內容編輯器后,單擊頂部的“+”圖標添加塊。
接下來,您需要在“設計”選項卡中選擇“列”塊。
接下來,您需要選擇您想要用于博客文章的欄數和布局。
WordPress 將向您展示不同的選項供您選擇。例如,您可以選擇 50/50 列布局、使用 33/66 布局等。
選擇布局后,您可以向列添加塊。列塊允許您在每列內添加塊。
例如,您可以選擇段落塊并向其中添加內容。
您還可以在設置面板的后期編輯屏幕的右欄中看到塊設置。在這里,您可以編輯列的寬度。
除了文本之外,您還可以在 WordPress 列中添加圖像和嵌入視頻。
只需將鼠標移至其中一列,然后單擊“+”按鈕即可添加塊。您還可以通過鍵入“/”然后鍵入塊名稱來添加塊。
例如,我們在一列中添加了圖像,在另一列中添加了一些文本。
在舊的 WordPress 經典編輯器中添加多個列
如果您尚未將 WordPress 升級到 Gutenberg 并且仍在使用經典編輯器,那么您將需要安裝一個單獨的插件來創建網格列布局。
首先,安裝并激活列簡碼插件。有關詳細說明,請按照我們有關如何在 WordPress 中安裝插件的分步指南進行操作。
激活后,您可以創建新帖子或編輯舊帖子。進入經典編輯器后,只需單擊工具欄中的“[ ]”按鈕即可。
該插件現在將向您顯示博客文章的列簡碼列表。
您可以選擇要添加到WordPress 博客的任何布局。還有一些選項可以編輯列填充。
選擇短代碼后,它將自動顯示在經典編輯器中。例如,我們為本教程選擇了“一半”簡碼。
然后,您可以在短代碼之間輸入您的內容。
接下來,您可以再次單擊簡碼圖標“[]”以添加另一個列簡碼。
讓我們添加“一半(最后)”短代碼以顯示彼此相鄰的兩列。從這里,您只需將內容添加到另一列即可。
之后,您可以預覽您的帖子并發布。
這是它在我們的測試網站上的樣子。
我們希望本文能幫助您了解如何在 WordPress 帖子和頁面中添加多列內容。您可能還想查看我們的WordPress SEO簡單指南以及我們針對商業網站必備 WordPress 插件的專家精選。