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>
<h4>Content Types</h4>
<ul>
<li>Register Custom Post Types</li>
<li>Register Custom Taxonomies</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 (Pro)</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 (Pro)</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.

oceanwp

Amit Singh

Marko OceanWP

<p>Ocean Extra adds extra features and flexibility to the <a href="https://oceanwp.org/" rel="nofollow ugc">OceanWP</a> theme for a turbocharged experience.</p>
<p>Build any type of a professional looking website without any coding knowledge and by controlling every aspect of it with ease. With Ocean Extra you’re in command and have full authority over available features and options.</p>
<p>👉 <a href="https://oceanwp.org/core-extensions-bundle/" rel="nofollow ugc">Ocean Core Extensions Bundle</a><br />
👉 <a href="https://oceanwp.org/demos/" rel="nofollow ugc">Ocean Full Website Templates</a><br />
📘 <a href="https://docs.oceanwp.org/" rel="nofollow ugc">Documentation</a><br />
🎬 <a href="https://www.youtube.com/@OceanWP" rel="nofollow ugc">Video Tutorials</a></p>
<p>💙 Join the <a href="https://www.facebook.com/groups/oceanwptheme" rel="nofollow ugc">official OceanWP Facebook community</a> and always be up to speed with the latest news.</p>
<p>Check out the video when Ocean Extra’s Theme Panel received a makeover to become OceanWP Panel and an overview of its capabilities <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/twUc0rHnBo0?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>
<p>Ocean Extra is a 100% free WordPress plugin that enriches your website building experience by adding extra features to the OceanWP free theme. Save time and effort, and reduce the need for additional plugins or custom codes.</p>
<p>Everyone deserves a polished website with expert features, and so do you.</p>
<p>🔥 <a href="https://oceanwp.org/core-extensions-bundle/" rel="nofollow ugc">Check out the Premium Features</a> for additional power, energy and ability.</p>
<h3>Copyright</h3>
<p>Ocean Extra, Copyright 2016-2025 OceanWP LLC<br />
Ocean Extra is distributed under the terms of the GNU GPL.</p>
<p>Ocean Extra uses the following third-party resources:</p>
<p>Font Awesome Fonts, Copyright Fonticons, Inc.<br />
License: SIL OFL 1.1 License – https://scripts.sil.org/OFL<br />
Source: https://fontawesome.com/</p>
<p>Font Awesome Icons, Copyright Fonticons, Inc.<br />
License: CC BY 4.0 License – https://creativecommons.org/licenses/by/4.0/<br />
Source: https://fontawesome.com/</p>
<p>Font Awesome Code, Copyright Fonticons, Inc.<br />
License: MIT License – https://opensource.org/licenses/MIT<br />
Source: https://fontawesome.com/</p>
<h3>Features</h3>
<p>Features listed below are just a fraction of the most significant Ocean Extra possibilities:<br />
* Host Google fonts locally<br />
* Adobe Fonts integration<br />
* Custom templates support<br />
* Individual page / post control<br />
* Freemium website templates import<br />
* WordPress widgets<br />
* Mega Menu<br />
* Menu icons<br />
* Various shortcodes<br />
* Customizer sections control<br />
* Customizer search<br />
* Customizer reset<br />
* Customizer styling import / export<br />
* Integration<br />
* Extra settings<br />
* Admin settings<br />
* Website preloader<br />
* Premium licenses panel & more</p>
<h4>HOST GOOGLE FONTS LOCALLY</h4>
<p>1-click solution, no font upload required. (Any Google font you apply from the Customizer)[https://docs.oceanwp.org/article/808-host-google-fonts-locally] will load from your site automatically, making your website faster and GDPR friendly in an instant. This feature also supports the Elementor page builder and Google fonts applied through it.</p>
<h4>ADOBE FONTS INTEGRATION</h4>
<p>Add Adobe Fonts (Typekit) to your OceanWP theme. The (integration supports Adobe fonts usage)[https://docs.oceanwp.org/article/849-how-to-add-adobe-fonts-typekit] with the OceanWP theme and plugins (Customizer), as well as Elementor.</p>
<h4>CUSTOM TEMPLATES SUPPORT</h4>
<p>Create as many templates as you like, using any page builder you want, including Gutenberg. Create and apply a custom header or footer directly through the Customizer. Display custom templates using shortcodes, hooks or even custom codes.</p>
<h4>INDIVIDUAL PAGE / POST CONTROL</h4>
<p>This feature is enabled through the metabox settings and gives you full control over every page or post on your website independantly from your global Customizer settings. For example, you can apply a different page layout or a custom sidebar; you can enable or disable the Header, Top Bar, Page Title, Footer Widgets, Footer Copyright. You can apply a different navigation menu, header style, page title style, play with colors, custom titles, apply templates through shortcodes and much, much, much more.</p>
<h4>FREEMIUM WEBSITE TEMPLATES</h4>
<p>Don’t feel like starting a website from scratch? Import one of the freemium full website templates and edit content and styling as you go. Depending on the template type, each contains sample pages, sample posts and Customizer styling. Website templates are also known as demos or site kits.</p>
<h4>WORDPRESS WIDGETS</h4>
<p>Enrich your widget areas such as sidebars or footer with additional widgets like: About Me, Contact Info, Recent Posts (with thumbnails), Custom Menu, Social Icons, Social Share and more.</p>
<h4>MEGA MENU</h4>
<p>Turn your website navigation into a mega menu with a simple setup directly through the WordPress Menus option.</p>
<h4>MENU ICONS</h4>
<p>Add icons to some or all of your menu items. Several icon libraries are supported, like Font Awesome, Simple Line Icons, Dashicons and more.</p>
<h4>VARIOUS SHORTCODES</h4>
<p>Use <a href="https://docs.oceanwp.org/category/369-shortcodes" rel="nofollow ugc">OceanWP shortcodes</a> to display dynamic content on your website, such as: current year, current user, login / logout link, breadcrumbs, WooCommerce cart and more.</p>
<h4>CUSTOMIZER SECTIONS CONTROL</h4>
<p>Disable any of the Customizer panels from loading, to increase the Customizer loading time or focus on your tasks. This feature allows you to disable only those panels created by the OceanWP theme or any of the Ocean plugins. Likewise, you can enable all panels back again.</p>
<h4>CUSTOMIZER SEARCH</h4>
<p>The search option within the Customizer helps you find all relevant settings instantly. Enable or disable per need.</p>
<h4>CUSTOMIZER RESET</h4>
<p>Unhappy with your Customizer settings and styling? Or you would like to import different styling? Reset all current settings to OceanWP’s default values and apply your design.</p>
<h4>CUSTOMIZER STYLING IMPORT / EXPORT</h4>
<p>Export your Customizer styling options to use on other sites, to save as backup or simply speed up the design process. Likewise, import an existing Customizer styling file and apply all settings in a breeze.</p>
<h4>INTEGRATION</h4>
<p>The Integration panel helps you enable SVG file upload support for the WordPress Media Library, connect with MailChimp, Google reCaptcha, Google Maps and more.</p>
<h4>EXTRA SETTINGS</h4>
<p>The Extra Settings panel allows you to disable or enable Ocean Extra plugin components, like the meta box, custom templates support, widgets, etc.</p>
<h4>ADMIN SETTINGS</h4>
<p>The Admin Settings panel offers control over additional features, like regenerating the local Google fonts CSS file, disabling the “edit” link on post archive pages which is visible to admins, and more.</p>
<h4>WEBSITE PRELOADER</h4>
<p>Dealing with heavy page content such as videos or slow hosting? Enable the (website preloader feature)[https://docs.oceanwp.org/article/851-oceanwp-website-preloader] on your website to reduce bounce rate, entertain visitors, brand site or more.</p>
<h4>PREMIUM OCEAN FEATURES</h4>
<p>Some of the most outsanding premium features controled by the Ocean Extra’s OceanWP Panel include:<br />
* Ocean Images: Import royalty free images and icons directly to your Media Library, a feature that is included in the Ocean Core Extensions Bundle and the Ocean Pro Demos plugin.<br />
* Full Website Templates: Import any of the 220+ full website templates (demos, site kits) to kick start your website fast.<br />
* Elementor Widgets: Disable or enable any of the widgets that come with the Ocean Elementor Widgets plugin.<br />
* Elementor Library: Control the settings of the Elementor Sections Library, that counts over 60 various designs. Create your page content as you. This feature is included in the Ocean Core Extensions Bundle and the Ocean Pro Demos plugin.<br />
* Gutenberg Blocks: Disable or enable any of the blocks that come with the Ocean Gutenberg Blocks plugin.<br />
* White Label: Whitelabel your OceanWP theme, personalize it and make it your own, with the Ocean White Label plugin.</p>


Ocean Extra

The ultimate companion for OceanWP. Adds local Google Fonts, mega menus, site templates, and per-page settings for total design authority.

Native Custom Fields – Custom Content Types and Meta Fields vs Ocean Extra