Codeideal Open Fields

Deskripsyon

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)