內容簡介
這個外掛可以將內嵌 CSS 插入到網站的 head 中，停用現有的樣式和腳本、延遲載入非首屏樣式，並可套用到單一文章或批量文章。
功能
可套用於任何單一文章/頁面/自訂文章類型
可套用於某特定文章類型的所有文章
可套用於部落格或文章類型的存檔頁面
在列印前會對 CSS 進行最小化處理
可以按名稱取消已經排隊的樣式和腳本
可獨立套用非首屏 CSS
可延遲載入非首屏 CSS
演示
firmcatalyst.com/first-screen-css
使用方法
安裝並啟用外掛
前往 WP-admin 左側的「First Screen CSS」選單項目
新增，填入 CSS
選擇套用至何處以及其他選項
開發
您可以針對您的需求修改程式碼，或在 GitHub 上提出改進意見。程式碼非常透明，有詳盡的註解。
外掛標籤
開發者團隊
原文外掛簡介
This is a professional tool to manipulate enqueued Styles and Scripts on your website; add custom CSS to the first screen and not first screen optionally, choose where to apply. Use it to improve your Core Web Vitals score or just add custom styling.
Features
Control your website’s CSS
Apply changes to individual posts/pages/custom post types
Apply changes to all posts of a specific type
Apply changes to the blog or any post-type archive
Inline, defer, or de-register / disable Styles and Scripts
Edit CSS easily with the CodeMirror visual editor
Automatic CSS minification
Instructions to get CSS
Demo
firmcatalyst.com/first-screen-css
Usage
Install and activate the plugin.
Navigate to “CSS Settings” in the left sidebar of your wp-admin.
Click “Add New” Settincs Set
Input your CSS or adjust the settings.
Choose where to apply the changes and Publish.
Repeat to apply a different set of settings to other posts.
Development
You can customize the code to suit your requirements or suggest improvements on GitHub. The code is transparent and easy to understand.