Title: Modern Fields • Custom Fields for Gutenberg Author: maximebj Published: 2026 年 2 月 6 日 Last modified: 2026 年 3 月 4 日 --- 搜尋外掛 ![](https://ps.w.org/modern-fields/assets/banner-772x250.png?rev=3455302) ![](https://ps.w.org/modern-fields/assets/icon.svg?rev=3455302) # Modern Fields • Custom Fields for Gutenberg 由 [maximebj](https://profiles.wordpress.org/maximebj/) 開發 [下載](https://downloads.wordpress.org/plugin/modern-fields.0.7.zip) * [詳細資料](https://tw.wordpress.org/plugins/modern-fields/#description) * [使用者評論](https://tw.wordpress.org/plugins/modern-fields/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/modern-fields/#installation) * [開發資訊](https://tw.wordpress.org/plugins/modern-fields/#developers) [技術支援](https://wordpress.org/support/plugin/modern-fields/) ## 外掛說明 Modern Fields brings a visual field builder to the WordPress block editor without sacrificing flexibility. Create reusable field groups, assign them to posts, pages, custom post types, or options screens, and render them with purpose-built Gutenberg blocks & block bindings. No code required! Everything is built with native WordPress APIs so it feels at home in your admin and keeps performance top of mind. ### Highlights * Build field groups visually with native WordPress UI components. * Choose from a growing library of field blocks: text, textarea, toggle, number, range, button group, image, color picker, and more. * Attach field groups to post types, page templates, or options screens with fine- grained location rules. * Manage permissions with role-aware controls for who can edit or manage field groups. * Output field data in templates with a specific meta bindings block. ### What are the advantages of using Modern Fields rather than Advanced Custom Fields (ACF)? ✔ Native controls from the block Editor for a better experience ✔ Design fields groups visually within the block editor ✔ Configure your fields more quickly ✔ More locations to display fields group (modal, panel) ✔ Ready-to-use patterns for stunning options pages ✔ Display fields in your template without code with the Field Value block, no need to code ✔ Use query block to filter results by meta ✔ And more to come in the premium version ## 螢幕擷圖 * [[ * The field group builder with multiple block types. * [[ * An options page powered by Modern Fields. * [[ * The field groups list page * [[ * The block editor showing contextual field blocks alongside content. ## 適用於區塊編輯器 這個外掛提供 21 個可供 Gutenberg/區塊編輯器使用的區塊。 * Time A time input field. * Checkboxes A checkboxes field for multiple boolean input. * Field value Display any value from a meta field. Brought to you by Modern Fields. * Multi token A mutli-value input field. * Range A range input field. * Button Group A button group field with multiple choices. * Rich text A rich text input field with formatting options. * Toggle A toggle On/Off field for boolean input. * Email A simple email input field. * Spacing Select spacing values for the selected sides. * Text A simple text input field. * Unit Select a value with a unit. * Color picker A custom color picker. * Radio Buttons A radio buttons field with multiple choices. * Color palette A color palette from the theme. * Image Import or select an image from the media library. * Border Configure border values. * Textarea A textarea field for longer text input. * Select A select dropdown field with key/value options. * Number A simple number input field. * Date A date / time input field. ## 安裝方式 1. Upload the plugin files to the `/wp-content/plugins/modern-fields` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the **Plugins** screen in WordPress. 3. Navigate to **Modern Fields Field Groups** to create your first group and start adding field blocks. 4. Assign your field group to the desired location and publish it. 5. Edit a post or page that matches your rules to start filling in the fields. 6. Use the Field value block to display a meta in your content or a template. ## 常見問題集 ### Does Modern Fields work with the Classic Editor? Modern Fields is built specifically for Gutenberg and relies on block editor APIs. The classic editor is not supported. ### How do I render field values on the frontend? Use the Field value block to show any value from your fields from the current post, post author or options pages. No code required! It will bind the data to your templates automatically. You can also use these functions in your custom blocks or template:` the_field()` or `get_field()` ### Can I limit who can manage field groups? Yes. Permissions integrate with WordPress roles and capabilities. Only users with the appropriate capabilities can create or edit field groups. ## 使用者評論 ![](https://secure.gravatar.com/avatar/31eaf522bfa4ab0f9b8a4bd2a19ad2f9e45c4d27fd3fba3574294f51d97cf986? s=60&d=retro&r=g) ### 󠀁[Advanced and secured custom fields at the same time! 😏](https://wordpress.org/support/topic/advanced-and-secured-custom-fields-at-the-same-time-%f0%9f%98%8f/)󠁿 [Jason Rouet](https://profiles.wordpress.org/jaz_on/) 2026 年 3 月 26 日 Bold move, I can’t wait to see how this evolves over time. It’s a bit of a change from what I’m used with ACF but it’s a fresh and modern direction. ![](https://secure.gravatar.com/avatar/8a56ebbbb3f532ddb886e8ecb9e864b24aa5d3fdff25dd2854e9b23e436df4f3? s=60&d=retro&r=g) ### 󠀁[Plus facile que les ACF](https://wordpress.org/support/topic/plus-facile-que-les-acf/)󠁿 [proxymis](https://profiles.wordpress.org/proxymis/) 2026 年 3 月 3 日 Enfin une alternative plus compréhensible aux ACFs Super boulot ![](https://secure.gravatar.com/avatar/f1cc044bc6ec6ec7a740d35436b2a06b6e964898ab089dc437a8402c54b404e0? s=60&d=retro&r=g) ### 󠀁[The best ACF alternative for the block editor!](https://wordpress.org/support/topic/the-best-acf-alternative-for-the-block-editor/)󠁿 [Valentin Grenier](https://profiles.wordpress.org/valentingrenier/) 2026 年 2 月 23 日 I was looking for an easy solution to build custom fields using the new Gutenberg component, this solution perfectly fits my needs! Congrats! ![](https://secure.gravatar.com/avatar/2ddcbce19202b3a9ae9913fe2999bed28216f16bf6dd78d096831b8bc2fd20d7? s=60&d=retro&r=g) ### 󠀁[Wow! Finally, a block based ACF alternative](https://wordpress.org/support/topic/wow-finally-a-block-based-acf-alternative/)󠁿 [WPMarmite](https://profiles.wordpress.org/alexandreb3/) 2026 年 2 月 23 日 I’ve been searching for an alternative to ACF that integrates more natively with the Gutenberg editor for a while, and after using one on my first project I can say I’m pleasantly surprised. The workflow feels much more seamless, the editor experience is smoother, and building custom layouts with blocks is a lot more intuitive. Looking forward to testing it on more websites! ![](https://secure.gravatar.com/avatar/c5d3f3fa79e966f40217116ba7efd6e5991ee6ef48758df8d165a21c66b3339b? s=60&d=retro&r=g) ### 󠀁[Very good experience](https://wordpress.org/support/topic/very-good-experience-18/)󠁿 [Thomas Deneulin](https://profiles.wordpress.org/gmulti/) 2026 年 2 月 9 日 I’ve been looking for an alternative to ACF that integrates more natively with the Gutenberg editor for some time now, and I wasn’t disappointed with my first project. It’s looking good. ![](https://secure.gravatar.com/avatar/b78e44ecf778489f45abfe2c79debd1c0a49b393aa463095982172b5cf8286c4? s=60&d=retro&r=g) ### 󠀁[Best alternative to ACF](https://wordpress.org/support/topic/best-alternative-to-acf-2/)󠁿 [Florian Truchot](https://profiles.wordpress.org/truchot/) 2026 年 2 月 9 日 Managing custom fields is very simple. And the rendering for clients is really beautiful! [ 閱讀全部 8 則使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Modern Fields • Custom Fields for Gutenberg〉的開發相關工作。 參與者 * [ maximebj ](https://profiles.wordpress.org/maximebj/) 〈Modern Fields • Custom Fields for Gutenberg〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/modern-fields/contributors) 為這個外掛做出的貢獻。 [將〈Modern Fields • Custom Fields for Gutenberg〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/modern-fields) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/modern-fields/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/modern-fields/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/modern-fields/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/modern-fields/)。 ## 變更記錄 #### 0.7 * new image field option: compact UI * fixed color picker when there are custom colors set in appearance * fixed missing translations in JavaScript #### 0.6 * New fields: checkboxes, radio, select/combobox, multi token and email * More reliable field data structure #### 0.5.5 * Fixed deployment with PHP dependencies #### 0.5.2 * Added wp.org assets #### 0.5.1 * First deploy #### 0.5.0 * Initial beta release. ## 中繼資料 * 版本 **0.7** * 最後更新 **1 個月前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.8 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 8.1 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/modern-fields/) 及 [French (France)](https://fr.wordpress.org/plugins/modern-fields/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/modern-fields) * 標籤 * [acf](https://tw.wordpress.org/plugins/tags/acf/)[block bindings](https://tw.wordpress.org/plugins/tags/block-bindings/) [custom fields](https://tw.wordpress.org/plugins/tags/custom-fields/)[metabox](https://tw.wordpress.org/plugins/tags/metabox/) [options](https://tw.wordpress.org/plugins/tags/options/) * [進階檢視](https://tw.wordpress.org/plugins/modern-fields/advanced/) ## 評分 5 星，滿分為 5 星 * [ 8 個 5 星使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/modern-fields/reviews/?filter=1) [新增使用者評論](https://wordpress.org/support/plugin/modern-fields/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/modern-fields/reviews/) ## 參與者 * [ maximebj ](https://profiles.wordpress.org/maximebj/) ## 技術支援 最近 2 個月解決的問題: 總計 2 個問題，已解決 2 個 [檢視技術支援論壇](https://wordpress.org/support/plugin/modern-fields/)