Discover all the features

Modern Fields is a custom fields plugin made for WordPress and Gutenberg

Manage your fields in the block editor

With Modern Fields, you build your custom fields right in the block editor. No custom-made interface, just your usual builder.

« Love that the user experience remains consistent. »

Native fields from WordPress

WordPress made its native React fields easy to reuse. When you add a field with Modern Fields, you use the native fields from WordPress.

Columns as easy as a block

You can use the structural blocks like the group, row, columns and even grid blocks to lay out your fields.

Craft beautiful groups

Add some paddings, spacing and colors to your blocks, as you would do to your pages and posts.

A field for every need

Modern Fields comes with a large variety of fields. Classic inputs, selects, theme related controls and advanced fields like relation and repeater.

« The RichText fields is perfect for formatted texts! »

Modern Fields adds new fields in every release! Do you think a field is missing? Do you have an idea for a new awesome field? Reach us!

Text

Repeater

Number

RichText

Textarea

Email

Multi token

Buttons

Radio

Checkbox

Toggle

Range

Select

Date

Time

Image

Palette

Spacing

Unit

Border

Relation

File

URL

And more…

A large variety of fields

The richtext field

Write text and format it with bold, italic, link, color, as if you were in the main editor.

The color palette field

The color palette field is tied to your theme.json file and shows the colors from your theme. But you can customize it if needed!

The image field

Select any image from the media library or import image from your computer. The selected image will have all the responsive attributes for the best performances.

Add fields group anywhere in WordPress

From post metabox to options pages, Mordern Fields offers plenty of location to set your fields groups on.

« The options pages location is a game changer! »

Fields in a post metabox

By default, your fields will be placed in the bottom metabox area, under the editor.

Fields in a sidebar panel

For a cleaner interface, you can put them in an openable sidebar panel so they are visible only when you need.

Fields in a modal

Need more space? Use the modal location to show them in a large modal.

Get more specific with locations

Choose when the fields will show up: specific template, category or tag, other taxonomies, post status… it’s up to you!

Everywhere in WordPress

User profile page, taxonomies page, even media… Add your fields anywhere.

Pixel perfect options pages

Design the perfect options page with the native columns, row, grid, accordion and tab blocks.

Select the position in the menu

Your options page can be a top level item of the WordPress menu or a child of other entries.

Data stored in native tables

Every field is a registered option on the back end and saved on the wp_options table.

The repeater field

Ever need multiple times the same fields? The repeater field is there for you!

The relationship field

In WordPress you can’t link 2 posts together across post types. The relationship unlocks this feature.

Decide when to show fields

Sometimes, you won’t need to show all the fields directly. The conditional logic helps you keep your interface clean.

The conditional logic block

Group fields and whole sections inside a unique conditional logic block so you don’t have to repeat yourself on each field.

One block to display every value

The field value block allows you to display any value from your fields. Just select the value to show, and it’s directly bound to the template.

Values from different sources

The value block is able to see fields from options and post author page. Just choose a value and show it in a template.

New filters to the query loop block

Your fields are automatically added as filters to the Query loop block, so you can filter your results with any custom field values, with no effort and no code.

Or with a little bit of code

You can even go further with a little bit of PHP code via the block hook.

Assign a group to an existing block

Need to add an icon to a button? A missing option to a native block? No problem, we’ve got you covered.

Fields become attributes

With a little bit of code, you’ll be able to add some CSS classes to the block, or even change the rendered HTML to suit your needs.

Start with a custom fields group

Start by defining the fields you’ll need in your block: contents, options, customizations…

Native WordPress PHP blocks

We use the full PHP block declaration introduced in WordPress 7.0, so when you create a block with Modern Fields, you are making a native block!

Inline editing your content

Your contents stays editable as it was a native JavaScript block. Magic? Kind of.

Fields in a sidebar panel

For a cleaner interface, you can put them in an openable sidebar panel so they are visible only when you need.

Fields in a modal

Need more space? Use the modal location to show them in a large modal.

Fields group and options pages can be sexy too!

Offer the best UI to your editors. Insert in one click one of our patterns designed specifically for the fields groups and options pages.

Supercharge your experience now!