Per Søderlind

The CSS Flags plugin / library for WordPress loads a dynamicaly created CSS with responsive flags.
Note: CSS Flags is not a standalone plugin/library, To display the flags you will have to <a href="https://github.com/soderlind/css-flags/#example-1" rel="nofollow ugc">add code to your theme</a> using your own plugin or theme functions.php
You can <a href="https://soderlind.no/css-flags-plugin-for-wordpress/" rel="nofollow ugc">view the flags at my site</a>
Sample CSS:
<pre><code>.css-flag.sami {
 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAyMCIgaGVpZ2h0PSIxNTAwIj48cmVjdCB3aWR0aD0iNjQ1IiBoZWlnaHQ9IjE1MDAiIGZpbGw9IiNkODFlMDUiLz48cmVjdCB4PSI2NDUiIHdpZHRoPSIxNDAiIGhlaWdodD0iMTUwMCIgZmlsbD0iIzAwN2EzZCIvPjxyZWN0IHg9Ijc4NSIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSIjZmNkMTE2Ii8+PHJlY3QgeD0iOTI1IiB3aWR0aD0iMTA5NSIgaGVpZ2h0PSIxNTAwIiBmaWxsPSIjMDAzOGE4Ii8+PHBhdGggZD0iTSA3ODUsMzEwIGEgNDQwIDQ0MCAwIDAgMCAwLDg4MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAzOGE4IiBzdHJva2Utd2lkdGg9IjgwIi8+PHBhdGggZD0iTSA3ODUsMzEwIGEgNDQwIDQ0MCAwIDAgMSAwLDg4MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDgxZTA1IiBzdHJva2Utd2lkdGg9IjgwIi8+PC9zdmc+');
 height: 100%;
 width: 134.666666667%;
 background-size: 100% 100%;
}
.css-flag.sami-landscape {
 height: 100%;
 width: 134.666666667%;
}
.css-flag.sami-portrait {
 height: 74.2574257426%;
 width: 100%;
}
</code></pre>
<h4>Usage</h4>
The total CSS file size is 4 MB, and you don’t want to send all that data back to the users, so you must use one of the following filters in your plugin or theme.
css_flags_countries: Load flags for one or more countries
<pre><code>add_filter('css_flags_countries', function() {
 return array('no'); // Array with ISO_3166-1_alpha-2 country codes: http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements
});
</code></pre>
css_flags_regions: Load the flags for one or more regions. You can choose between europe, oceania, africa, asia, northamerica, southamerica and middleeast.
<pre><code>add_filter('css_flags_regions', function() {
 return array('europe'); //europe, oceania, africa, asia, northamerica, southamerica, middleeast
});
</code></pre>
css_flags_exclude: Exclude some countries from the list. This filter must be used in combination with the <code>css_flags_countries</code> or <code>css_flags_regions</code> filters
<pre><code>add_filter('css_flags_exclude', function() {
 return array('eu');
});
</code></pre>
css_flags_cachetime: Change the cache time, default it’s 7200 (60x60x2 = 2 hours)
<pre><code>add_filter('css_flags_cachetime', function() {
 return 172800; // 2 days
});
</code></pre>
If you must (but you shouldn’t), you can load all the CSS flags using the following:
<pre><code>add_filter('css_flags_countries', function() {
 return array('all'); // load all country flags (don't it's 4MB)
});
</code></pre>
More information at <a href="https://github.com/soderlind/css-flags/" rel="nofollow ugc">GitHub</a>
<h4>Credits</h4>
The original CSS file is from http://www.phoca.cz/cssflags/. If you only need the CSS file, grab it there.

CSS Flags library

More than 250 vector based flags for WordPress

Adnan

WPBrigade

Muhammad Irfan

WP Headers and Footers plugin helps you to insert code to your WordPress website headers and footers section like Google Analytics tracking code, Facebook Pixels code, Google Optimize code for A/B testing, Custom CSS code, and more. You don’t need to edit the theme files to insert the code.
The simple interface of this plugin allows you to add code and different scripts from one place to your WordPress website (Headers, Footers, and Body section).
Features
<ul>
<li>Insert code to your WordPress headers & Footers</li>
<li>Insert Google Analytics Code to any WordPress theme</li>
<li>Insert Facebook Pixels Code</li>
<li>Add Google Optimize Code for A/B testing ( Ab Testing )</li>
<li>Add Google search console authentication code to any theme for verification</li>
<li>Add Custom CSS, any script, and HTML to your website</li>
<li>Google Tag Manager code/script insertion</li>
<li>You can also add microsoft clarity tracking code to your website</li>
<li>You can also insert code to your website body section</li>
<li>Can add Bing webmaster tool code for website verification</li>
<li>Add Google AdSense code</li>
</ul>
If you find our plugin useful, please leave a good rating/review and check our other plugins.
<ul>
<li><a href="https://analytify.io/ref/73/?utm_source=wp-headers-and-footers&utm_medium=readme&utm_campaign=pro-upgrade" rel="nofollow ugc">Analytify – Google Analytics Plugin</a></li>
<li><a href="https://loginpress.pro/?utm_source=wp-headers-and-footers" rel="nofollow ugc">LoginPress</a> – For Custom login page and login page security</li>
<li><a href="https://simplesocialbuttons.com?utm_source=wp-headers-and-footers&utm_medium=readme&utm_campaign=pro-upgrade" rel="nofollow ugc">Simple Social Buttons</a> – Plugin for Social share buttons and social icons</li>
<li><a href="https://wordpress.org/plugins/related-posts-thumbnails/" rel="ugc">Related Posts Thumbnails Plugin</a> – For related posts/products</li>
<li><a href="https://wpbrigade.com/recommend/maintenance-mode?utm_source=wp-headers-and-footers&utm_medium=readme&utm_campaign=pro-upgrade" rel="nofollow ugc">Under Construction, Coming Soon & Maintenance Mode</a> – Plugin for Under construction & Coming soon page</li>
</ul>

Insert Headers And Footers

I like its simple design which doesn't add menu item on top level of WP admin menu. Recommended for client works and who prefer to keep WP admin menu simple. I hope you continue its simple style than adding functionalities.

Simple UI

Include inline javascript, stylesheets, CSS code or anything you want in Header and Footer areas of your WordPress with ease.

CSS Flags library vs Insert Headers And Footers