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。

發佈留言

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

相關文章

UIUX設計師如何因應AI人工智慧的到來

UIUX設計師如何因應AI人工智慧的到來?

在這個快節奏的工作環境裡,UIUX設計師每天都得應對各式各樣的事情,像是處理設計截止日期、應付不斷變化的用戶需求,還有跟上科技的飛速更新。

但是,隨著人工智慧技術的蓬勃發展,我們似乎正站在一個轉捩點:AI的興起即將徹底改變UIUX設計的工作方式和流程。

閱讀全文 »
Adobe firefly Image 3

Adobe Firefly Image 3 : AI創意新境界

AI生成進展飛速,Adobe 在今年四月底 Adobe Max 2024大會上宣佈推出 Firefly Image 3, 這是Adobe自己開發的第三代圖像引擎,生成的能力相比半年前推出的 Firefly Image 2 有了明顯的提升,就讓我們來看看Firefly Image 3有哪些新的特點

閱讀全文 »