Description
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
Screenshots
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.
Blocks
This plugin provides 21 blocks.
- 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.
- 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.
- 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.
- Field value Display any value from a meta field. Brought to you by Modern Fields.
- Multi token A mutli-value input field.
Installation
- Upload the plugin files to the
/wp-content/plugins/modern-fieldsdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the Plugins screen in WordPress.
- Navigate to Modern Fields Field Groups to create your first group and start adding field blocks.
- Assign your field group to the desired location and publish it.
- Edit a post or page that matches your rules to start filling in the fields.
- Use the Field value block to display a meta in your content or a template.
FAQ
-
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()orget_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.
Reviews
Contributors & Developers
“Modern Fields • Custom Fields for Gutenberg” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Modern Fields • Custom Fields for Gutenberg” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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.