[WordPress] 外掛分享： Neurogenesis Styler – Advanced CSS Controls for Native Blocks

WordPress 外掛 Neurogenesis Styler – Advanced CSS Controls for Native Blocks 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Neurogenesis Styler – Advanced CSS Controls for Native Blocks」是 2025-09-26 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-01-06，距離現在已有 51 天。
  • 外掛最低要求 WordPress 6.8 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

mentholinc |

外掛標籤

typography | core-blocks | block-editor | customization | additional css |

內容簡介

總結：Neurogenesis Styler 透過高級設計控制功能擴展了原生的 Gutenberg 區塊，而不是添加新的區塊。這意味著您的網站保持輕量、快速和未來可靠，同時在區塊編輯器內直接獲得專業級的風格選項。

問題與答案：
1. 透過 Neurogenesis Styler 外掛可以做什麼？
- 可以使用豐富的視覺工具，設計你已經熟悉的區塊如標題、段落、群組、列、圖像等，而無需添加定製區塊。
2. Neurogenesis Styler 提供哪些高級風格功能？
- 文字風格：字型、粗細、大小、行高、字母間距和文字陰影。
- 背景風格：色彩、漸變或圖像。
- 邊框風格：邊框和半徑控制。
- 像素完美的間距控制：調整邊距和填充。
- 視覺效果：陰影、轉換、不透明度和 Z 軸分層。
- 彈性區塊大小：控制寬度、高度、最小/最大限制和響應大小。
- 简化的響應式設計：針對桌面、平板和手機設計不同樣式。
- 互動悬停狀態：應用悬停樣式（色彩、邊框、陰影、背景）以獲得引人注目的效果。
- 模板編輯：將相同的設計效果應用於模板和模板部分，實現一致的、整個站點的設計。
3. 如何查看 Neurogenesis Styler 的源代碼？
- 此外掛使用 JavaScript 和 SCSS，編譯為位於 /assets/dist/ 目錄中的生產就緒文件。原始、可讀的源代碼包含在 /assets/js 目錄中，開發者可在此處查看、修改或擴展代碼。

原文外掛簡介

Neurogenesis Styler extends the native Gutenberg blocks with advanced design controls-it does not add new blocks.
This keeps your site lightweight, fast, and future-proof while giving you professional styling options inside the block editor.
Design with the blocks you already know-headings, paragraphs, groups, columns, images, and more-now with richer visual tools. No custom blocks, no theme lock-in, no clutter.
Typography
Custom fonts, weights, sizes, line heights, letter spacing, and text shadows-responsive by default.
Backgrounds
Colors, gradients, or images, layered for depth.
Borders & Radius
Width, style, and color per side or globally.
Spacing Controls
Margin and padding for desktop, tablet, and mobile-no CSS.
Visual Effects
Shadows, transitions, opacity, z-index.
Block Sizing
Width, height, min/max, all responsive.
Hover States
Dynamic colors, borders, shadows, backgrounds.
Template Editing
Style templates and template parts for Full Site Editing themes.
With Neurogenesis Styler, Gutenberg feels complete-design modern, responsive sites without adding a single new block.
Roadmap and Future Plans
We are committed to making Neurogenesis Styler the best tool for styling native Gutenberg blocks. Here is what we’re actively working on for upcoming releases:
View generated CSS by section, so you can inspect easy all the properties.
Background Blend Modes: Giving designers even more creative control over layered background images and colors.
Custom Font Provider Integration: Expanding support for popular custom font services.
Source Code
This plugin uses JavaScript and SCSS, which are compiled into the production-ready files in the /assets/dist/ directory.
The original, human-readable source code is included in the /assets/js directory.
The build configuration for this plugin is included in package.json.txt. Rename it to package.json before npm install. Developers can review, modify, or extend the code from there.
Build Instructions

Make sure you have Node.js and npm installed.

From the plugin root, install dependencies:
npm install

To build the production assets:
npm run build

For development with automatic rebuilds on file changes:
npm run start

各版本下載點

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

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

0.1.0 | 0.1.1 | 0.2.0 | 0.3.0 | 0.4.0 | trunk |

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

  • Adminimize 》如果您管理多位作者的 WordPress 博客或為客戶管理 WordPress 網站，您可能會想知道是否有可能清理 WordPress 管理區域以便您的用戶使用？WordPress 管理區域...。
  • Favicon Rotator 》Favicon Rotator 外掛能夠讓您輕鬆客製化您網站上的圖示。只需透過管理頁面新增 favicon，並在每次訪客訪問您的網站時展示。, 亮點, , 新功能：為觸控裝置（A...。
  • Custom Login 》Custom Login 3.0比2.0版本快200%，4.0版本現在更好！, 了解更多信息，請訪問官方的Custom Login頁面。, , 支援, 奧斯汀和Frosty Media團隊將盡力支援WordP...。
  • YITH Custom Login 》安裝這個外掛，改變 WordPress 登入的預設風格。為您的網站登入頁面設置漂亮的風格，並根據您的風格進行自定義！, 完整的文檔在這裡提供。, 安裝, 一旦您安裝...。
  • Ultrapress 》lugins you need are not compatible with each other, which is why Ultrapress was developed. It is a suite of tools designed for WordPress developers...。
  • Customize My Account Page For WooCommerce 》### WooCommerce 我的帳戶頁面自定義, , - **修改 WooCommerce 預設端點：**, - 輕鬆修改或停用預設 WooCommerce 端點：控制台、訂單、下載、地址、付款...。
  • Admin Customizer 》這個外掛程式允許您自定義 WordPress 網站的管理介面，這個單一外掛程式提供多種選項。, 功能, , 變更管理頁首的標誌, 自訂管理頁面和登入頁面的 CSS 樣式, ...。
  • WIP Custom Login 》WIP Custom Login 可以讓您自定義 WordPress 的登入區域，您能夠取代管理員 WordPress 徽章、設定背景圖片等等。, , 高級功能。, , 預設外觀, 您可以設定預...。
  • Visual Admin Customizer 》使用可視的點擊式編輯器，隱藏 WordPress 管理區域中的幾乎任何部分。您可以將內容隱藏給所有使用者，或是只隱藏給特定角色的使用者。您還可以為 WordPress ...。
  • WP Colorful Tag Cloud 》WP Colorful Tag Cloud 可以讓您展示一個漂亮的標籤雲，使用不同的顏色。, 顏色是可定制的，取決於標籤的權重（表示發生次數）和大小。, 還有許多其他的自定...。
  • Global Meta Box Order 》這個外掛可以直覺地調節 WordPress 安裝的後台使用者的元框位置和畫面欄位配置。, 功能簡介, , 安裝並啟用外掛, 進入一篇文章、頁面、自訂文章型別或儀表板, ...。
  • Quick Localization (Quick Localisation) 》Quick Localisation 可以在 gettext、gettext_with_context、ngettext 和 ngettext_with_context 上處理鉤子，以便可以輕鬆調整由函式 __、_e、_ex、_n、_nx...。
  • Ultimate Colors 》Ultimate Colors 是一個能夠協助 WordPress 使用者即使沒有程式經驗也能夠改變 WordPress 網站顏色的外掛，它可以與任何主題配合使用並且整合 WordPress 自訂...。
  • Print Science Designer 》此外掛連結 WooCommerce 與 Print Science Designer，讓消費者能夠在網路上設計及客製化商品。使用此外掛需先安裝 WooCommerce。, Print Science Designer 讓...。
  • Easy Genesis (formerly Genesis Simple Customizations) 》Easy Genesis 外掛可讓您在不需編寫自訂程式碼的情況下，對 Genesis 主題框架驅動的網站做許多自定義和設置修改。您必須使用 Genesis 主題框架的 2.2 或更高...。

文章
Filter
Mastodon