[WordPress] 外掛分享： Magic Extra Field Light

WordPress 外掛 Magic Extra Field Light 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Magic Extra Field Light」是 2025-07-08 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-07-09，距離現在已有 232 天。
  • 外掛最低要求 WordPress 5.8 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

loyalcoder |

外掛標籤

elementor | woocommerce | custom fields | product fields |

內容簡介

### 總結：
Magic Extra Field Light 是一個輕量級的 WordPress 外掛，可以使用 Elementor 的介面將自訂欄位新增至 WooCommerce 產品中。適用於在產品頁面添加文字輸入、核取方塊等表單元素。

### 問題與答案：
1. Magic Extra Field Light 是什麼樣的 WordPress 外掛？
- Magic Extra Field Light 是一個輕量級的 WordPress 外掛，可以讓你使用 Elementor 的介面向 WooCommerce 產品新增自訂欄位。

2. 這個外掛的特色有哪些？
- 可以新增自訂欄位至 WooCommerce 產品
- 使用 Elementor 的介面來設計欄位
- 支援文字輸入、核取方塊等
- 欄位在購物車和訂單詳細資訊中顯示
- 輕量快速

3. Magic Extra Field Light 的需求是什麼？
- WordPress 5.0 或更高版本
- WooCommerce 5.0 或更高版本
- Elementor 3.0 或更高版本
- PHP 7.4 或更高版本

4. 在哪裡可以找到 Magic Extra Field Light 的源代碼？
- Magic Extra Field Light 的源代碼存放在 assets/src/js/ (JavaScript) 和 assets/src/css/ (CSS) 資料夾中。
- 編譯/壓縮後的資源位於 assets/dist/ 資料夾中，通過 webpack 從源檔案生成。

5. 使用哪些建置工具來編譯 Magic Extra Field Light 的資源？
- Webpack：用於打包和優化 JavaScript 和 CSS 資源
- npm：用於依賴管理和建置腳本

6. 如果要修改外掛的前端或管理介面，應該採取哪些步驟？
1. 在 assets/src/ 中編輯源檔案
2. 執行 npm run build 來編譯更改
3. 測試您的修改

7. 外掛的源代碼在哪裡可以找到？
- Magic Extra Field Light 的源代碼也可以在 GitHub 上找到：https://github.com/loyalcoder/magic-extra-field-light

原文外掛簡介

Magic Extra Field Light is a lightweight WordPress plugin that allows you to add custom fields to your WooCommerce products using Elementor’s interface. It’s perfect for adding text inputs, checkboxes, and other form elements to your product pages.
Features

Add custom fields to WooCommerce products
Use Elementor’s interface to design your fields
Support for text inputs, checkboxes, and more
Fields appear in cart and order details
Lightweight and fast

Requirements

WordPress 5.0 or higher
WooCommerce 5.0 or higher
Elementor 3.0 or higher
PHP 7.4 or higher

Development Setup
Prerequisites

Node.js (v14 or higher)
npm or yarn
WordPress development environment
WooCommerce installed and activated
Elementor installed and activated

Installation Steps

Clone the repository:
bash
git clone https://github.com/loyalcoder/magic-extra-field-light.git

Navigate to the plugin directory:
bash
cd magic-extra-field-light

Install dependencies:
bash
npm install

Build the assets:
bash
npm run build

Source Code
This plugin uses build tools to generate optimized production assets. The source code for all JavaScript and CSS files is available in the following locations:

JavaScript Source: assets/src/js/ – Contains the original, human-readable JavaScript source files
CSS Source: assets/src/css/ – Contains the original, human-readable CSS source files
Build Configuration: webpack.config.js – Webpack configuration for asset compilation

The compiled/minified assets are located in assets/dist/ and are generated from the source files using webpack.
Build Tools
This plugin uses the following build tools:
* Webpack: For bundling and optimizing JavaScript and CSS assets
* npm: For dependency management and build scripts
To modify the plugin’s frontend or admin interface:
1. Edit the source files in assets/src/
2. Run npm run build to compile changes
3. Test your modifications
The source code is also available on GitHub: https://github.com/loyalcoder/magic-extra-field-light

各版本下載點

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

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

1.0.1 | trunk |

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

  • Advanced Product Fields (Product Addons) for WooCommerce 》Advanced Product Fields (Product Addons) 是一款 WordPress 插件，它可以讓您在 WooCommerce 產品頁面上添加額外的產品選項（表單輸入字段）。無論您想創建...。
  • Product Addons and Product Options With Custom Fields – WowAddons 》### 總結：, WowAddons 是一個新興但有潛力的 WooCommerce 產品附加外掛程式。它可以在產品頁面上新增額外的選項，讓購物者可以創建他們個性化的產品版本。, ...。
  • Product Materials for WooCommerce – MadeOf 》**總結：**, , 大多數 WooCommerce 商店已經使用品牌、分類和標籤來組織產品，但材料呢？Product Materials for WooCommerce - MadeOf 就是為此而生，幫助你...。
  • Luma Product Fields 》### 總結：Luma Product Fields 是一個輕量級的、針對 WooCommerce 的方式，可以在您的商店中添加結構化、可搜尋、可排序的產品規格。這個外掛快速、直覺，專...。
  • PriceWise Calculator Pro – Extra Product Options for WooCommerce 》總結：PriceWise Calculator Pro FREE 讓您可以為 WooCommerce 產品創建基本的價格計算器。使用數字輸入字段、自定公式和自動分配到所有產品來建立計算器。, ...。
  • Arik Product Fields 》<!DOCTYPE html>, <html>, <body>, , <h2>總結：</h2>, <p>Arik Product Fields 是一個功能強大且使用友好的 WooCommer...。

文章
Filter
Apply Filters
Close
Mastodon