內容簡介
總結：Hero Section for Block Editor 是一個輕量級的 WordPress 外掛，讓您可以直接在古騰堡編輯器內創建乾淨、響應式的主英雄區段。
問題與答案：
1. Hero Section for Block Editor 的主要功能有哪些？
- 提供完全響應式的主英雄區段。
- 背景圖像可從媒體庫中選擇。
- 自定義標題和描述。
- 支援呼籲動作按鈕。
- 輕量且性能友好。
- 具備 SEO 友好的結構。
- 沒有外部或遠程依賴。
2. Hero Section for Block Editor 使用了哪些工具進行開發/構建？
- 使用現代 JavaScript 工具，遵循 WordPress 區塊開發標準。
- 原始、易讀的原始碼位於 src/ 目錄中。
- 構建指令：
1. 確保已安裝 Node.js 和 npm。
2. 運行 npm install 以安裝依賴項。
3. 運行 npm run build 以生成 build/ 目錄中的生產文件。
- 使用的工具：
1. React / JSX
2. @wordpress/scripts (Webpack, Babel)
外掛標籤
開發者團隊
② 後台搜尋「Hero Section for Block Editor」→ 直接安裝（推薦）
原文外掛簡介
Hero Section for Block Editor is a lightweight WordPress plugin that allows you to create clean, responsive hero sections directly inside the Gutenberg editor.
The plugin is designed to follow WordPress best practices and integrates seamlessly with the block editor, making it easy to add hero banners with headings, background images, and call-to-action buttons without writing any code.
All images are selected from the WordPress Media Library, ensuring compatibility with WordPress.org plugin guidelines.
Key Features
Fully responsive hero sections.
Background images selected from the Media Library.
Custom headings and descriptions.
Call-to-action button support.
Lightweight and performance-friendly.
SEO-friendly structure.
No external or remote dependencies.
Development / Build
This plugin uses modern JavaScript tooling and follows WordPress block development standards.
Source Code
The original, human-readable source code is located in the src/ directory.
Build Instructions
Make sure Node.js and npm are installed.
Run npm install to install dependencies.
Run npm run build to generate the production files in the build/ directory.
Tools Used
React / JSX
@wordpress/scripts (Webpack, Babel)
