你想在你的WordPress文章中添加多欄內容嗎?
多欄/多列的結構可以用來為你的文章和更吸引人。 更容易組織你的內容。 還可以提高文章可讀性
在這篇文章中,我們將告訴你如何在不寫任何HTML代碼的情況下,輕鬆地在你的WordPress文章中添加多欄內容。
為什麼在WordPress中添加多欄內容?
傳統的印刷媒體,如報紙和雜誌,從印刷的早期開始就一直使用多欄佈局。
他們的目標是讓使用者更容易閱讀較小的文本,同時充分利用紙張的空間。
單欄式佈局在網路上更常用。 然而,多欄網格對於突出內容並使其更容易讓讀者閱讀。
例如,如果你經營一個雜誌網站,那麼你可以使用多欄布局來組織你的內容。 它將給你帶來和實體雜誌一樣的感覺。
如果你在你的WordPress網站上發佈比較、研究論文和其他互動內容,用多欄來組織你的內容也很有説明。 它有助於提高可讀性和促進讀者參與。
最簡單的方法:在WordPress塊編輯器中添加多欄內容
創建多欄內容,在WordPress中也被稱為網格欄內容,在塊編輯器中,這是一個自帶功能。
要添加一個多列佈局,你需要創建一個新的帖子或編輯一個現有的帖子。 一旦你進入內容編輯器,點擊頂部的 “+”圖示就可以添加一個塊。
接下來,你需要在 「設計 」標籤中選擇 「列 」塊。
接下來,你將需要選擇你想在博客文章中使用的欄和布局的數量。
WordPress會顯示不同的選項供你選擇。 例如,你可以選擇50/50列的佈局,使用33/66的佈局,等等。
在選擇了一個佈局后,你可以為你的列添加塊。 列塊允許你在每一列內添加塊。
例如,你可以選擇段落塊並向其添加內容。
你還可以在帖子編輯介面的右欄的設置面板中的看到區塊設置。 在這裡,你可以編輯列的寬度。
除了文本之外,你還可以在WordPress列中添加圖片和嵌入視頻。
只要把滑鼠移到其中一列,點擊 「+」按鈕,就可以添加一個塊。 你也可以通過輸入『/』,然後輸入區塊名稱來添加一個塊。
例如,我們在一欄中添加了一張圖片,在另一欄中添加了一些文字。
在舊的WordPress經典編輯器中添加多列
如果你還沒有把你的WordPress升級到古騰堡,而且還在使用經典編輯器,那麼你就需要安裝一個單獨的外掛程式來創建網格列佈局。
首先,安裝並啟動Column Shortcodes外掛程式。
啟動后,你可以創建一個新的帖子或編輯一個舊的帖子。 一旦你進入經典編輯器,只需點擊工具列上的“[]”按鈕。
現在,該外掛程式將向你展示你的博客文章的列短代碼的清單。
你可以選擇任何你想添加到你的WordPress博客的佈局。 還有一些選項可以編輯列的padding。
一旦你選擇了一個短代碼,它將自動出現在經典編輯器中。 例如,我們為這個教程選擇了one half的短碼。
然後您可以在短碼之間輸入您的內容。
接下來,你可以再次點擊短碼圖示'[ ]’來添加另一列短碼。
讓我們添加『one half(last)』的短碼來顯示兩列相鄰的內容。 從這裡,你只需要把你的內容添加到另一列。
之後,你可以預覽你的帖子併發佈它。