[WordPress] 外掛分享： Studio Noir Custom Page Styles

前言介紹

  • 這款 WordPress 外掛「Studio Noir Custom Page Styles」是 2026-01-05 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-02-10，距離現在已有 16 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

studionoir |

外掛標籤

css | custom css | file upload | page styles | reusable css |

內容簡介

總結：Studio Noir Custom Page Styles 讓您可以在個別的頁面和文章中添加自定義的 CSS，並能夠在多個頁面之間重複使用風格。

問題與答案：
1. 這個外掛的主要功能是什麼？
- 可以在個別的頁面和文章中直接編寫自定義 CSS。
- 可以在其他頁面上重複使用現有的風格。
- 可以自動生成 CSS 檔案以提升效能。
- 可以選擇啟用哪些文章類型。
- 符合安全和 WordPress 編碼標準。

2. 這個外掛適合什麼用途？
- 可以為登陸頁面添加獨特設計。
- 可以自訂個別的部落格文章。
- 可以管理特定頁面風格，而不使主樣式表過度膨脹。
- 可以在多個頁面之間重複使用共同的風格模式。

3. 如何使用這個外掛？
- 編輯任何頁面或文章。
- 在「Custom Page Styles」的元數框中找到。
- 編寫您的自定義 CSS 或選擇一個現有的風格。
- 發佈並查看您的風格效果！

原文外掛簡介

Studio Noir Custom Page Styles allows you to add custom CSS to individual pages and posts, with powerful features for reusability and file management.
Key Features

Write custom CSS directly in the page/post editor
Upload CSS and JavaScript files
Select unlimited existing styles with drag & drop reordering
Choose header or footer loading for JavaScript files
Automatically generates CSS files for better performance
Choose which post types to enable
Secure and WordPress coding standards compliant

Perfect For

Adding unique designs to landing pages
Customizing individual blog posts with external libraries
Managing page-specific styles without bloating your main stylesheet
Reusing common style patterns across multiple pages
Adding JavaScript effects and animations to specific pages

How It Works

Edit any page or post
Find the “Custom Page Styles” meta box
Upload CSS/JS files, select existing styles, or write custom CSS
Reorder styles by drag & drop to control load order
Publish and see your styles in action!

Load Order
Styles are loaded in the following order for maximum flexibility:

Selected styles (base templates)
Uploaded files (libraries and frameworks)
Direct CSS (final adjustments and overrides)

各版本下載點

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

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

1.0.0 | 1.1.1 | trunk |

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

  • File Upload Types by WPForms 》WordPress 檔案上傳類型外掛, 您是否希望您的 WordPress 網站接受更多類型、更自由地上傳檔案？我們創建了『File Upload Types』外掛，讓任何人都可以輕鬆地...。
  • File Uploads Addon for WooCommerce 》「WooCommerce檔案上傳插件」(File Uploads Addon for WooCommerce) 是一款提供WooCommerce用戶在購物時上傳自定義圖像檔案的插件。用戶可以從WooCommerce產...。
  • Shared Files – Frontend File Upload Form & Secure File Sharing 》請注意，以下為 WordPress 外掛的翻譯：, , 一個可以分享檔案的下載管理外掛，就像 Dropbox、Google Drive 或 OneDrive 一樣！具備前端檔案上傳、FTP 上傳、...。
  • WooCommerce My Account Widget 》WooCommerce 我的帳戶小工具可讓商店經理在小工具中顯示客戶資訊。, 此外掛相容於 WordPress 5.6（及之後版本）和 WooCommerce 3.5（及之後版本）。, 功能, ,...。
  • File Upload For WPForms – Filenzo 》給 WPForms 增加了自訂檔案上傳欄位外掛，讓使用者可以透過前端表單上傳檔案（例如 PDF、圖片、文件），限制檔案類型和大小，安全地存儲上傳的檔案到 WordPre...。
  • Upload Fields for WPForms – Drag and Drop Multiple File Upload, Image Upload, and Google Drive Upload for WPForms 》WPForms 的上傳欄位外掛程式 "Upload Fields for WPForms"，可以讓您在表單中加入拖放式多檔案上傳、圖片上傳、以及 Google Drive 上傳欄位。, 功能概要, 拖...。
  • ACF Dropzone 》啟用 ACF 的圖像、檔案和相簿欄位的拖曳上傳功能。, 支援的欄位, , 圖像欄位, 檔案欄位, 相簿欄位（僅限 ACF PRO）, , 使用方法, 在 ACF 欄位編輯器中勾選「...。
  • Upload Any MIME Types – Support SVG, JSON, APK, TTF, and others 》總結：「Upload Any MIME Types」是一個強大的外掛程式，允許上傳通常受限制的格式，如SVG、EXE等，提供了完整的控制權，安全且高效地擴展WordPress的文件類...。
  • Frontend Dashboard Extra 》, 注意事項, 這是 Frontend Dashboard 的插件之一，因此必須安裝 Frontend Dashboard 才能使用此插件。, , Frontend Dashboard Extra WordPress 外掛是 Front...。
  • Customizable File Upload Form with Backend Cloud Storage 》這是一個檔案上傳表單及雲端儲存的 WordPress 外掛，提供網站接收來自訪客的文件、照片、影片、列印作品或其他大型檔案，以一種方便、可自訂和安全的方式。 ,...。
  • Checkout Fields and File Upload for WooCommerce 》```html, <!DOCTYPE html>, <html>, , <body>, , <p>以下是「Checkout Fields and File Upload for WooCommerce」的介紹：</p>...。
  • WP Media File Type Manager 》Seerox為您帶來另一個令人興奮的外掛程式。此外掛可以讓您管理媒體庫中的不同檔案類型，因此如果您想出於安全考慮啟用/禁用媒體庫中的特定檔案類型，使用此外...。
  • WP Dropzone 》可以使用 WP Dropzone 將 Dropzone 整合到 WordPress 網站中。 WP Dropzone 允許您從任何帖子/頁面將文件上傳到 WordPress 媒體庫。它具有大量的選項和功能。...。
  • Uploadcare File Uploader and Adaptive Delivery (beta) 》Uploadcare 是一個全方位的媒體上傳、儲存、管理和傳送解決方案，可以打破許多 WordPress 媒體庫的限制。您可以從各種來源（包括社交媒體和雲服務）上傳大型...。
  • Filestack WP Upload 》使用 Filestack WordPress 上傳外掛後，你或你的使用者可以直接從本地硬碟和雲端硬碟（包括 Facebook、Instagram、Google Drive、Google 圖片搜索、Google 相...。

文章
Filter
Apply Filters
Close
Mastodon