通用過濾器
頁面
教程分類

WordPress進階表格插件,Ninja Tables 使用教學課程

通用過濾器
Ninja Table 使用教學課程
Ninja Tables 使用教程,Ninja Table Pro可以滿足你對錶格的各種幻想,在WordPress網站上實現各種複雜、高級的表格類型。
文章目錄

本篇文章共1253 字,預計閱讀時間6 分鐘

之前Well有些過一篇有關WordPress表格使用教學課程,足以應付大多數常規表格的應用場景。但如果網站需要使用複雜的表格,例如表格篩選/搜尋、價格表、文章表等,就需要用到更專業的表格插件,本篇文章Well就分享Ninja Table 使用教學。

忍者桌專業版屬於高級插件,需付費購買,Well建站有GPL版Ninja Table Pro下載,價格更便宜。

安裝Ninja Tables插件

在本站下載Ninja Tables Pro插件後,在插件安裝介面點擊“上傳插件”,將下載到的插件壓縮包上傳並安裝↓

上傳的方式安裝Wordpress插件

注意:還需要在WordPress後台外掛下載介面搜尋並安裝Ninja Tables基礎版,共同啟用。

如果提示需要啟動插件,在插件授權許可證介面輸入任意數位啟動即可↓

Ninja Table 授權授權已啟動
Ninja Table 授權許可已激活

建立Ninja Tables表格

在外掛首頁,會提示我們建立表格:

Ninja Table 建立或匯入表格

可以選擇建立一個新的空白表格,或直接匯入CVS表格。

Well首先示範一下直接建立表格

  • 表格類型選擇“Default”
  • Table Title填寫任一標題
  • 最後添加“添加”

再示範如何匯入表格

首先要準備好需要匯入的表格資料↓

再將表格另存為「CSV」格式↓

在Ninja Table導入介面上傳已儲存好的CSV表格

最後點選導入即可。

表格導入成功。

為表格新增數據

如果我們建立的是空白表格,就需要手動為表格新增資料。

首先要為表格新增列(也可以稱之為欄位) ↓

依序填寫列名、列的鍵值和資料類型,最後新增「新增列」。

按需建立好列後,就可以為表格新增資料↓

點選右上角」新增資料」按鈕,依序填寫目前行每一列對應的資料。

填寫好數據後點選「新增」即可。

如何展示表格

Ninja Table可以透過簡碼的方式在各種編輯器裡顯示表格。

每個表格右上角都會顯示目前表格對應的簡碼,點擊即可複製。

在編輯器裡使用時,可以添加簡碼元素,將複製的簡碼貼上即可。

為表格新增篩選

在表格配置介面,選擇自訂篩選,點選「Add New Filter」 ↓

依序填寫篩選的標題、標籤、篩選的類型、篩選哪個欄位。

支援為表格建立多個篩選。

表格樣式設定

在「Table Design」選項卡里,可以對表格進行樣式調整↓

右側調整表格樣式,左側可直接預覽調整後表格的樣式變化。

以上就是本篇文章的全部內容,詳細介紹了Ninja Table Pro插件的安裝和設定教程,可以選擇建立空白表格或匯入資料的方式使用表格。

更多WordPress教學請多關注Well建站

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
提供專業外貿建站服務
WordPress建站資源下載
WordPress 外掛程式下載,合理使用外掛程式豐富網站功能
WordPress伺服器推薦,外貿專用VPS | 虛擬主機教學、評量
WordPress專用VPS、虛擬主機推薦
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們獲得技術支援
相關文章
Google OAuth 2.0 用戶端ID 與Secret 建立教學課程
Google OAuth 2.0 用戶端建立教學課程

這篇文章分享Google OAuth 2.0 用戶端ID 和Secret 建立教學課程,讓你的網站可以安全地存取Google API,讓使用者可以使用Google一鍵登入你的網站!


或者

或者