使用TablePress插件，可以輕松地在WordPress網(wǎng)站上添加和管理表格。這個(gè)插件提供了一個(gè)直觀的圖形界面，無(wú)需編寫(xiě)復(fù)雜的代碼就能創(chuàng)建出漂亮的表格。

表格在WordPress網(wǎng)站上扮演著重要的角色。它們能幫助組織、比較和展示數(shù)據(jù)，讓訪客更輕松地理解你的內(nèi)容。然而，過(guò)去創(chuàng)建表格通常需要手動(dòng)編寫(xiě)復(fù)雜的HTML代碼，這無(wú)疑增加了操作的難度。

在WordPress的原生編輯器中，雖然之前并沒(méi)有直接創(chuàng)建表格的功能，但幸好有強(qiáng)大的插件系統(tǒng)可以彌補(bǔ)這一不足。其中，TablePress插件就是一個(gè)比較好的選擇。

TablePress插件以其圖形化界面和便捷的操作方式深得人們喜愛(ài)。無(wú)需編寫(xiě)任何代碼，只需通過(guò)簡(jiǎn)單的操作就能創(chuàng)建出精美的表格，并將其輕松插入到你的內(nèi)容中。

TablePress – 輕松將表格添加到 WordPress

TablePress 是同類產(chǎn)品中最受歡迎的。其主要原因很可能是它的易用性、直觀的操作性和對(duì)初學(xué)者的友好性。然而，除此之外，該插件還具有許多使其脫穎而出的功能：

• 從多種格式導(dǎo)入數(shù)據(jù)：TablePress 不僅能夠創(chuàng)建表格，還可以從不同格式（Excel、CSV、HTML 和 JSON）導(dǎo)入現(xiàn)有數(shù)據(jù)。
• 可導(dǎo)出性：反之亦然，使用 TablePress 創(chuàng)建的任何表格都可以以多種格式導(dǎo)出。這讓你可以將信息傳輸?shù)讲煌恼军c(diǎn)、Excel 文件或?qū)⑵溆糜谌魏纹渌康摹?/li>
• 可擴(kuò)展性：除了主插件之外，開(kāi)發(fā)人員還為 TablePress 提供了許多附加組件。它們可以讓表格響應(yīng)式、添加列過(guò)濾器、將表格保存為 PDF 的選項(xiàng)等等。

使用 TablePress 和 Elementor 在 WordPress 中創(chuàng)建表

如何使用 TablePress 插件在 WordPress 中創(chuàng)建全新的表格。

1.安裝TablePress

第一步當(dāng)然是安裝 TablePress 插件。就像安裝其他 WordPress 插件一樣。只需進(jìn)入 “插件“>”添加新插件”，搜索插件名稱并點(diǎn)擊 “安裝 “即可。

安裝好之后，激活插件即可！

2. 添加新表

網(wǎng)站激活后，會(huì)在 WordPress 面板中發(fā)現(xiàn)一個(gè)新的 TablePress 菜單項(xiàng)。點(diǎn)擊該菜單項(xiàng)即可進(jìn)入此界面。

在這里，可以處理 WordPress 網(wǎng)站上有關(guān)表格的一切事務(wù)。頂部有一些有用的鏈接，以備不時(shí)之需。

要?jiǎng)?chuàng)建一個(gè)新表格，只需點(diǎn)擊添加新表格。完成后，就會(huì)看到這里：

在這一步中，你只需輸入一個(gè)表格名稱、一個(gè)可選的描述，并確定需要多少行和列。完成后，單擊底部的添加表。

3. 用內(nèi)容填充表格

下一步，填寫(xiě)表格的單元格。如果你以前使用過(guò)電子表格，這些都是小問(wèn)題。

注意：可以通過(guò)拖放來(lái)移動(dòng)行和列，還可以使用箭頭圖標(biāo)對(duì)它們進(jìn)行排序。

4. 配置高級(jí)選項(xiàng)

下面還有更多表格操作、設(shè)計(jì)和格式化選項(xiàng)。

在頂部，它允許你通過(guò)高級(jí)編輯器插入鏈接、圖片和文本。對(duì)于這三個(gè)選項(xiàng)，你首先需要點(diǎn)擊相應(yīng)的按鈕，然后點(diǎn)擊要添加內(nèi)容的單元格。然后，插件會(huì)為這三個(gè)選項(xiàng)分別提供一個(gè)熟悉的界面。

還可以選擇合并單元格、隱藏、復(fù)制、插入、刪除行或列，以及添加新的單元格。使用兩側(cè)的復(fù)選框來(lái)標(biāo)記你要操作的內(nèi)容。

在 “表格選項(xiàng) “下，可以確定是否要在表格中加入頁(yè)眉或頁(yè)腳。還可以切換交替行顏色的開(kāi)與關(guān)、控制懸停時(shí)的高亮顯示，以及是否顯示表格名稱和說(shuō)明以及顯示的位置。此外，還可以為自己的自定義樣式添加 CSS 類。

最后，底部是控制表格的 JavaScript 庫(kù)的一些功能控件。

這些選項(xiàng)包括添加對(duì)表格進(jìn)行排序、搜索和過(guò)濾、使用分頁(yè)和水平滾動(dòng)的選項(xiàng)。還有一個(gè)輸入自定義參數(shù)的字段。

5. 在站點(diǎn)上顯示表格

完成后，可以保存或預(yù)覽底部的表格。保存后，最重要的是檢查右上角的簡(jiǎn)碼。

可以用它將表格輸入到 WordPress 網(wǎng)站，也可以隨時(shí)點(diǎn)擊顯示簡(jiǎn)碼，從表格列表中查看表格。

要在網(wǎng)站的任何地方顯示表格，只需復(fù)制簡(jiǎn)碼并將其輸入到帖子、頁(yè)面或文本 widget 中即可。

如果使用的是 WordPress 的經(jīng)典編輯器，TablePress 還為其添加了一個(gè)按鈕，可以通過(guò)它插入表格。

點(diǎn)擊后，會(huì)看到網(wǎng)站上所有表格的列表，以及在內(nèi)容中輸入每個(gè)簡(jiǎn)碼的按鈕。

不管選擇哪種方式，頁(yè)面上都是這樣的。注意分頁(yè)和搜索框。

6. 在 Elementor 中使用 TablePress 表格

如果想在 Elementor 模板中加入表格（如單篇文章模板），也可以這樣操作。只需打開(kāi)相關(guān)模板，找到左側(cè)的簡(jiǎn)碼部件（可以用搜索功能），然后將其拖到希望表格出現(xiàn)的位置。

然后，將表格簡(jiǎn)碼粘貼到左側(cè)的字段中。請(qǐng)注意，由于 TablePress 的設(shè)置方式，在預(yù)覽窗口中看不到表格，只能看到簡(jiǎn)碼。

不過(guò)，不用煩惱。當(dāng)預(yù)覽或發(fā)布模板時(shí)，表格就在其中。

7. 重新編輯表格

如果想更改其中一張表格的某些內(nèi)容，只需返回 TablePress 的主菜單即可。在這里，在表列表中，將鼠標(biāo)懸停在名稱上，然后單擊將出現(xiàn)的編輯鏈接。

進(jìn)入熟悉的編輯界面，可以根據(jù)需要進(jìn)行更改。保存后，在內(nèi)容中包含表格的地方也會(huì)更新表格。

使用 TablePress 導(dǎo)入表格

如上所述，也可以從現(xiàn)有文件導(dǎo)入數(shù)據(jù)，而不是手動(dòng)輸入。TablePress 使這一操作與創(chuàng)建新表一樣簡(jiǎn)單。

1. 導(dǎo)入你的表格

可以在TablePress > 導(dǎo)入表格（主屏幕頂部還有一個(gè)選項(xiàng)卡）下找到所有選項(xiàng)。

首先，選擇輸入源。輸入源可以是文件上傳、URL、服務(wù)器上的文件或手動(dòng)輸入（復(fù)制和粘貼）。

在本例中，我們要使用文件。為此，點(diǎn)擊瀏覽并導(dǎo)航到要上傳的電子表格。完成后，使用下拉菜單告訴 TablePress 是哪種格式（CSV、HTML、JSON、Excel）。

可以選擇是用數(shù)據(jù)創(chuàng)建一個(gè)新表格，還是替換已有的表格，或者向網(wǎng)站上已有的表格添加新數(shù)據(jù)。當(dāng)然，當(dāng)你選擇后一種方式時(shí)，需要從菜單中選擇表格。

根據(jù)需要進(jìn)行配置，然后點(diǎn)擊完成。

2. 檢查并格式化

導(dǎo)入表格后，將把它發(fā)送到與以前相同的頁(yè)面。

如果一切順利，數(shù)據(jù)填寫(xiě)應(yīng)該是正確的了。剩下要做的就是配置設(shè)計(jì)和行為選項(xiàng)了。

3. 在網(wǎng)站上顯示它

之后，就可以使用簡(jiǎn)碼將導(dǎo)入的表格添加到網(wǎng)站的任何位置，添加方式與之前相同。

TablePress – 導(dǎo)出表格

最后，我們來(lái)看看插件為用戶提供的導(dǎo)出功能。毫不奇怪，你可以在 TablePress > Export a Table 或主菜單頂部的選項(xiàng)卡中找到這個(gè)選項(xiàng)。這兩個(gè)選項(xiàng)都會(huì)帶你進(jìn)入這個(gè)界面。

在這里，首先需要選擇要導(dǎo)出的表格。按住 Ctrl/Cmd 也可以選擇多個(gè)表格，或使用左側(cè)的 “選擇全部 “按鈕導(dǎo)出 WordPress 網(wǎng)站上的所有表格。

在下面，選擇導(dǎo)出格式（CSV、HTML、JSON）和使用 CSV 時(shí)值之間的分隔符（逗號(hào)、分號(hào)或制表符）。還可以選擇創(chuàng)建壓縮文件。在同時(shí)導(dǎo)出多個(gè)表格時(shí)，這個(gè)設(shè)置是必須的。選擇后，點(diǎn)擊 “下載導(dǎo)出文件 “接收文件。

可用的插件選項(xiàng)

TablePress 的選項(xiàng)面板非常有限。

主要可以通過(guò) CSS 設(shè)置來(lái)更改表格的樣式。如果你對(duì)這里不熟悉，可以找開(kāi)發(fā)人員幫助你。在這下面，你可以更改 TablePress 菜單項(xiàng)在主菜單上的位置。此外，在底部還有一個(gè)卸載插件的按鈕，以及卸載時(shí)的注意事項(xiàng)。

如果覺(jué)得這些還不夠，下面的一些附加組件可以為插件帶來(lái)更多功能。

有用的 TablePress 附加組件

開(kāi)頭提到的，TablePress 附帶了許多可選的附加組件。

總結(jié)

我們講了如何在 TablePress 中創(chuàng)建表格、在 Elementor 網(wǎng)站上顯示表格、導(dǎo)入現(xiàn)有表格數(shù)據(jù)以及從網(wǎng)站導(dǎo)出表格。還有插件選項(xiàng)和許多可用的附加組件。希望能幫助你在自己的 WordPress 網(wǎng)站上創(chuàng)建表格。如果有其他問(wèn)題，也可以在我們的光子波動(dòng)“問(wèn)答社區(qū)”留言。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息