8個用于設(shè)計(jì)漂亮表格的WordPress插件

時(shí)間：2023-09-14 04:18:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-14 04:18:02 來源：網(wǎng)站運(yùn)營

8個用于設(shè)計(jì)漂亮表格的WordPress插件：

轉(zhuǎn)自丘壑博客

在WordPress中作為內(nèi)容管理工具的一個好處是，幾乎所有文字處理軟件能做的事情（例如文本格式，布局格式，嵌入圖像等等）都可以在WordPress編輯器中完成，但比較欠缺的一種功能是表格設(shè)計(jì)。
WordPress最新版中的Gutenberg編輯器已經(jīng)有了表格“塊”的功能。你可以在這里在線體驗(yàn)一下：https://wordpress.org/gutenberg/?？梢钥焖俨迦胍粋€簡單的表格。


除此之外，你還在WordPress中手寫代碼進(jìn)行插入表格操作：



或者，如果你對代碼比較熟悉，也可以通過一些前端工具來開發(fā)出復(fù)雜的數(shù)據(jù)表并掛載到WordPress中，比如上一篇文章WordPress 精品插件大全頁面的開發(fā)小記中所用到的BootstrapVue的方式。這種方式對一般用戶來說還是比較重，比較復(fù)雜了。
幸運(yùn)的是，WordPress中有豐富的表格插件和工具可以用來構(gòu)建表格，使用戶不需要懂代碼就能作出比較專業(yè)的表格來展示數(shù)據(jù)。
8個用于在WordPress中設(shè)計(jì)表的插件
在以下場景時(shí)，可能會在WordPress中使用表格。

• 用數(shù)據(jù)來對文章中涉及的內(nèi)容、探討的話題來進(jìn)行支撐。
• 用來列出產(chǎn)品規(guī)格，如果以純文本、列表形式展示可能會過于冗長繁瑣難以理解。
• 用來展示產(chǎn)品或服務(wù)的亮點(diǎn)和主要功能，比如一些免費(fèi)和付費(fèi)功能對比的價(jià)格表 。
• 和其他類似產(chǎn)品進(jìn)行并排比較，以幫助用戶進(jìn)行決策。
• 使用戶能夠進(jìn)行一些計(jì)算（這可能是一種非常聰明的銷售策略）。

無論你想在WordPress中使用表格干什么，都應(yīng)該是盡量使表格具有吸引力。數(shù)據(jù)和冗長的列表讀起來是很枯燥的（這也是為什么圖片部分在當(dāng)今的網(wǎng)頁設(shè)計(jì)扮演了重要的角色） ，所以你的表格不能僅僅是無聊的Excel表格的翻版。
通過使用WordPress插件或Page Builder來創(chuàng)建表格，可以做一些很酷的事情，為網(wǎng)站增色。此外，在WordPress中使用表格還可以帶來以下好處：

• 更清晰的數(shù)據(jù)顯示方式。
• 作為大段文字的補(bǔ)充。
• 簡單明了的解釋不同產(chǎn)品或服務(wù)之間的區(qū)別。
• 用巧妙設(shè)計(jì)的交互或設(shè)計(jì)風(fēng)格來吸引用戶的注意力，用來提高目標(biāo)產(chǎn)品的銷量
• 為你的網(wǎng)站創(chuàng)建易于更新的媒體。無需在WordPress之外重新創(chuàng)建表格、重新上傳或重新嵌入，只需在WordPress中進(jìn)行更改。
• 為你的網(wǎng)站添加有趣的互動方式

以下是一些比較好用的WordPress表格插件推薦
TinyMCE Advanced


TinyMCE AdvancedAuthor(s): Andrew Ozz
Current Version: 5.1.0
Last Updated: 2019-02-23
tinymce-advanced.5.1.0.zip
href="https://wordpress.org/support/view/plugin-reviews/tinymce-advanced">92%Ratings2,000,000+Installs="https://wordpress.org/plugins/tinymce-advanced/">WP 5.1+Requires
TinyMCE Advanced讓用戶可以在不編輯HTML代碼的情況更好地控制內(nèi)容，該插件還有在編輯器工具欄中有附帶了許多其他功能，它包括15個TinyMCE插件，可根據(jù)您選擇的按鈕自動啟用或禁用，其中也包括創(chuàng)建表格的功能。雖然是比較簡單的表格，但如果能滿足需要，那么這個插件就足夠了。
Data Tables Generator by Supsystic


Data Tables Generator by SupsysticAuthor(s): supsystic.com
Current Version: 1.9.72
Last Updated: 2019-03-26
data-tables-generator-by-supsystic.zip
href="https://wordpress.org/support/view/plugin-reviews/data-tables-generator-by-supsystic">98%Ratings="https://downloads.wordpress.org/plugin/data-tables-generator-by-supsystic.zip">30,000+InstallsRequires
Data Tables Generator是一個為WordPress網(wǎng)站設(shè)計(jì)簡單表格的進(jìn)階插件。在管理后臺，提供了一個類似Excel的界面。只需添加數(shù)據(jù)、選擇樣式和更改設(shè)置，然后發(fā)布即可。你可以使用該插件創(chuàng)建表格、圖表，并且比TinyMCE具有更多的格式設(shè)置。
League Table



當(dāng)你有大量外部數(shù)據(jù)時(shí)想要引入WordPress時(shí)，這個付費(fèi)插件非常適。你所要做的就是上傳導(dǎo)入電子表格文件，然后自定義在你網(wǎng)站上的顯示方式。雖然這可能不適合定價(jià)表或產(chǎn)品比較，但如果你要比較人口統(tǒng)計(jì)，財(cái)務(wù)，分?jǐn)?shù)等數(shù)據(jù)會比較有幫助。
Pricing Table by Supsystic


Pricing Table by SupsysticAuthor(s): supsystic.com
Current Version: 1.7.1
Last Updated: 2019-03-28
pricing-table-by-supsystic.zip
href="https://wordpress.org/support/view/plugin-reviews/pricing-table-by-supsystic">90%Ratings="https://downloads.wordpress.org/plugin/pricing-table-by-supsystic.zip">30,000+InstallsRequires
如果您喜歡Data Tables Generator插件的簡單性和易用性，但需要更突出顯示的定價(jià)表，Supsystic的另一個插件將會有幫助。這個定價(jià)表插件可以通過拖拽來構(gòu)建響應(yīng)式的并排比較的定價(jià)表。
TablePress


TablePressAuthor(s): Tobias B?thge
Current Version: 1.9.2
Last Updated: 2019-02-22
tablepress.1.9.2.zip
ref="https://wordpress.org/support/view/plugin-reviews/tablepress">100%Ratings"https://downloads.wordpress.org/plugin/tablepress.1.9.2.zip">700,000+Installsef="https://wordpress.org/plugins/tablepress/">4.9.1Requires
這是一個很棒的WordPress表格插件，可以導(dǎo)入數(shù)據(jù)，手動輸入，也很易于使用。用戶可能更愿意在WordPress中使用類似電子表格軟件的體驗(yàn)來構(gòu)建表格。如果你計(jì)劃顯示數(shù)十行甚至數(shù)百行數(shù)據(jù)，此插件還允許過濾，排序和分頁。
wpDataTables


wpDataTables Lite – WordPress Table PluginAuthor(s): TMS-Plugins
Current Version: 2.0.7 Lite
Last Updated: 2019-03-08
wpdatatables.2.0.7.zip
href="https://wordpress.org/support/view/plugin-reviews/wpdatatables">58%Ratings="https://downloads.wordpress.org/plugin/wpdatatables.2.0.7.zip">20,000+Installs="https://wordpress.org/plugins/wpdatatables/">WP 4.0+Requires
這個插件的開發(fā)人員將這其稱為“數(shù)據(jù)管理器”，人如其名。你不僅可以將大批量數(shù)據(jù)導(dǎo)入WordPress（支持 Excel，CSV，Google電子表格，MySQL查詢，XML，JSON和序列化PHP數(shù)組）， 還可以使用它的表格構(gòu)造器或可視化界面來管理表格。也是可以完全自定義的，不必在有限的設(shè)計(jì)樣式中選擇。 免費(fèi)版功能已經(jīng)足夠滿足基本需求，付費(fèi)版的功能會更強(qiáng)大。
Ninja Tables


Ninja Tables – WP Data Table Plugin for WordPressAuthor(s): WPManageNinja
Current Version: 3.3.0
Last Updated: 2019-03-20
ninja-tables.3.3.0.zip
href="https://wordpress.org/support/view/plugin-reviews/ninja-tables">86%Ratings="https://downloads.wordpress.org/plugin/ninja-tables.3.3.0.zip">20,000+Installs="https://wordpress.org/plugins/ninja-tables/">WP 4.5+Requires
比較出名的一個WordPress表格插件，具有非常豐富的功能，速度也比較快?？梢栽谶@里看一下演示頁面。https://wpmanageninja.com/ninja-tables/use-case/
WP jQuery DataTable


WP jQuery DataTableAuthor(s): biztechc
Current Version: 1.1.1
Last Updated: 2018-12-12
wp-jquery-datatable.zip
href="https://wordpress.org/support/view/plugin-reviews/wp-jquery-datatable">66%Ratingsf="https://downloads.wordpress.org/plugin/wp-jquery-datatable.zip">1,000+Installsef="https://wordpress.org/plugins/wp-jquery-datatable/">3.6.1Requires
一個免費(fèi)易用的輕量級表格插件，支持排序和過濾等
總結(jié)
用干凈，清晰和美觀的表格來展示結(jié)果也不失為一種很好的內(nèi)容方式?；蛟S你不會在WordPress中經(jīng)常用到表格工具，但是從上面可以了解到在WordPress中添加表格也是很容易的事情，可以無痛添加。
參考鏈接：8 WordPress Plugins and Tools for Designing Beautiful Tables