Codeideal Open Fields
Codeideal Open Fields lets you add custom fields to posts, pages, custom post types, taxonomies, and users. The admin interface is built with React and TypeScript — fast, responsive, and intuitive.
All features are free. No premium tier. No locked functionality.
Quick Start
get_field( 'my_field' ) — retrieve any field value.
the_field( 'my_field' ) — echo a field value directly.
Template Examples
Simple field:
<?php echo esc_html( get_field( 'subtitle' ) ); ?>
Repeater loop:
<?php while ( have_rows( 'team_members' ) ) : the_row(); ?>
<h3><?php the_sub_field( 'name' ); ?></h3>
<p><?php the_sub_field( 'role' ); ?></p>
<?php endwhile; ?>
User field (with prefix):
<?php echo esc_html( get_field( 'company', 'user_' . $user_id ) ); ?>
Full API reference and guides: openfields.codeideal.com/docs
ACF-Compatible API
If you know ACF, you already know Open Fields. The template API uses the same function names:
get_field()/the_field()get_fields()/update_field()/delete_field()have_rows()/the_row()/get_sub_field()/the_sub_field()get_row()/get_rows()/reset_rows()/get_row_index()get_field_object()/get_sub_field_object()
When ACF is also active, these wrappers are not loaded — no conflicts. Both plugins store data as standard WordPress meta, so they can coexist.
Every function also has a prefixed version (e.g. cofld_get_field()) that is always available regardless of other plugins.
Field Types
- Basic: Text, Textarea, Number, Email, URL, Password
- Choice: Select, Checkbox, Radio, Switch
- Date & Time: Date, Time, DateTime, Color Picker
- Media: Image, File, Gallery
- Content: WYSIWYG Editor, Link
- Relational: Post Object, Taxonomy, User
- Layout: Repeater, Group
Location Rules
Assign field groups to:
- Post types (including custom post types)
- Page templates
- Post status / format / category
- Taxonomy terms
- User roles
Source Code
The admin JS and CSS are compiled from TypeScript/React source. All other files are uncompressed.
- Source repo: github.com/novincode/openfields
- Admin source: admin/src/
- Build:
pnpm install && pnpm build(Vite + TypeScript)