[WordPress] 外掛分享： Make Tables Responsive

WordPress 外掛 Make Tables Responsive 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Make Tables Responsive」是 2017-11-06 上架。
  • 目前有 5000 個安裝啟用數。
  • 上一次更新是 2025-04-14，距離現在已有 19 天。
  • 外掛最低要求 WordPress 3.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.3.6 以上。
  • 有 31 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！

外掛協作開發者

nnikolov |

外掛標籤

mobile | tables | responsive |

內容簡介

這款 WordPress 外掛能夠自動使您在文章、頁面和小工具中所使用的 HTML 表格適應不同的設備，以手機為主要考量，裝置螢幕較小時，表格會以兩欄的新布局呈現。第一欄將為第一列的資料（欄位名稱），第二欄則是其他列的資料。

WordPress 外掛展示

Demo of Make Tables Responsive

非 WordPress 網站的 HTML 和 CSS 示範

Make Tables Responsive – HTML and CSS example for Non-WordPress sites

特點

適用於文章、頁面的內容，以及文字/HTML 小工具
選擇要影響的螢幕尺寸
選擇偶數和奇數行的儲存格背景和邊框顏色
可透過 HTML 的類別或 ID 停用某些表格
可透過文章或頁面的 ID 啟用或禁用功能

優點 🙂

完全自動化
不會更改資料庫中實際的文章或頁面內容
藉由停用外掛即可輕鬆回復變更
前端無需使用 jQuery 或 JavaScript

缺點 🙁

第一列必須包含欄位名稱
忽略具有合併儲存格的表格
忽略包含表格的文章或頁面
在多列表格中，只有某些欄位使用 "th" 標籤時，不會適用於所有列
在可回應版本中顯示時，將從具有欄位名稱的儲存格中移除 HTML 代碼（作為左側欄位）

原文外掛簡介

Automatically makes the HTML tables in your WordPress posts, pages, and widgets responsive (mobile-friendly). Devices with a small screen will see the tables in a new layout with two columns. In the first column will be the data from the first row (the column names), and in the second column will be the data from the other rows.
WordPress Plugin Demo

Demo of Make Tables Responsive


HTML and CSS Demo for Non-WordPress Sites

Make Tables Responsive – HTML and CSS example for Non-WordPress sites


Features

Affect post/page content, excerpts, category descriptions, and text/HTML widgets
Choose affected screen size
Choose the cell background and border color for even and odd rows
Disable for tables by HTML class or ID
Disable or enable only for posts and pages by ID

Pros 🙂

Fully automatic
Does not change the actual post/page content in the database
Easily reverse changes by deactivating the plugin
No jQuery or JavaScript on the front-end

Cons 🙁

The first row must contain the column names
Skips tables with merged cells
Skips posts/pages with tables inside tables
Skips multi-row tables when only some columns use “th” tags
In multi-row tables, HTML code is stripped from the cells with the column names, when displayed in the responsive version (as the left column)

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Make Tables Responsive」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.1.0 | 1.1.1 | 1.1.2 | 1.2.0 | 1.3.0 | 1.3.1 | 1.4.0 | 1.4.1 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.5.5 | 1.5.6 | 1.5.7 | 1.5.8 | 1.5.9 | 1.6.0 | 1.6.1 | 1.7.0 | 1.8.0 | trunk | 1.5.10 |

延伸相關外掛（你可能也想知道）

  • 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 版本充分利用自訂文章類型和自訂分類法的功能，使得創建多樣化的內容成為可能。然而，隨著...。

文章
Filter
Apply Filters
Close
Mastodon