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

Rupok

WPDeveloper

Codetic

<p>Core plugin for <a href="https://wordpress.org/themes/flexia/" rel="ugc">Flexia</a> theme. Controls all the plugin territory functionality for Flexia.</p>
<h3>Requirements</h3>
<p>This is a specialized plugin for the theme <a href="https://wordpress.org/themes/flexia/" rel="ugc">Flexia</a> that is available for free on <a href="https://wordpress.org/themes/flexia/" rel="ugc">WordPress.org</a>. But since plugin works independently, it will work with any standard theme if you deactivate Flexia.</p>
<h3>Features</h3>
<p>The plan is to keep all the plugin territory functionality of Flexia within this plugin and it’s a continuous process. It will provide the shortcodes, metabox and extra Customizer options.</p>
<ul>
<li>Shortcodes</li>
<li>Extra Customizer Options</li>
<li>Metaboxes</li>
</ul>
<h3>Customizer Options</h3>
<ul>
<li><strong>Custom JavaScripts</strong>
<ul>
<li>Header Script</li>
<li>Footer Script</li>
<li>Google Analytics</li>
</ul>
</li>
</ul>
<p>You can add custom JavaScripts to your site header and footer through Customizer and edit your scripts with CodeMirror editor. You can place any custom JavaScript, Google Analytics, Facebook Pixel or any kind of embed script. Extremely helpful if you need to place any custom javascript or jQuery code to header or footer. This plugin gives you the ability to place different scripts to header or footer separately. Uses Customizer so you can edit the code live and see the changes on the fly.</p>
<ul>
<li>CodeMirror Editor</li>
<li>Ability to add custom scripts to wp header.</li>
<li>Ability to add custom scripts to wp footer.</li>
<li>Ability to add multiple scripts.</li>
<li>Ability to add Google Alalytics code.</li>
<li>Ability to add any embed code.</li>
</ul>
<p>Go to <strong>Customize > Custom JavaScripts</strong> to add your scripts.</p>
<h3>Custom Metaboxes (Page and Post Settings)</h3>
<ul>
<li>Post Header style control</li>
<li>Additional Body Classes option</li>
<li>Show/Hide Page/Post Title</li>
<li>Show/Hide Post Meta</li>
<li>Show/Hide Post Navigation</li>
<li>Show/Hide Post Social Sharing</li>
<li>And lots more control for individual posts</li>
</ul>
<h3>Shortcodes</h3>
<ul>
<li><a href="#grid" rel="nofollow ugc">Bootstrap 4 Grid</a>
<ul>
<li>Container</li>
<li>Container Fluid</li>
<li>Row</li>
<li>Columns (1-12)</li>
</ul>
</li>
</ul>
<h3>Shortcode usage</h3>
<h3>Grid</h3>
<pre><code>[row]
    [column md="6"]
        ...
    [/column]
    [column md="6"]
        ...
    [/column]
[/row]
</code></pre>
<p>Add container (different max-width for various screen size)</p>
<pre><code>[container]
    [row]
        [column md="6"]
            ...
        [/column]
        [column md="6"]
            ...
        [/column]
    [/row]
[/container]
</code></pre>
<p>Add container-fluid (100% width container)</p>
<pre><code>[container-fluid]
    [container]
        [row]
            [column md="6"]
                ...
            [/column]
            [column md="6"]
                ...
            [/column]
        [/row]
    [/container]
[/container-fluid]
</code></pre>
<p>All shortcodes containes number of parameteres. <a href="https://github.com/rupok/flexia-core" rel="nofollow ugc">See the Github Repo for detailed documentation</a>.</p>


Flexia Core

Core plugin for Flexia theme. Controls all the plugin territory functionality for Flexia.

YouTube metabox vs Flexia Core