如何在 WordPress 中創建表(帶或不帶插件)

已發表: 2023-06-24

您想在 WordPress 中創建表格嗎? 如果您正在尋找完成任務的分步指南,請不要再猶豫了。 本文將教您如何在使用和不使用插件的情況下在 WordPress 中創建表格!

但在進一步討論之前,讓我們看看什麼是表以及何時需要它們。

什麼是表

表分為三種類型:

  1. 靜態表
  2. 動態表
  3. 定價表

讓我們看一下每個選項,看看每個選項有何不同。

1)靜態表

這是互聯網上最常用的表格。

壓床演示

這個想法非常簡單。 您將選擇需要的列數和行數。 完成後,您可以開始手動輸入數據​​。 完成後,您可以通過嵌入表格來顯示數據。

2) 動態表

列表中的下一個表類型是動態表。

動態表插件

在這裡,動態表將根據您的配置提取數據,而不是手動輸入所有數據。 例如,如果您需要將所有在線商店產品及其標題、定價和類別排列到一個表中,則可以使用這些插件。 當您更改產品的標題或定價時,動態表將自動更新內容。

這對於許多在線商店來說將是一個巨大的幫助。

3) 定價表

顧名思義,您將通過這些表格顯示您提供的工具或服務的成本。 這是一個例子:

聯合聊天定價計劃

定價表將包含服務的詳細信息以及完成交易的鏈接。 一些在線企業正在使用這些類型的表格。

為什麼在 WordPress 中添加表格是好的

在 WordPress 網站中使用表格可以在多種情況下為您提供幫助:

  • 更好的可讀性:如果您需要提高網站的可讀性,您應該使用表格。 使用表格,您可以有效地對數據進行排序。 一些 WordPress 表格插件還具有排序、過濾和搜索功能。 這樣,訪問者可以在幾秒鐘內找到您需要的數據。
  • 組織:用表格組織數據是一個可行的選擇。 如果您正在運行比較博客或類似的內容,您必須讓訪問者知道每個工具或服務在相同功能方面必須提供什麼。 使用表格,您可以完成此任務。
  • 樣式:如果您正在運營權威網站或品牌,則數據樣式至關重要。 這將使您在客戶和客戶面前看起來更加專業。 通過設置表格並設計行和列的樣式,您可以從人群中脫穎而出。
  • 響應能力:現在許多人使用手機上網。 據 Statista 統計,超過 50 億人使用手機瀏覽互聯網。 因此,使您的網站具有響應能力是強制性的。 專用表格將幫助您優化較小屏幕(例如移動屏幕)的數據。

現在您知道為什麼在 WordPress 中添加表格是個好主意了。 接下來我們看看如何正確添加它們。

如何在 WordPress 中創建表格

您可以通過兩種方式在 WordPress 中創建表

  • 通過古騰堡編輯器
  • 使用專用的表插件

下面,我們將向您展示這兩種方法。 根據您的要求和偏好,選擇一種方法。

1)使用古騰堡編輯器

無需使用單個插件,您就可以在 WordPress 中創建表。 古騰堡配有專用的桌子塊。 有了它,您可以根據需要創建任意數量的表。 這是執行此操作的分步指南。

首先,轉到古騰堡編輯器並添加表格塊

表塊

解釋您需要多少行和列。 輸入數據後,單擊“創建表”按鈕

創建表

現在,您可以開始添加值。

添加數據

在右側,您還可以看到表格設置。

表塊設置

你可以

  • 調整表格寬度
  • 創建標題部分
  • 創建頁腳部分

通過設置。 完成該過程後,保存或更新頁面。 之後從前端檢查; 你會在那裡看到新的桌子。

嵌入表塊

這樣,您就可以在 WordPress 中創建表格,而無需使用第三方工具或代碼。 接下來,讓我們看看如何使用插件來完成該任務。

2) 使用專用表插件

市場上有很多 WordPress 表格插件。 在本演示中,我們將使用 TablePress。

2.1) 安裝與激活

您需要做的第一件事是在您的網站上安裝並激活 TablePress。

安裝並激活tablepress

2.2)配置

完成激活後,您可以在左側看到插件的設置。

壓床設置

默認情況下,您不會在那裡看到任何表格。 因此,單擊“添加新表”來創建一個新表。

添加新表

在那裡,你需要提到四件事。

表格詳細信息

  • 表名
  • 描述
  • 行數
  • 柱子

填寫完這些詳細信息後,單擊“添加表”

在 WordPress 中添加新表 - 在 WordPress 中創建表

在下一個屏幕上,您將看到表格內容。

表格內容

您可以在那裡輸入表格內容。

正如我們的標題所述,我們將在表中輸入有關最佳 WordPress 託管公司的詳細信息。 完成工作後,我們的表格將是這樣的:

表格內容已滿

您可以右鍵單擊單元格以查看更多配置選項。

更多配置選項

現在,如果您滾動到底部,您可以看到表格操作設置。

表操作

您可以修改現有的行和列,並通過表操作選項添加新的行和列。 在其下方,您將看到表格選項。

表選項

您可以設置表格頁眉、頁腳並從那裡配置相關選項。 添加標題將是一個好主意。 因此,一旦啟用該選項,您的第一行將充當標題。 頁腳也是如此。 如果您允許頁腳選項,最後一行將像表格的頁腳一樣工作。

根據您的喜好修改表格後,保存它。

保存表設置更改 - 在 WordPress 中創建表

現在是時候嵌入表格了。

2.3)嵌入

由於 TablePress 針對古騰堡進行了優化,因此您可以使用自定義塊在 WordPress 中嵌入表格。 因此,打開古騰堡編輯器並蒐索TablePress 塊

壓桌

您可以從右側選擇表格。 表選擇器中的搜索功能很方便。

選擇表 - 在 WordPress 中創建表

幾秒鐘之內,古騰堡就會嵌入表格。

嵌入表格 - 在 WordPress 中創建表格

現在,發布(或更新)博客文章或頁面。 如果你從前端查看文章,你會看到那裡創建的表。

前端表格 - 在 WordPress 中創建表格

該插件具有基本設計。 但您可以根據自己的喜好進行修改。 這將幫助您使表格與您的品牌顏色保持一致。

就是這樣!

這是使用插件在 WordPress 中創建表的方法。

獎勵:最佳 WordPress 表插件

您應該檢查市場上最重要的兩個插件是:

  • 平板壓機
  • wp數據表

讓我們仔細看看每個選項。

1) 桌上壓機

tablepress - 在 WordPress 中創建表格

如果您需要更快的插件來管理表,您應該查看TablePress 。 TablePress 是可用於在 WordPress 中創建和更新表格的最佳插件之一。 由於該插件帶有輕量級代碼,因此不會影響您網站的速度和性能。 您可以使用此插件處理小型或大型數據表。

由於該工具具有內置的導入/導出功能,因此您可以將數據傳輸為 CSV、HTML、JSON 或 XML 文件。 當您需要在不同網站上使用相同的標籤時,導入/導出功能將派上用場。 這樣,您就不需要手動輸入詳細信息並花費更多時間來創建表。

在單元格內,您可以添加任何數據,例如圖像、鏈接和數學公式。 您不需要了解編碼來管理表。 該插件附帶一個編輯器,具有您需要的所有功能。 最重要的是,TablePress 提供的排序、分頁和過濾選項是一個優點。

總的來說,它是一個在 WordPress 中創建表格的好工具。

特徵

  • 便於使用
  • 輕的
  • 進出口
  • 輕鬆嵌入
  • CSS 特性

價錢

TablePress 是一個免費增值 WordPress 插件。 您可以從 WordPress 插件存儲庫下載精簡版。 高級訂閱起價為每年 79 美元

2)wp數據表

wpdatatables 插件 - 在 WordPress 中創建表

我們列表中的下一個插件是wpDataTables 。 wpDataTables 是市場上流行的工具,具有類似 Excel 的編輯器。 該插件還與大多數 WordPress 主題兼容。 因此,無論您使用哪種 WordPress 主題,該插件都不會導致任何兼容性問題。 除了主題之外,該插件還與大多數頁面構建器兼容。

有多個頁面構建器插件可用,例如 Elementor、WPBakery Visual Composer,甚至 Gutenberg。 如果您使用它們中的任何一個來創建令人驚嘆的網站設計,您應該使用 wpDataTables 將圖表和表格帶到前端。 該插件也是可定制的。 您可以修改字體大小、樣式、系列等以匹配您網站的品牌。

由於 wpDataTables 還具有響應式設計,因此表格將完美適合每種屏幕尺寸。 因此,無論您的訪問者使用的是台式機、平板電腦,甚至是手機,故事都會適應屏幕尺寸。 您可以將自定義 CSS 類添加到表中以改進自定義功能。 這樣,您就可以輕鬆修改表格的樣式。

特徵

  • 細胞合併
  • 類似 Excel 的編輯器
  • 與大多數主題兼容
  • 頁面構建器優化
  • 字體定制

價錢

wpDataTables 是一個免費增值插件。 免費版本可在插件的存儲庫中找到。 另一方面,高級版本將解鎖更強大的功能,每年費用為 59 美元。

如果您需要了解有關 WordPress 表格插件的更多信息,請查看這篇文章。

結論

為了提高用戶體驗和可靠性,您應該考慮在博客文章和頁面中使用表格。 默認情況下,有兩種方法可以完成任務:

  • 使用古騰堡編輯器
  • 通過專用插件

如果您不需要專用插件,請使用古騰堡方法。 另一方面,如果您更喜歡使用插件來管理和處理表格,TablePress 將是一個不錯的選擇。 然而,市場上有很多表格插件。 您可以根據自己的需求選擇一款

我們希望您覺得這篇文章很有幫助並且喜歡閱讀它。 如果您這樣做了,請考慮在社交媒體上與您的朋友和博主分享這篇文章。 您可以查看以下幾篇文章來改進您的網站:

  • 如何在 WooCommerce 中創建自定義側邊欄
  • 如何在 WordPress 中嵌入 YouTube 視頻(帶或不帶插件)
  • 如何在 WooCommerce 中創建許可證(分步指南)