CongBom

<p>To get meta value in front-end, use <code>get_post_meta()</code> with meta key is <code>youtube_id</code>.</p>
<p>Example:</p>
<p>Print YouTube video ID:<br />
    ID, ‘youtube_id’, true);?></p>
<p>Thumbnails:<br />
    <img src="http://img.youtube.com/vi/ID, ‘youtube_id’, true);?>/mqdefault.jpg” alt=”” /></p>
<p>Video player:</p>
<p><iframe src="http://www.youtube.com/embed/ID, ‘youtube_id’, true); ?>” width=”588″ height=”331″ frameborder=”0″ allowfullscreen></p>


YouTube metabox

Create YouTube meta-box for post with live preview

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.

YouTube metabox vs Ocean Extra