如何在WordPress文章中添加多欄/多列內容(無需HTML)

你想在你的WordPress文章中添加多欄內容嗎?

多欄/多列的結構可以用來為你的文章和更吸引人。 更容易組織你的內容。 還可以提高文章可讀性

在這篇文章中,我們將告訴你如何在不寫任何HTML代碼的情況下,輕鬆地在你的WordPress文章中添加多欄內容。

為什麼在WordPress中添加多欄內容?

傳統的印刷媒體,如報紙和雜誌,從印刷的早期開始就一直使用多欄佈局。

他們的目標是讓使用者更容易閱讀較小的文本,同時充分利用紙張的空間。

單欄式佈局在網路上更常用。 然而,多欄網格對於突出內容並使其更容易讓讀者閱讀。

例如,如果你經營一個雜誌網站,那麼你可以使用多欄布局來組織你的內容。 它將給你帶來和實體雜誌一樣的感覺。

如果你在你的WordPress網站上發佈比較、研究論文和其他互動內容,用多欄來組織你的內容也很有説明。 它有助於提高可讀性和促進讀者參與。

最簡單的方法:在WordPress塊編輯器中添加多欄內容


創建多欄內容,在WordPress中也被稱為網格欄內容,在塊編輯器中,這是一個自帶功能。

要添加一個多列佈局,你需要創建一個新的帖子或編輯一個現有的帖子。 一旦你進入內容編輯器,點擊頂部的 “+”圖示就可以添加一個塊。

接下來,你需要在 「設計 」標籤中選擇 「列 」塊。

image

接下來,你將需要選擇你想在博客文章中使用的欄和布局的數量。

WordPress會顯示不同的選項供你選擇。 例如,你可以選擇50/50列的佈局,使用33/66的佈局,等等。

image 1

在選擇了一個佈局后,你可以為你的列添加塊。 列塊允許你在每一列內添加塊。

例如,你可以選擇段落塊並向其添加內容。

image 2

你還可以在帖子編輯介面的右欄的設置面板中的看到區塊設置。 在這裡,你可以編輯列的寬度。

除了文本之外,你還可以在WordPress列中添加圖片和嵌入視頻。

只要把滑鼠移到其中一列,點擊 「+」按鈕,就可以添加一個塊。 你也可以通過輸入『/』,然後輸入區塊名稱來添加一個塊。

例如,我們在一欄中添加了一張圖片,在另一欄中添加了一些文字。

image 3

在舊的WordPress經典編輯器中添加多列

如果你還沒有把你的WordPress升級到古騰堡,而且還在使用經典編輯器,那麼你就需要安裝一個單獨的外掛程式來創建網格列佈局。

首先,安裝並啟動Column Shortcodes外掛程式。

啟動后,你可以創建一個新的帖子或編輯一個舊的帖子。 一旦你進入經典編輯器,只需點擊工具列上的“[]”按鈕。

image 4

現在,該外掛程式將向你展示你的博客文章的列短代碼的清單。

你可以選擇任何你想添加到你的WordPress博客的佈局。 還有一些選項可以編輯列的padding。

image 5

一旦你選擇了一個短代碼,它將自動出現在經典編輯器中。 例如,我們為這個教程選擇了one half的短碼。

然後您可以在短碼之間輸入您的內容。

image 6

接下來,你可以再次點擊短碼圖示'[ ]’來添加另一列短碼。

讓我們添加『one half(last)』的短碼來顯示兩列相鄰的內容。 從這裡,你只需要把你的內容添加到另一列。

image 7

之後,你可以預覽你的帖子併發佈它。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *