.jpg)
您想將表格添加到 wordpress 帖子和頁(yè)面嗎？
表格是以易于理解的格式顯示數(shù)據(jù)的好方法。WordPress 通過一些格式和設(shè)計(jì)選項(xiàng)提供了在表格中添加內(nèi)容的簡(jiǎn)單方法。
在本文中，我們將向您展示如何在 WordPress 帖子和頁(yè)面中創(chuàng)建表格，而無(wú)需使用插件或任何 html 代碼。我們還將介紹如何在 WordPress 中創(chuàng)建具有排序和搜索功能的高級(jí)表格。
視頻教程
https://www.youtube.com/embed/OedrM00iMq8?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent訂閱 WPBeginner
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com
如果您喜歡書面說明，請(qǐng)繼續(xù)閱讀。
在 WordPress 塊編輯器中創(chuàng)建表
WordPress 使使用默認(rèn)的WordPress 塊編輯器添加表變得非常容易。
只需創(chuàng)建一個(gè)新的帖子或頁(yè)面，或編輯現(xiàn)有的帖子或頁(yè)面。進(jìn)入內(nèi)容編輯器后，單擊“+”符號(hào)添加新塊，然后選擇“表”塊。
您可以在“文本”部分下找到它，也可以在搜索欄中輸入“表格”。
接下來(lái)，系統(tǒng)將提示您選擇表的列數(shù)和行數(shù)。兩個(gè)數(shù)字均默認(rèn)為 2。
如果您不能 100% 確定確切的數(shù)字，請(qǐng)不要擔(dān)心，因?yàn)槟院箅S時(shí)可以添加/刪除表列和行。
只需輸入行數(shù)和列數(shù)，然后單擊“創(chuàng)建表格”按鈕即可。
然后，該塊將生成您的表格并將其顯示在屏幕上。
您可以在表格單元格中鍵入內(nèi)容，它們將根據(jù)每個(gè)單元格中的內(nèi)容量自動(dòng)調(diào)整大小。
如果您希望單元格寬度固定，您可以在右側(cè)設(shè)置此選項(xiàng)。在這里，您還可以添加表格頁(yè)眉或頁(yè)腳部分。
從設(shè)置面板中，您還可以切換到“樣式”選項(xiàng)卡。
您的WordPress 主題可能會(huì)為表格塊提供多種樣式，或者您可以選擇背景和文本顏色。
如果要添加新行或新列，只需單擊表格中要添加的位置的單元格即可。接下來(lái)，單擊“編輯表”按鈕。
這將顯示一系列選項(xiàng)，用于向表中添加或刪除行和列。
默認(rèn)情況下，表格列中的文本左對(duì)齊。
您可以通過單擊列內(nèi)部然后單擊“更改列對(duì)齊方式”按鈕來(lái)更改此設(shè)置：
您還可以更改帖子或頁(yè)面中整個(gè)表格的對(duì)齊方式。
只需單擊“更改對(duì)齊方式”按鈕并從列表中選擇一個(gè)選項(xiàng)即可。
請(qǐng)注意，這些選項(xiàng)可能會(huì)使您的表格顯示超出帖子區(qū)域的正常邊界。
有些在您的WordPress 網(wǎng)站上可能看起來(lái)很奇怪，因此請(qǐng)預(yù)覽您的帖子或頁(yè)面以檢查表格的顯示方式。
這是我們的演示網(wǎng)站上顯示的設(shè)置為“寬寬度”的表格：
正如您所看到的，它超出了帖子區(qū)域的左右邊緣。
古騰堡編輯器中內(nèi)置的表格工具為您提供了如何顯示表格的很大靈活性。您可以使用表格塊以易于理解的格式向讀者顯示數(shù)據(jù)。
但是，該塊沒有搜索過濾、自定義排序等高級(jí)功能。它還不允許您在網(wǎng)站的多個(gè)區(qū)域（例如側(cè)邊欄小部件或其他頁(yè)面）有效地使用同一個(gè)表格。
要?jiǎng)?chuàng)建高級(jí)表格，您需要使用 WordPress 表格插件。
使用 TablePress 插件創(chuàng)建表
TablePress是市場(chǎng)上最好的 WordPress 表格插件之一。它是一個(gè)免費(fèi)插件，允許您輕松創(chuàng)建和管理表。另外，您可以單獨(dú)編輯表格，甚至添加大量行。
如果您使用較舊的經(jīng)典 WordPress 編輯器（不具有表格功能），TablePress 也變得必要。
首先，您需要安裝并激活TablePress插件。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。
然后，您將在 WordPress 儀表板中看到 TablePress 菜單項(xiàng)。轉(zhuǎn)到TablePress ? 添加新表以創(chuàng)建新表。
您需要輸入表的名稱并決定所需的行數(shù)和列數(shù)。您也可以隨時(shí)添加/刪除表格行和列。
添加表名稱、行和列后，請(qǐng)繼續(xù)并單擊“添加表”按鈕來(lái)創(chuàng)建表。
接下來(lái)，您將看到一個(gè)包含表格信息的屏幕以及一個(gè)可以添加內(nèi)容的區(qū)域。
只需在表格的單元格中輸入所需的數(shù)據(jù)即可。
要添加或刪除行和列或執(zhí)行排序操作，只需在表內(nèi)右鍵單擊即可。這將顯示一個(gè)選項(xiàng)菜單，您可以在其中進(jìn)行更多更改。
“表格內(nèi)容”區(qū)域下方有一些高級(jí)選項(xiàng)，例如“表格操作”。
從這里，您可以執(zhí)行添加、刪除和復(fù)制行等操作。
在“表格選項(xiàng)”中，您可以添加頁(yè)眉和/或頁(yè)腳行，這些行不會(huì)與數(shù)據(jù)一起排序。
您還可以決定在哪里顯示表名稱和描述：
最后，您可以在“站點(diǎn)訪問者的表格功能”部分中設(shè)置各種選項(xiàng)。
這些設(shè)置允許您創(chuàng)建可由讀者過濾、搜索和排序的響應(yīng)式表格。
一旦您對(duì)表格感到滿意，只需單擊“保存更改”即可。
之后，復(fù)制表短代碼。您在下一步中將需要它。
現(xiàn)在，編輯要在其中顯示表格的帖子或頁(yè)面，并將簡(jiǎn)碼塊添加到編輯器。
之后，將您之前復(fù)制的短代碼添加到短代碼塊中。
不要忘記更新或保存您的更改。
另一方面，如果您使用經(jīng)典編輯器，則只需將短代碼直接添加到您的帖子中即可：
如果您將來(lái)想更改表格，可以返回儀表板中的 TablePress 并進(jìn)行更改。您的表格將在您使用過它的任何帖子和頁(yè)面中自動(dòng)更新。
TablePress 還允許您從電子表格和 CSV 文件導(dǎo)入數(shù)據(jù)。同樣，您還可以將 TablePress 表格數(shù)據(jù)導(dǎo)出到 CSV 文件，然后可以使用 microsoft excel 或 Google Sheets 等任何電子表格程序打開該文件。
我們希望本文能幫助您了解如何在不使用 HTML 的情況下在 WordPress 帖子和頁(yè)面中添加表格。您可能還喜歡我們關(guān)于如何在 WordPress 中創(chuàng)建目錄的指南以及我們專家精選的最佳 WordPress 表格插件。
.png)
