WordPress外掛-快速表格建立Ninja Tables Pro

在網頁裡,表格是很重要的元素之一,常拿來做資訊整理的呈現,因此我們經常會看到電商類型的網站,出現商品列表或是產品比較表。

但是,如果想要使用Elementor跟Gutenberg的表格工具來製作表格,就會發現介面不好操作,做好清楚細緻的表格需要花很多時間,況且,還沒有支援RWD,拿到手機上看,真的會慘不忍睹。

直到使用了Ninja Table這個外掛,才完美解決了這些問題,而且還有許多的功能超過我的期待。

Ninja Tables Pro是什麼?

Ninja Tables Pro是專門做表格的外掛,在WordPress外掛評分中擁有4.5顆星的高分,並超過六萬次的啟用安裝數。

假如你的網站是知識型網站或著電商網站以及旅遊網站,常常會需要用到大量的表格的話,非常推薦你使用 Ninja Tables Pro ,來製作表格。

Ninja-tables-pro_banner

(圖片來源:Ninja Table Pro

Ninja Tables Pro主要功能介紹

支援Wordpress post以及Woocommerce

可將WordPress中的文章類型資料或是Woocomerce裡的商品資料,用表格的方式呈現,是Ninja Tables Pro主要創建表格的方法,而在表格上方還可以設置搜尋以及排序。另外提供Bootstrap 3, Bootstrap 4 還有 Semantic UI 的樣式可以套用。

Drag & Drop Table拖拉建置表格

Ninja-tables-pro_支援Wordpress post以及Woocommerce

Ninja Table第二個常用的創建表格方式,若你的表格不是非常的複雜,可以用這個方式,快速拖拉表格出來,而表格的順序以及合併或是套用Style都可以很快速的完成,在手機介面上,也可以開啟響應式功能,呈現最佳化的瀏覽。

Drag & Drop Table拖拉建置表格

快速匯入表格

Ninja Table可從常用的CSV檔案匯入表格,你可以在Excel上做好表格之後直接匯入Ninja Tabel,然後再調整一下外觀以及顏色就可以放在文章當中,另外也可匯入JSON檔。

Ninja Table也可以匯入其它外掛所做的表格,包括:Table Press、Data Tables Generator、Ultimate Tables

快速匯入表格

支援Google Sheet同步更新

Ninja Table可跟GoogleSheet串接,只要將GoogleSheet表單分享在網路上之後,在Ninja Table Pro輸入網址就可以直接匯入。

日後GoogleSheet上的資料如果有更新,都會同步在網頁中,省去重新匯入的動作,超級方便。

RWD響應式表格

以往我們在電腦螢幕上看到的表格,到了網頁,不是太大就是變形,但是用Ninja Table製作的表格,可以調整成在手機上呈現最佳化的瀏覽,省去了還要做另一個表格在手機上呈現的麻煩。

支援短代碼

非常的方便,做好表格後,只要複製短代碼,就可以貼在文章任何的區段裡面,帶入表格,而且不管用哪個網頁編輯器都有支援。

Ninja Table Pro付費版本

Ninja Table也提供付費Pro的版本,支援以下幾個功能

Advanced Table (legacy):如果你對進階功能有需求和講求更好的SEO的話,就可以考慮使用。

篩選(Filters):若表格上方設置篩選條件

Table Configuration:可用拖拉的方式,設定表格列的順序

Table Design: 預覽手機、平板、電腦的排列形式,也可套用設計表格外觀、顏色等

Custom CSS/JS:客製化CSS/JS寫入

Frontend Editing:前端使用者根據使用者角色新增、編輯和移除紀錄 (少用)

結論:

雖然市面上還有許多表格的外掛可以使用,但若是你的網站是電商網站或是旅遊類網站,需要製作大量的產品表格說明的話,這時候Ninja Tables Pro就非常適合你。

Ninja Table Pro統一管理所有的表格在同一個介面,我們不用費心的去各個網頁維護表格,只需要在同一個地方管理,這可以幫你省了大量的時間,所以一定要來試試Ninja Table Pro。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

Figma Config 2024

Figma 2024 Config 年會-改版內容解析

剛剛結束的Figma Config 2024 年度發表大會,讓人留下了許多的驚喜。

從軟體操作介面全面的更新-UI3,加入現在最火熱的AI生成,以及新的功能Figma Slide簡報,都可以更好的幫助設計師在工作流程以及協作上,達到更好的效率。

閱讀全文 »
2024年獲得UI/UX工作的6個關鍵

2024年獲得UI/UX工作的6個關鍵

現在因為大環境的關係,企業用人偏向比較保守,相對的來說UIUX設計師的職缺或是薪水也回到了一個平均值。

在這樣環境下,如果你想做一名UI/UX設計師或是產品設計師,該怎麼做才能脫穎而出,找到理想的工作呢?

以下我們將一起探討2024年你可以採取的6個關鍵方法,幫助你更有效率的順利找到工作。

閱讀全文 »