Kadim Gültekin

<p>Native Custom Fields is a modern WordPress plugin for creating custom content types, meta fields, and options pages using WordPress’ own native component system.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/M_HO8bI1eZA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Instead of shipping a proprietary UI framework or custom database structure, Native Custom Fields leverages WordPress core technologies such as:</p>
<ul>
<li>@wordpress/scripts</li>
<li>@wordpress/components</li>
<li>@wordpress/elements</li>
<li>@wordpress/icons</li>
<li>@wordpress/data</li>
</ul>
<p>This ensures a seamless, future-proof experience that evolves together with WordPress core.</p>
<h4>Why Native Custom Fields?</h4>
<p>Most custom field plugins introduce their own UI systems, internal data storage layers, or hidden configuration post types.</p>
<p>Native Custom Fields follows a different philosophy:</p>
<p>• Uses WordPress native UI components<br />
• Stores configuration in wp_options<br />
• Stores data in postmeta, termmeta, and usermeta<br />
• Does not create unnecessary database tables<br />
• Does not register hidden configuration post types<br />
• Follows WordPress coding standards</p>
<p>The result is a clean, lightweight, and maintainable solution.</p>
<h4>Key Features</h4>
<ul>
<li>Register Custom Post Types</li>
<li>Register Custom Taxonomies</li>
<li>Import / Export via JSON or PHP</li>
<li>Options Page & Fields Builder</li>
<li>AI Integration with Abilities API & WordPress AI Client</li>
</ul>
<h4>Meta Fields</h4>
<p>Create field groups and attach them to:<br />
* Post Types<br />
* Taxonomies<br />
* User Profiles<br />
* Options Pages</p>
<h4>Supported Components</h4>
<ul>
<li>Input Control</li>
<li>Text Control</li>
<li>Number Control</li>
<li>Select Control</li>
<li>Checkbox Control</li>
<li>Radio Control</li>
<li>Textarea Control</li>
<li>Range Control</li>
<li>Toggle Control</li>
<li>Color Picker</li>
<li>Color Palette</li>
<li>Date Picker</li>
<li>DateTime Picker</li>
<li>Time Picker</li>
<li>Unit Control</li>
<li>Angle Picker Control</li>
<li>Alignment Matrix Control</li>
<li>Border Box Control</li>
<li>Border Control</li>
<li>Box Control</li>
<li>Toggle Group Control</li>
<li>Combobox Field</li>
<li>Font Size Picker</li>
<li>File Upload</li>
<li>Media Library</li>
<li>Form Token</li>
<li>ExternalLink</li>
<li>Heading</li>
<li>Notice</li>
<li>Text Highlight</li>
</ul>
<p>Custom Components:<br />
* Repeater<br />
* Group</p>
<h4>Developer-Friendly</h4>
<ul>
<li>Built with PSR-4 autoloading</li>
<li>Strict Types compatible</li>
<li>Modern React-based admin UI</li>
<li>Clean and extendable architecture</li>
<li>Import / Export via JSON or PHP</li>
</ul>
<h4>Performance-Focused</h4>
<ul>
<li>Minimum admin UI bloat</li>
<li>Native WordPress components</li>
<li>No redundant database tables</li>
<li>Optimized for long-term maintainability</li>
</ul>
<h3>Credits</h3>
<p>Built using official WordPress packages:</p>
<ul>
<li>@wordpress/scripts</li>
<li>@wordpress/components</li>
<li>@wordpress/elements</li>
<li>@wordpress/icons</li>
<li>@wordpress/data</li>
</ul>
<p>Assets:</p>
<ul>
<li>All images located in the Admin/assets/images folder are self created and are licensed under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication.</li>
</ul>
<p>Composer Packages:</p>
<ul>
<li>PHP DI – Copyright (c) Matthieu Napoli</li>
</ul>
<h3>Source Code</h3>
<p>It is available on GitHub:<br />
* GitHub: https://github.com/Arkenon/native-custom-fields</p>
<h3>Developers</h3>
<p>If you want to contribute to the plugin:<br />
1) Download the source code and run <code>npm install</code> to install the development dependencies.<br />
2) To install composer dependencies, run <code>composer install</code>.<br />
3) Run <code>npm start</code> to start the development server.<br />
4) To build the plugin, run <code>npm run build</code>.</p>


Native Custom Fields – Custom Content Types and Meta Fields

Custom Content Types and Meta Fields built with WordPress native components. Modern, clean, and performance-focused.

WPLake

<p>Display content with full control over selection and layout. Lightweight and compatible with any theme or page builder.</p>
<h3>⭐ Why Choose Advanced Views?</h3>
<p>Advanced Views is a framework that empowers you to create the layouts and selections you need, without bloatware or heavy dependencies.</p>
<p>✅ <strong>Solid by design</strong>: craft modular and reusable layouts. Avoid repetition, style conflicts, and messy code snippets.<br />
✅ <strong>Content-driven</strong>: pull content dynamically, with granular filtering and sorting options, built on top of the native WordPress Query. Master advanced database queries with post fields, taxonomies, and meta values.<br />
✅ <strong>Time-saver</strong>: automate the groundwork and data fetching. Focus on creating while leaving typical routines behind.<br />
✅ <strong>Fully customizable</strong>: directly access the template code to create advanced elements, like Grids and Sliders, and harness your theme styles and scripts.<br />
✅ <strong>Easy to embed</strong>: copy and paste a native WordPress shortcode to add layouts anywhere.</p>
<h3>🧩 Plenty of Use Cases</h3>
<p>Custom fields and Post Types are essential to WordPress. Advanced Views natively supports them – giving you the freedom to pull, mix, and combine them in a common layout.</p>
<p>Popular scenarios include:</p>
<p><strong>Displaying custom fields:</strong></p>
<p>🔹On a single page: to enrich landing page sections<br />
🔹CPT-wide: estimated delivery time for all Products<br />
🔹Site-wide: contact details from the Options page<br />
🔹User-specific: fields of the current user in a custom banner or profile page</p>
<p><strong>Displaying Posts, Products and CPT:</strong></p>
<p>🔹Posts: blog posts from a specific category<br />
🔹WooCommerce: related Products in a grid or carousel<br />
🔹Event lists: Show upcoming events, hide past events<br />
🔹Real Estate listings: properties by location, size, or type<br />
🔹Locations map: display all pick-up location markers on a single map<br />
🔹Reviews and Comments: product reviews or user comments</p>
<h3>🔗 Multiple Content Sources</h3>
<p>Advanced Views is vendor-independent and plugin-agnostic – so it will work with WordPress Posts, WooCommerce Products, and any CPT on your website.</p>
<p>Learn it once and use it everywhere with built-in support for:</p>
<p>🔹All Custom Post Types registered in WordPress<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-1.-wordpress" rel="nofollow ugc">WordPress post fields</a> (title, featured image, author, taxonomy terms…)<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-2.-woocoomerce-plugin" rel="nofollow ugc">Woo Product fields</a> (price, sku, stock status, weight…)<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-3.-advanced-custom-fields-plugin" rel="nofollow ugc">Advanced Custom Fields</a> (whether it’s text, select, image, gallery, repeater or relationship)<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-4.-metabox-plugin" rel="nofollow ugc">MetaBox fields</a> (like map, oEmbed, taxonomy, group… )<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/supported-data-vendors#id-5.-pods-plugin" rel="nofollow ugc">Pods fields</a> (from WYSIWYG, price, date and time… )</p>
<p>You can integrate data from any external source, including API-based, directly into Layouts using snippets.</p>
<h3>🚀 Powerful features</h3>
<p>Whether you’re a developer working on a child theme, a web creator using a page builder, or a tech-savvy website owner, Advanced Views makes the process easier with:</p>
<p>🔹<a href="https://wplake.gitbook.io/advanced-views/templates/file-system-storage" rel="nofollow ugc">Storage options</a>: craft Layouts using the on-site editor, or edit them inside your favourite IDE, with git-friendly templates.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/multilingual" rel="nofollow ugc">Multilingual-friendly</a>: translate any text or label in the Layouts using your favourite tool  (like WPML or Polylang)<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/getting-started/introduction/key-aspects#id-3.3-seamless-data-connection" rel="nofollow ugc">Automatic template validation</a>: keep all the Layouts up-to-date with bulk validation, and get prompted to update the relevant layouts when used meta fields have been changed.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/template-engines" rel="nofollow ugc">Template engine options</a>: opt for the Twig or Blade template engine site-wide, or mix it up and make a per Layout decision.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/css-and-js#id-1.1-just-in-time-assets" rel="nofollow ugc">Just-in-time assets loader</a>: get layout styles and scripts injected just-in-time, on a per-page basis. Make fast page loading and great speed metrics your defaults.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/live-reload" rel="nofollow ugc">Live reload and Dev mode</a>: see live changes to Layouts on the page, and find used layouts without searching.</p>
<h3>📚 Extensive Documentation & Friendly Support</h3>
<p>🔹<a href="https://docs.advanced-views.com/" rel="nofollow ugc">Helpful guides</a>, FAQs, tips, and common use cases with code snippets<br />
🔹Lite users are supported via the public <a href="https://wordpress.org/support/plugin/acf-views/" rel="ugc">wordpress.org forum</a><br />
🔹Pro users get priority support via <a href="https://advanced-views.com/support/" rel="nofollow ugc">our website</a><br />
🔹Actively maintained and tested against the latest WordPress releases</p>
<h3>🔓 Unlock More with Advanced Views Pro</h3>
<p><a href="https://advanced-views.com/pro/#pricing" rel="nofollow ugc">Advanced Views Pro</a> takes your content displays to the next level with extended features:</p>
<p><strong>Layouts get:</strong></p>
<p>🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/meta-fields/layout-fields/repeater-pro" rel="nofollow ugc">Repeater, Group, and Flexible fields support</a> – display complex nested fields — including repeaters within repeaters.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/custom-gutenberg-blocks-pro" rel="nofollow ugc">Gutenberg block option</a> – turn any layout into a Gutenberg block with a single checkbox. Same template with full markup control and zero React coding.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/display-content/front-end-assets-management-pro#supported-libraries-and-field-types" rel="nofollow ugc">Masonry, LightBox, Slider integrations</a> – turn your Repeater or User fields into a slider, Gallery Images into Masonry, or enable LightBox for single images.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/templates/reusable-components-library-pro" rel="nofollow ugc">Reusable components library</a> – reuse existing Layouts on other websites with a single-click Git sync.</p>
<p><strong>Post Selections get:</strong></p>
<p>🔹<a href="https://wplake.gitbook.io/advanced-views/query-content/meta-filters-pro" rel="nofollow ugc">Meta filters</a> – precise post selections with filtering by meta fields: define bindings to URL arguments, current meta values, and more.<br />
🔹<a href="https://wplake.gitbook.io/advanced-views/query-content/pagination-pro" rel="nofollow ugc">Ajax pagination</a> of results: choose between options for load more button, infinity scroll, or page numbers.<br />
🔹Post carousels: turn queried posts into sliders.</p>


Advanced Views – Display Custom Fields (ACF, Pods, MetaBox), Posts, CPT and Woo Products anywhere in Gutenberg, Elementor, Divi, Beaver…


I could not figure out how to display google maps on front end but this plugin made it real simple. Very easy to use.


Makes Posting Google Maps Real Simple

Display content with full control over selection and layout. Lightweight and compatible with any theme or page builder.

Native Custom Fields – Custom Content Types and Meta Fields vs Advanced Views – Display Custom Fields (ACF, Pods, MetaBox), Posts, CPT and Woo Products anywhere in Gutenberg, Elementor, Divi, Beaver…