WordPress 表格:在博客文章中添加表格的 5 種方法

已發表: 2022-05-17

定價表插件

你有沒有想過桌子?

不,我不是指您用來與家人共進晚餐的桌子或舉行會議的辦公室的會議桌。

我的意思是數據圖表中的表格,以列顯示。

在編寫內容時,有時以有組織的方式呈現數據可能是一項挑戰。 您可能希望以圖表格式顯示它,但最簡單的方法是使其成為圖像。 不幸的是,圖像有很多不同的缺點,其中最重要的是谷歌無法索引表格中的信息。 圖表圖像不適合 SEO!

另一方面,在沒有唯一代碼的情況下顯示您將在表格中顯示的信息可能會很混亂或乏味。

凌亂的版本看起來像這樣:

  • 日期 - 名稱 - 銷售
  • 週一 - 肖恩 - 500 美元
  • 星期一 - 戴夫 - 400 美元
  • 週二——史蒂夫——500美元
  • 星期三 - 珍妮弗 - 800 美元
  • 星期三 - 塞拉利昂 - $750

等等。 您沒有組織良好的列,沒有格式,所有這些都只是一起運行。 信息在那裡,但格式不正確。 有時您可以使用製表符或 CSS 添加空格和對齊方式,但您正在使用 hacky 方式來格式化數據。

當然,HTML 對錶格有原生支持。 但是,創建和保持更新並不容易。 繁瑣的方法是使用 HTML 代碼手動創建表格內容。

  • 首先,您需要表格標籤,因此<table>開始並</table>關閉。
  • 在其中,您需要每一行的代碼。 一行以<tr>開始,以</tr>結束。
  • 在每一行內,每個單元格都需要一個表格數據條目。 因此, <td></td> ,其中包含特定的數據元素。 第一個是這些列的標題。

因此,對於第一行信息,標題,在我上面的示例中,您正在查看:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

然後,當然,您需要為 CSS 格式或 HTML 格式添加標籤,如果您需要圖像或圖標,您還有額外的工作,而這只是一行。 想像一下必須手動處理所有這些! 表格在網頁設計中普遍不受歡迎並且不再是標準是有原因的。

幸運的是,如果我們不願意,幾十年來我們不需要手動編寫 HTML 表格。 WordPress 提供了許多不同的方法來添加新表,我選擇了五種我認為最適合本分步教程的方法。

讓我們深入挖掘!

目錄
選項 1:WordPress 默認表
選項 2:TablePress
選項 3:忍者桌
選項 4:數據表生成器
選項 5:附屬

選項 1:WordPress 默認表

您知道 WordPress 允許您添加表格嗎? 事實證明它是免費的而且非常簡單,儘管它沒有很多功能。 在 Gutenberg 拖放頁面構建器中,您可以單擊以添加新塊並選擇表塊。 它將插入一個用作表格選項配置框的塊。 如果您使用的是經典編輯器,則必須切換回 Gutenberg 才能使用前端的表格構建器。

如何在古騰堡添加表格

這很簡單; 選擇所需的行數和列數。 對於我上面的數據示例,我將有三個表格列,但我需要許多行數據。 最終結果是簡單的響應式表格。

這樣做的問題是它的設計不是很好。 列之間沒有圖形化的劃分,因此您必須使用精心放置的鼠標單擊或箭頭來導航它(因為像在電子表格中那樣在單元格之間切換是行不通的)。 您必須以完全不同的方式應用表格格式。

默認情況下,WordPress 也只有幾個表格選項。 您可以在由細線分隔的行或由交替條紋背景區分的行之間進行選擇,僅此而已。 列沒有格式,雖然您可以設置背景顏色,但它適用於整個表格,而不僅僅是單元格/行/列。 如果您正在尋找高級選項,默認表格對您沒有多大幫助。

表設置示例

現在,當然,您可以使用 CSS 並手動更改您想要的任何內容。 沒關係! 但是,如果您想在 WordPress 編輯器中使表格看起來像您想要的那樣,那就太麻煩了。 考慮到它們允許您開箱即用的其他功能,WordPress 對錶格的支持令人驚訝地缺乏。 例如,如果您的表中有數千行,則不會創建分頁來將其拆分為更易於閱讀的較小部分。

這就是安裝 WordPress 表格插件的地方。

選項 2:TablePress

如果您擁有 WordPress 網站已有一段時間,那麼您想要添加的幾乎所有功能都可能在某處有一個名為 FeaturePress 的附加組件,這不足為奇。 桌子也不例外。 TablePress 可以在免費插件目錄或他們的網站 TablePress.org 上找到。

TablePress 有點笨拙,因為它的工作方式有助於管理表格數據的中央集線器。 它將表格管理迷你應用程序添加到您的 WordPress 儀表板。 在該管理應用程序中,您可以創建表、導入或導出表、配置表,並且通常可以對它們執行任何操作。 然後,當您想在博客文章中插入表格時,您可以使用表格簡碼來拉入該表格。

創建 TablePress 表

您必須單擊“保存更改”,複製短代碼,然後返回您的帖子以預覽它的外觀。 有時您必須在帖子編輯器和 TablePress 設置之間來回切換,這可能會變得乏味。

這種技術有幾個優點。 它允許您在多個帖子或頁面中嵌入同一個表格,而無需每次都重新創建它。 例如,如果您想製作一個與您的利基相關的數據表並將其放在 20 個不同的 WordPress 頁面上,您可以製作該表並將其嵌入到每個登錄頁面上。

然後 - 這很重要 - 如果您需要編輯表格數據,您可以從儀表板中進行。 一次編輯會立即填充同一表的所有不同實例。 由於它是嵌入式數據,因此集中管理很容易。

您還可以直接從 CSV、XLS 或其他電子表格文件導入數據,然後它將填充表格。 如果您有大量數據要導入並且不想手動複製,則此導入功能非常有用。

將 CSV 導入 TablePress

這個表格插件最大的缺點是它最適合用於數據和電子表格。 例如,它不適用於並排的產品比較圖表、目錄或只有幾行和幾列的漂亮東西。 更多地考慮嵌入數十或數百行數據。

如果您使用自定義 CSS 來設置和更改表格的樣式,將會有所幫助。 它很容易做到,但您仍然需要了解如何使用 CSS 來設置表格樣式。 從好的方面來說,它完全免費且易於使用,這使其成為初學者入門的好插件。

Z
Z
Z
您的博客是否為您帶來了生意? 如果沒有,讓我們解決這個問題。

我們創建可轉化的博客內容——不僅為我們自己,也為我們的客戶。

我們選擇博客主題,例如對沖基金選擇股票。 然後,我們創建的文章要好 10 倍以贏得頭把交椅。

內容營銷有兩個要素——內容和營銷。 我們在這兩方面都獲得了黑帶。

如果您經營一家基於互聯網的企業並希望擴大規模,請安排電話與我們的創始人交談:
免費策略調用

選項 3:忍者桌

Ninja Tables 是在 WordPress 網站上創建表和數據管理的一個巧妙選項。 它更適用於數據量大的博客文章,而不是隨意使用,並且它做了很多支持大量數據的事情。 例如,您的表格可以具有過濾器和排序選項,供用戶對您動態顯示的數據進行排序和調整。 這對於許多統計數據和信息非常有用,但對於產品比較圖表則不那麼有用。

WordPress上的忍者桌

Ninja Tables 最巧妙的功能之一是它非常用戶友好。 您不需要自定義 CSS 或編碼來管理表格的外觀。 如果您不想,您甚至不需要進行大量數據輸入; 您可以直接從不同類型的文件中導入數據。

但是,一個缺點是免費版本的選項“有限” 。 我放了有限的報價,因為它們有很多選擇; 它不是完全免費的。 它們有數十種不同的樣式和顏色可供選擇,您可以使用不同的模板。

Ninja Tables 還允許您直接在帖子中從塊編輯器創建和編輯表格,或者像 TablePress 一樣從中央儀表板管理它。 你可以自由地使用插件做你想做的事。

創建 Ninja Table 示例

您可以在 WordPress 插件目錄中找到免費版本的 Ninja Tables。 像許多插件一樣,如果您想從他們的網站購買,他們也提供高級版本。

Premium 為您提供了許多您可能會發現有用的附加功能,包括:

  • 能夠將媒體元素添加到您的單元格,而不僅僅是文本數據。
  • 一個顏色選擇器,因此您不僅限於他們為您預先配置的顏色。
  • 用於導入和導出數據或與 Google 表格同步的更多選項。
  • 條件格式選項和高級數據過濾。
  • 在表格單元格中使用簡碼。

單站點許可證每年 49 美元,或者您可以為 20 個站點支付 99 美元或為無限站點支付 199 美元。 或者,他們提供終身許可證,一個域 199美元,20 個域 399 美元,或 599 美元無限制。 除了您可以使用它的域數量外,這些計劃沒有限制,因此所有付費版本都是相同的。 您可以瀏覽該站點並在此處查看更多功能。

選項 4:數據表生成器

你喜歡功能嗎? 你希望你有更多嗎? 您是否希望擁有一個可以動態轉換為圖表、圖形、條形圖、餅圖、PDF 和其他導出的數據表? 您想在表格中顯示媒體嗎? 搜索欄? 選擇顯示多少行的下拉菜單? 每列按列排序? 響應式設計?

好吧,我會停下來。

關鍵是,Supsystic 的數據表生成器幾乎擁有一切。 當然,其中很多都在付費版本而不是免費版本之後,但它仍然存在。 如果您可以在表格中想到您想要的功能,那麼它很可能就在那裡。

與 TablePress 一樣,您可以從儀表板管理表格並將它們嵌入到您的 WordPress 帖子或頁面中。 這個插件非常適合 STEM 專業的表格插件,當他們看到一大堆新鮮數據時,他們開始興奮地顫抖,而對於想要一個有六行的即發即棄表格的營銷人員來說,這非常適合。星級。 它也非常複雜,因為它有一百萬種不同的選項。

複雜圖表示例

當我說這可以做任何事情時,我是認真的。 用於編輯表格的數據表生成器儀表板看起來就像您使用 Excel 或 Google 表格並將其嵌入到編輯器中一樣。 它有用於公式和格式的空間以及更多空間。 它有你想要的任何東西。 在某些方面,它是最好的 WordPress 表格插件,因為它具有最多的功能。

那麼有什麼問題呢?

當然,複雜性。 對於數據量大的網站來說,它非常強大,但是如果您是一個較小的 WordPress 博客,並且您只想要一個圖表來將自己與您的競爭對手進行比較,一個具有不同計劃和功能的定價表,或者您銷售的產品的產品比較表; 這與使用巡航導彈耕種您的花園一樣多。

您猜對了,您可以從 WordPress 插件目錄獲得免費版本。

付費版本恰如其分地以表格形式定價。

數據表生成器的定價表

數據表生成器網站擁有一年、兩年或三年的許可證,一次可用於 1 個、5 個或 6 個以上的站點。 一年的單站點許可證為 46 美元。

選項 5:附屬

上面的大多數選項都是關於在表格中顯示大量複雜數據,但是如果你不想要這麼複雜的東西怎麼辦?

大多數想要添加表格的博主可能會選擇產品比較表之類的東西。 您有兩個或三個產品,並且您想要一個包含各種功能/定價/評論信息的表格,以及購買它們的附屬鏈接。 這是一種久經考驗的聯盟營銷和產品銷售策略。 只需展示產品的功能,以便用戶可以使用它們在它們之間做出決定,他們將更有可能選擇其中之一。

附屬產品示例

Affiliable 是添加這些表格的一種方式。 它具有比較表、“前 3 個框”格式、單個產品詳細信息框和優缺點框樣式。 更重要的是,它具有一些營銷功能,而不是數據管理功能。 用戶不需要能夠對產品比較表進行排序或搜索,但他們當然可以從您的一點地理定位中受益,對吧?

Affiliable 有三個版本:

  • 免費版
  • 單站點許可證的專業版
  • 無限站點的專業版

免費版本是可以接受的,但有限制; 它不允許您使用高級模板,它沒有針對 Schema 進行優化,並且不允許您使用自定義類別。 付費版本分別為每年 39 美元和每年 89 美元,或者您可以以 199 美元或 399 美元的價格購買終身許可證

你怎麼看? 在博客文章中添加表格的最佳方式是什麼? 如果您有其他很棒的建議,請在評論中告訴我。