Title: Modern Fields • Custom Fields for Gutenberg
Author: maximebj
Published: <strong>2026 年 2 月 6 日</strong>
Last modified: 2026 年 5 月 27 日

---

搜索插件

![](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.1.0.2.zip)

 * [详情](https://cn.wordpress.org/plugins/modern-fields/#description)
 * [评价](https://cn.wordpress.org/plugins/modern-fields/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/modern-fields/#installation)
 * [开发进展](https://cn.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.

## 区块

该插件提供了 23 个区块.

 *   Color palette A color palette from the theme.
 *   Checkboxes A checkboxes field for multiple boolean input.
 *   Number A simple number input field.
 *   Toggle A toggle On/Off field for boolean input.
 *   Unit Select a value with a unit.
 *   Relationship Get Modern Fields Pro and unlock the Relationship field.
 *   Button Group A button group field with multiple choices.
 *   Date A date / time input field.
 *   Select A select dropdown field with key/value options.
 *   Email A simple email input field.
 *   Time A time input field.
 *   Textarea A textarea field for longer text input.
 *   Repeater Get Modern Fields Pro and unlock the Repeater field.
 *   Range A range input field.
 *   Spacing Select spacing values for the selected sides.
 *   Border Configure border values.
 *   Image Import or select an image from the media library.
 *   Text A simple text input field.
 *   Rich text A rich text input field with formatting options.
 *   Color picker A custom color picker.
 *   Radio Buttons A radio buttons field with multiple choices.
 *   Multi token A mutli-value input field.
 *   Field value Display any value from a meta field. Brought to you by Modern Fields.

## 安装

 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/f33236201e55e772441f2ff66b53b7796e09dca8cfa5689a4a249aee3418b656?
s=60&d=retro&r=g)

### 󠀁[Very promising!](https://wordpress.org/support/topic/very-promising-70/)󠁿

 [basbuis](https://profiles.wordpress.org/basbuis/) 2026 年 4 月 27 日 1 回复

Usually I work with ACF or ACPT. Today I discovered Modern Fields. It’s a fast plugin
with plenty of possibilities and, big surprise, out-of-the-box integration with 
the Greenshift builder. I couldn’t find a way to render the checkbox field, but 
to be honest, why should I want to show that frontend on a page? Using their field
value block to show a checkbox or multi-value field, the site crashed though…. But
it’s still version 1.0. VERY PROMISING PLUGIN!

![](https://secure.gravatar.com/avatar/1f086c89d1e9686d26c30ed6232878a500d98b163f0caeb45ca0122ac9c54716?
s=60&d=retro&r=g)

### 󠀁[Great product](https://wordpress.org/support/topic/great-product-1222/)󠁿

 [Aurelio](https://profiles.wordpress.org/wplio/) 2026 年 4 月 21 日

Everything is inside the title ! This product is really cool. Thanks to the editor!

![](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!

 [ 阅读所有10条评价 ](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/)。

## 更新日志

#### 1.0.2

 * New: duplicate fields group from the groups list
 * New: filter `modern-fields/permissions` to change the minimum role permission
   to acces the plugin
 * Added connectors with the Pro version
 * Improved some styles for WordPress 7.0
 * Improved the date time field according to choosen format
 * Improved the RichText field to avoid issues in the block editor
 * Improved group list table (DataViews)
 * Improved: specific specific posts & pages selector now shows draft and pending
   posts
 * Harmonized the filters names
 * Fixed meta label in block bindings
 * Fixed a crash when saving settings
 * Fixed fields label and description encoding
 * Fixed default values nto showing in some cases

#### 1.0.1

 * New: added import and export via WP CLI
 * Fixed an issue with scripts loaded outside the plugin pages
 * Fixed image binding in Field value block
 * Fixed issue with default CPT icon
 * Fixed an issue with display mode option in select field
 * Fixed an issue where default fields values didn’t showed up
 * Fixed admin menu appearing in options pages when it shouldn’t
 * Fixed a bug on location selector when invalid location is set

#### 1.0.0

 * Official stable release!
 * Removed beta features
 * Fixed issue with locations in CPT
 * Stability improvements & bug fixes

#### 0.9.1

 * New: JSON sync for Custom Post Types and Taxonomies with the theme

#### 0.9.0

 * New: Register Custom Post Types and Taxonomies from the admin
 * New: Navigation menu between Modern Fields sections

#### 0.8.0

 * New: import / export groups in JSON
 * New: Sync fields with your theme in /mf-json/ folder

#### 0.7.3

 * Added an onboarding popup when creating your first field group
 * Usual roles are pre-selected in location selector
 * Fixed duplicate colors in palette field
 * Fixed RichText overflow in narrow area like inspector
 * Fixed inspector area width
 * Fixed image binding with the field value block

#### 0.7.2

 * Fixed vendor prefixing on composer dependencies

#### 0.7.1

 * Fixed an error with user name in fields list
 * Fixed a potential conflict with the fields blocks and third party blocks
 * Fixed duplicate fields has different unique ids now
 * Fixed default color palette in Modern Fields settings

#### 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.

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**3 天前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 6.8 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  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://cn.wordpress.org/plugins/tags/acf/)[block bindings](https://cn.wordpress.org/plugins/tags/block-bindings/)
   [custom fields](https://cn.wordpress.org/plugins/tags/custom-fields/)[metabox](https://cn.wordpress.org/plugins/tags/metabox/)
   [options](https://cn.wordpress.org/plugins/tags/options/)
 *  [高级视图](https://cn.wordpress.org/plugins/modern-fields/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  10 条 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)

[Your review](https://wordpress.org/support/plugin/modern-fields/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/modern-fields/reviews/)

## 贡献者

 *   [ maximebj ](https://profiles.wordpress.org/maximebj/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/modern-fields/)