[WordPress] 外掛分享： Global Styles Mods – WordPress 5.9 fix

前言介紹

  • 這款 WordPress 外掛「Global Styles Mods – WordPress 5.9 fix」是 2022-02-10 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2024-10-11，距離現在已有 205 天。
  • 外掛最低要求 WordPress 5.9 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

webmandesign |

外掛標籤

fix | colors | font size | gutenberg | global styles |

內容簡介

外掛目的

這個外掛程式可以修復 WordPress 5.9 引入的樣式問題。

👍 適合使用外掛程式的情況

✅ 您使用的 WordPress 版本是 5.9 或更新
✅ 您正在使用支援區塊編輯器（Gutenberg）功能的佈景主題，例如預設字型大小和色彩調色盤
✅ 您的佈景主題尚未支援全站編輯（FSE）功能（從報告問題的討論來看，這些問題只影響支援 Gutenberg 的佈景主題，而 FSE 佈景主題應該不會有這個問題）
✅ 在 WordPress 5.9 更新後，您的網站出現了字型大小或色彩問題
✅ 您的佈景主題尚未更新以修復這些問題

✋ 不適合使用外掛程式的情況

您沒有使用 WordPress 5.9 或更新版本
您的佈景主題已更新並修復了問題
您的佈景主題不支援區塊編輯器功能（例如預設色彩調色盤或字型大小）
您的佈景主題是全站編輯（FSE）即準備好的
在更新到 WordPress 5.9 後，您的網站沒有出現任何字型大小或色彩問題

技術資訊

WordPress 5.9 開始將 ！important 規則應用於全局樣式代碼中的 body 選擇器中的 CSS 屬性（CSS 變量）。這會增加全局樣式的優先級，可能會覆蓋來自佈景主題和外掛的樣式。（有關此更改的更多信息，請查看 「Settings, Styles, and theme.json 更新」文章。）

Global Styles Mods 外掛可以通過刪除 ！important 規則和將 body 更改為 :root 選擇器以設置 WordPress CSS 屬性（CSS 變量）從而降低 WordPress 5.9 全局 CSS 樣式的優先級。

此外，它可以提前啟動全局樣式，以便您的佈景主題或外掛樣式表有更好的覆蓋全局樣式的機會。

此修復來自於Gutenberg GitHub 存儲庫的討論中。

原文外掛簡介

Plugin’s purpose
This plugin fixes styling issues introduced in WordPress 5.9.
👍 When to use this plugin

✅ Your WordPress is of version 5.9 or newer
✅ You are using a theme that supports block editor (Gutenberg) features such as preset font sizes and color palette
✅ Your theme does not support full site editing (FSE) feature (from conversation about reported issues it seems they affect Gutenberg-ready themes only and FSE themes should be fine)
✅ You experience font size or color issues on your website after WordPress 5.9 update
✅ Your theme has not been updated to fix these issues

✋ When NOT to use this plugin

You are not using WordPress 5.9 or newer
Your theme was updated and is fixing the issues
Your theme does not support block editor features (such as preset color palette or font sizes)
Your theme is full site editing (FSE) ready
You don’t experience any font size or color issues on your website after updating to WordPress 5.9

Technical info
WordPress 5.9 started applying !important rule and is setting up CSS properties (CSS variables) within body selector in its global styles code. This rises the global styles specificity and may override styles coming from themes and plugins. (For more info about this change check “Updates for Settings, Styles, and theme.json” article.)
Global Styles Mods plugin lowers the specificity of WordPress 5.9 global CSS styles by removing !important rules and changing body to :root selector for setting up WordPress CSS properties (CSS variables).
It also enqueues the global styles early enough so your theme or plugin stylesheet have a better chance to override global styles with minimal effort.
The fix applied is coming from issue conversation in Gutenberg GitHub repository.

各版本下載點

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

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

1.0.0 | 1.1.0 | trunk |

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

  • Accessibility Font Resizer 》你是否希望讓所有訪客都能夠享受你的網站？並非所有訪客能像你一樣查看你的網站。, 這個外掛可以讓你的網站更容易閱讀，並給予訪客在調整字體大小的選項。, ...。
  • Font Size 》這個 WordPress 外掛允許您更改基本 HTML 元素的大小，非常方便易用。想要了解更多關於這個「字型大小」外掛的資訊，請參考 Plugin URI。您可以在 http://seo...。
  • WP-Font-Resizer 》WP-Font-Resizer 是一個外掛，可協助使用者調整字體大小，包括增加或減小字體大小，也可以重設為預設字體大小。。
  • Screen Reader Accessibility 》現在使用文字轉語音外掛程式，讓您的網站立即變得更具可存取性！只需要安裝此外掛程式便可輕鬆達成 WCAG 要求，成為每個具可存取性的網站必備的工具！, 此外...。
  • Text Zoom – WordPress Font Size Plugin by abilitools 》Text Zoom 外掛提供使用者彈性的修改網站文字大小的選項。相較於傳統的瀏覽器縮放功能，此外掛修改文字大小不會改變段落寬度，因此提供使用者更自然、舒適的...。
  • Visual Editor Font Size 》Visual Editor Font Size 可以讓您更改視覺編輯器寫作欄位中的字型大小。, 一旦您安裝了此外掛，您將能夠透過在寫作畫面上方的選框中，增加或減少字型大小。,...。
  • Font Resize With Post Reading Time [GWE] 》這個外掛可以讓你輕鬆地在每個網誌頁面上顯示文章閱讀時間和字型調整選項。, 使用方法 [請仔細閱讀], 要顯示字型調整和文章閱讀時間選項，你不需要做任何事情...。
  • Resize tag cloud 》此外掛允許您在管理面板內調整標籤雲字型大小。, 提供兩個設定選項供調整標籤雲：, , 最小字型大小, 最大字型大小, , 並根據所選設定調整字型大小。。
  • Visual Developer Custom CSS 》Visual Developer 是一種令人驚嘆的方式，透過想像力來自定義任何使用 WordPress 操作的網站。, , 你可以看到所有的內容，節省開發時間，可能會讓你自定義一...。
  • Font Resizer with A+, A, A- 》這款外掛可增加或減小 WordPress 網站的字體大小，使用「A-」、「A」、「A+」按鈕, , 此外掛適用於任何程式碼良好的佈景主題, 支援行動裝置響應式網頁設計, ...。
  • Change font size and color 》這個外掛可以改變網站內的 h1 字型大小和顏色、h2 字型大小和顏色、h3 和 h4 字型大小和顏色、p 字型大小和顏色、連結字型大小和顏色等。非常容易改變整個網...。
  • Text Size Adjust 》總結：, Text Size Adjust 是一個強大的 WordPress 外掛，讓您可以全局配置網站的文字大小。它提供桌面和手機視圖的獨立配置，確保在所有設備上都有最佳的可...。
  • Simple Zoomer 》這個外掛可以增加網頁字體大小以改善閱讀體驗。啟用外掛後，它會自動在「可用小工具」區域顯示一個小工具。。
  • Fontsize Selector Widget 》Font size selection form Plugin by Tradesouthwest是一款使用小工具(widget)在頁面上添加表單的插件，該表單允許用戶使用下拉選擇器選擇文字大小。插件會創...。
  • Font Size Switcher 》「字型大小切換器」是一款簡單易用的外掛程式，可以讓使用者方便地調整文章中的字型大小，包括增大、縮小及還原為預設大小。此外掛會自動放置於文章右上方位置。。

文章
Filter
Apply Filters
Close
Mastodon