如何在WordPress帖子和頁面中添加表格(無需HTML)


您是否要在WordPress帖子和頁面中添加表格? 表是一種以可理解的格式顯示數據的好方法。

過去,您需要使用插件或HTML代碼在WordPress帖子或頁面中創建表格。

在本文中,我們將向您展示如何在WordPress帖子和頁面中創建表格而不使用插件或任何HTML代碼。 我們還將介紹如何使用排序和搜索功能在WordPress中創建高級表格。

在WordPress中添加表格而無需編寫任何HTML

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

在WordPress區塊編輯器中建立表格

WordPress使使用默認的WordPress塊編輯器添加表變得非常容易。

只需創建一個新的帖子或頁面,或編輯一個現有的帖子或頁面。 進入內容編輯器後,單擊(+)符號添加一個新塊,然後選擇“表”。

您可以在“格式”部分下找到它,也可以在“搜索塊”欄中鍵入“表格”。

在WordPress區塊編輯器中添加“表格”區塊

接下來,系統將提示您選擇表中要包含的列和行數。 這兩個數字默認為2。

如果您不是100%的確切計數,請不要擔心,因為您以後總是可以添加/刪除表的列和行。

輸入表格所需的列數和行數

我們創建了一個包含3列4行的表:

我們的表格是使用WordPress區塊編輯器創建的

您可以輸入表格單元格,它們會根據每個單元格的內容自動調整大小。 如果您希望單元格為固定寬度,則可以在右側設置此選項。

您還可以在此處添加表格頁眉或頁腳部分。 在我們的示例中,我們為表格添加了標題,並且還在“顏色設置”標籤下將背景色設置為灰色。

在表格中添加標題部分或背景色

如果要添加新的行或列,只需在表中要添加的位置單擊一個單元格即可。 接下來,單擊“編輯表”按鈕。

在這裡,我們在表格的右側添加了一個新列:

在表格中添加新列

您也可以用相同的方式刪除行和列。 只需單擊要刪除的行或列中的單元格,然後從“編輯表”菜單中選擇“刪除行”或“刪除列”。

默認情況下,表格列中的文本左對齊。 您可以通過單擊列,然後單擊“更改列對齊”按鈕來更改此設置:

更改列的文本對齊方式

在這裡,我們將中心對齊應用於具有數字的三列:

現在,所有3列數字都居中

您還可以通過單擊“更改對齊方式”按鈕並從列表中選擇一個選項來更改帖子或頁面中整個表格的對齊方式。

更改整個桌子的對齊方式

請注意,這些選項可以使表格顯示超出帖子區域的正常邊界。 有些在您的網站上看起來可能很奇怪,所以請確保預覽您的帖子或頁面以查看它們的外觀。

這是我們在網站上設置為“寬”的表格:

一個“寬幅”表格,超出了常規內容區域

如您所見,它延伸超出了帖子區域的左右邊緣。

Gutenberg編輯器中內置的表格工具為您顯示表格提供了很大的靈活性。

您可以使用它以易於理解的格式向讀者顯示數據。 但是,表塊沒有某些高級功能,例如搜索過濾,自定義排序等。

它還不允許您在網站的多個區域(如側邊欄小部件或其他頁面)中輕鬆使用同一表。

要創建高級表格,您需要使用WordPress表格插件。

使用TablePress插件創建表

TablePress是市場上最好的WordPress表格插件。 它是100%免費的,它使您可以輕鬆創建和管理表。

最好的事情是,您可以單獨編輯表,甚至可以添加大量行。

如果您使用的是舊的經典WordPress編輯器,而該編輯器沒有表格功能,則還需要TablePress。

首先,您需要安裝並激活TablePress插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

然後,您將在WordPress儀表板中看到TablePress菜單項。 去 TablePress»添加新 創建一個新表。

在TablePress中添加新表

您需要為表輸入名稱,然後確定所需的行和列數。 您以後也可以隨時添加/刪除表的行和列。

我們將創建一個包含4行3列的表:

在TablePress中輸入表格標題

添加表名,行和列後,繼續並單擊“添加表”按鈕以創建表。

接下來,您將看到一個屏幕,其中包含表的信息以及可以添加內容的區域。

在TablePress中編輯表格詳細信息

只需在表的單元格中鍵入所需的數據即可。 您可以使用它們上方的箭頭對數據列進行排序。 這些將按字母或數字順序排序。

在TablePress中對錶格的列進行排序

“表格內容”區域下方有高級選項。 在“表操作”中,您可以執行添加,刪除和復制行之類的操作:

工具的“表格操作”部分

在“表格選項”中,您可以添加頁眉和/或頁腳行,這些行不會與數據一起排序。 您還可以決定在何處顯示表名稱和描述:

TablePress中的“表格選項”部分

最後,您可以在“ DataTables JavaScript庫的功能”部分中設置各種選項。 這使您可以創建可被讀者過濾,搜索和排序的響應表。

表格的高級javascript選項

對錶格滿意後,請點擊“保存更改”。

您可以將表格添加到任何帖子或頁面。 只需將簡碼添加到段落塊或使用簡碼塊。

在塊編輯器中為您的表添加簡碼

如果您使用的是經典編輯器,則只需將簡短代碼直接添加到您的帖子中:

在經典編輯器中為您的表添加簡碼

如果您想將來更改表,可以回到儀表板中的TablePress進行更改。 您使用過的所有帖子和頁面中的表格都會自動更新。

TablePress還允許您從電子表格和CSV文件導入數據。 同樣,您也可以將TablePress表數據導出到CSV文件中,然後可以使用任何電子表格程序(如Microsoft Excel或Google表格)打開CSV文件。

我們希望本文能幫助您學習如何在不使用HTML的情況下在WordPress帖子和頁面中添加表格。 您可能還喜歡我們的文章,內容涉及如何創建電子郵件通訊以及如何在WordPress中創建聯繫表單。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。