前言介紹
- 這款 WordPress 外掛「SSP Stacktable Tables」是 2017-03-12 上架。
- 目前有 50 個安裝啟用數。
- 上一次更新是 2024-12-04，距離現在已有 150 天。
- 外掛最低要求 WordPress 3.3 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
mobile | tables | responsive | Stacktable | responsive tables |
內容簡介
這是一個相當簡單的外掛，可將在手機螢幕上過寬的表格折疊成三種「堆疊式」檢視之一。
這個外掛的主要功能是來自 John Polacek 的 jQuery Stacktable 外掛，你可以在這邊查看：
http://johnpolacek.github.io/stacktable.js/
我對 jQuery Stacktable 外掛並無任何功勞，全部功勞歸於 John！
這個 WordPress 外掛的全部功能只是在你指定的頁面排列 Stacktable 腳本，然後使用一小段 javascript 在你選擇的所有頁面上套用 Stacktable 腳本。你也可以停用內建的 CSS 範例，以便放置你自己的 CSS 樣式在主題中，以指定你自己的行動裝置斷點和任何其他修改。
版本 1.0.0 新增了在任何頁面上使用簡碼排列腳本的功能。你可以指定 type 和 class 屬性，以及 head index 和 show header 屬性。
「type」屬性可以是三種顯示類型中的一種：stacktable、cardtable、stackcolumns。預設檢視是 stacktable。
「class」屬性允許你為手機檢視周圍的包裝 div 指定一個類別，以使你更輕鬆地進一步調整 CSS。
「headindex」屬性允許你指定表頭行索引 (從 0 開始)，以防表頭行不是表格的第一行。
「showheader」屬性可以有 「yes」或「no」的值，預設值是「yes」。這用於指定是否要在使用預設的 stacktable 顯示類型時顯示標題 (不用於其他兩種顯示類型)。
使用默認選項的簡碼為：[stacktable]
完整簡碼範例：[stacktable type="cardtable" class="myClass" headindex="0" showheader="yes"]
請注意，當螢幕寬度大於在 CSS 中指定的行動裝置斷點時，此外掛將對表格沒有影響。
功能：
使用 John Polacek 的 jQuery Stacktable 外掛修改表格，以使它們在行動裝置上顯示得很好。
選擇要在哪些頁面上排列腳本。它會套用到那些頁面上的所有表格。
在版本 1.0.0 中，你也可以在任何頁面上使用「stacktable」簡碼來排列 stacktable 腳本，以及指定你想要使用的三種顯示選項之一：stacktable (預設)、cardtable、stackcolumns。
可以停用內建 CSS，以便排列你自己的 CSS 樣式並設定你自己的行動裝置斷點。
附加資訊
這個外掛的主要功能是來自 John Polacek 的 jQuery Stacktable 外掛，你可以在這邊查看：
http://johnpolacek.github.io/stacktable.js/
我創建這個外掛的初始版本是為了使用在我開發的 Volunteer Sign Up Sheets 外掛產生的表格上：https://wordpress.org/plugins/pta-volunteer-sign-up-sheets/，但它被設計地足夠通用，以便可用於 WordPress 網站上的任何表格。針對 WordPress.org 發佈，我增加了一個管理設定頁面，以允許你選擇 Stacktable 腳本中排列的頁面，以及允許你停用檢視的內建 CSS 範例 (也可以停用行動裝置斷點)。
由於我對提供大部分顯示功能的主要 jQuery Stacktable 外掛沒有任何掌控權，所以我將無法支援你在腳本上遇到的任何問題。
原文外掛簡介
This is a fairly simple plugin that will collapse tables that are too wide for mobile screens into one of three “stacked” views.
The main functionality of this plugin is provided by the jQuery Stacktable plugin from John Polacek, which you can view here:
http://johnpolacek.github.io/stacktable.js/
I take no credit for the jQuery Stacktable plugin. That’s all John!
All this WordPress plugin does is enqueue the Stacktable script on the pages you specify in the settings, and then uses a very small piece of javascript to apply the Stacktable script to ALL tables on the pages you select. You can also disable the built-in sample CSS, so that you can put your own CSS for Stacktable in your theme in order to specify your own mobile breakpoint and any other modifications you wish to make.
Version 1.0.0 adds the ability to use a shortcode on any page to queue up the script. You can specify a type and class attribute, as well as head index and show header attributes.
The “type” attribute can one of the 3 display types: stacktable, cardtable, stackcolumns. Default view is stacktable.
The “class” attribute allows you to specify a class for the wrapper div around the mobile view so you can further tweak the CSS more easily.
The “headindex” attribute allows you to specify the header row index (starting from 0), in case your header row is not the first row of the table.
The “showheader” attribute can have values of “yes” or “no”, with “yes” being the default. This is used to specify if you want to show the headers when using the default stacktable display type (not used for the other 2 display types).
The shortcode to use with default options is simply: [stacktable]
Full Shortcode example: [stacktable type="cardtable" class="myClass" headindex="0" showheader="yes"]
Note that this plugin will have no effect on tables when the screen width is above the mobile breakpoint specified in the CSS.
Features:
Modifies tables to display nicely on mobile devices using the jQuery Stacktable plugin from John Polacek.
Select the specific pages you want the script to be enqueued on. It will be applied to all tables on those pages.
Alternately, in version 1.0.0, you can use the ‘stacktable’ shortcode on any page to queue up the stacktable script on that specific page as well as specify which of the 3 display options you want to use: stacktable (default), cardtable, stackcolumns
Can disable the built-in CSS so that you can queue up your own CSS styles and set your own mobile breakpoint
Additional Info
The main functionality of this plugin is provided by the jQuery Stacktable plugin from John Polacek, which you can view here:
http://johnpolacek.github.io/stacktable.js/
I created the initial version of this plugin to use for the tables generated by my Volunteer Sign Up Sheets plugin: https://wordpress.org/plugins/pta-volunteer-sign-up-sheets/, but made it generic enough that it could be used for any tables on a WordPress site. For the WordPress.org release I added an admin settings page to allow you to choose the pages the Stacktable script is enqueued on, and to allow you to disable the sample built-in CSS for the mobile view of the tables (as well as the mobile breakpoint).
Since I did NOT have anything to do with the main jQuery Stacktable plugin that provides the majority of the display functionality, I will not be able to provide support for any issues you have with the script.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「SSP Stacktable Tables」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.0.2 | 0.0.3 | 0.0.4 | 1.0.0 | 1.0.2 |
延伸相關外掛（你可能也想知道）
AMP 》「Page Experience」（PX）是一組排名訊號，包括「核心網頁素質」（Core Web Vitals，CWV），用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具，能...。
Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式，擁有超過150個可自訂選項，讓您擁有22,500種組合選擇！您不需要編寫代碼或知識，只需使用簡單易用的介...。
WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎？需要一個能讓您的手機訪客參與的手機菜單外掛嗎？, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備（智能...。
WPtouch – Make your WordPress Website Mobile-Friendly 》WPtouch是一個 WordPress 插件，為您的 WordPress 網站自動添加一個簡單而優雅的行動版主題，以迎接行動訪客。建議您使用 Google 推薦的 WPtouch，它可以立即...。
WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛，可以讓您在WordPress網站上快速添加高度可定制的響應式菜單，在設置頁面上直接進行自定義，無需任何編碼技能。, 查看實...。
Instant Articles for WP 》該外掛為Facebook即時文章（Instant Articles）新增支援，Facebook即時文章是一種讓發布者在Facebook上展示快速、互動式故事的新手段，文章會預先載入至Faceb...。
Favicon Rotator 》Favicon Rotator 外掛能夠讓您輕鬆客製化您網站上的圖示。只需透過管理頁面新增 favicon，並在每次訪客訪問您的網站時展示。, 亮點, , 新功能：為觸控裝置（A...。
Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
ShiftNav – Responsive Mobile Menu 》ShiftNav 是 WordPress 的一個很棒的行動裝置選單外掛程式。它的外觀和操作方式與像 Facebook、Gmail 等受歡迎的應用程式的本機 App 側邊拉出式選單非常相似...。
Quick Call Button 》✅ 讓網站輕鬆增加快速撥打電話按鈕。, ✅ Quick Call Button 是一款外掛程式，可以添加快速撥打電話按鈕，幫助您的客戶避免輸入電話號碼，並能立即透過您的...。
Mobile Call Now & Map Buttons 》在設備上新增「立即致電」和「導航」按鈕, , 容易自定義列、文字、按鈕顏色和字體, 設置按鈕出現的裝置尺寸範圍, , 請注意, , 🔥 這是一個新的外掛，最近恢復...。
WP Responsive Table 》這個外掛使得在小螢幕上的 HTML 表格可以橫向滾動。它在其自己的容器中橫向滾動，使得顯示在螢幕上的表格可以更加符合螢幕大小。, 特色, , 開箱即用，無需額...。
mobble 》mobble 提供了與您網站相關的手機條件函數，例如 is_iphone()、is_mobile() 和 is_tablet()。, CSS 媒體查詢非常適合創建響應式網頁設計，但它們並不總是提供...。
Definitely allow mobile zooming 》這個小型的外掛會悄悄地新增 viewport meta tag，讓你的使用者能在行動裝置上縮放你的網站而不受限制。如果你在使用自己喜愛的智慧型手機卻發現無法縮放主題...。
WP SiteManager 》WordPress 作為 CMS 的功能價值隨著版本的增加而增加，目前的 3.4 版本充分利用自訂文章類型和自訂分類法的功能，使得創建多樣化的內容成為可能。然而，隨著...。