Per Søderlind

<p>The CSS Flags plugin / library for WordPress loads a dynamicaly created CSS with responsive flags.</p>
<p><strong>Note:</strong> 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</p>
<p>You can <a href="https://soderlind.no/css-flags-plugin-for-wordpress/" rel="nofollow ugc">view the flags at my site</a></p>
<p>Sample CSS:</p>
<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>
<p>The total CSS file size is 4 MB, and you don’t want to send all that data back to the users, so you <strong>must</strong> use one of the following filters in your plugin or theme.</p>
<p><strong>css_flags_countries</strong>: Load flags for one or more countries</p>
<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>
<p><strong>css_flags_regions</strong>: Load the flags for one or more regions. You can choose between europe, oceania, africa, asia, northamerica, southamerica and middleeast.</p>
<pre><code>add_filter('css_flags_regions', function() {
    return array('europe'); //europe, oceania, africa, asia, northamerica, southamerica, middleeast
});
</code></pre>
<p><strong>css_flags_exclude</strong>: 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</p>
<pre><code>add_filter('css_flags_exclude', function() {
    return array('eu');
});
</code></pre>
<p><strong>css_flags_cachetime</strong>: Change the cache time, default it’s 7200 (60x60x2 = 2 hours)</p>
<pre><code>add_filter('css_flags_cachetime', function() {
    return 172800; // 2 days
});
</code></pre>
<p>If you must (but you shouldn’t), you can load all the  CSS flags using the following:</p>
<pre><code>add_filter('css_flags_countries', function() {
    return array('all'); // load all country flags (don't it's 4MB)
});
</code></pre>
<p>More information at <a href="https://github.com/soderlind/css-flags/" rel="nofollow ugc">GitHub</a></p>
<h4>Credits</h4>
<p>The original CSS file is from http://www.phoca.cz/cssflags/. If you only need the CSS file, grab it there.</p>


CSS Flags library

More than 250 vector based flags for WordPress

charliepatel

DraftPress Team

99robots

<p>Header Footer Code Manager by 99 Robots is a easy interface to add snippets to the header or footer or above or below the content of your page.</p>
<h4>BENEFITS</h4>
<ul>
<li>Never have to worry about inadvertently breaking your site by adding code</li>
<li>Avoid inadvertently placing snippets in the wrong place</li>
<li>Eliminate the need for a dozen or more silly plugins just to add a small code snippet – Less plugins is always better!</li>
<li>Never lose your code snippets when switching or changing themes</li>
<li>Know exactly which snippets are loading on your site, where they display, and who added them</li>
</ul>
<h4>FEATURES</h4>
<ul>
<li>Add an unlimited number of scripts and styles anywhere and on any post / page</li>
<li>Manage which posts or pages the script loads</li>
<li>Supports custom post types</li>
<li>Supports ability to load only on a specific post or page, or latest posts</li>
<li>Control where exactly on the page the script is loaded – head, footer, before content, or after content</li>
<li>Script can load only on desktops or mobile. Enable or disable one or the other.</li>
<li>Use shortcodes to manually place the code anywhere</li>
<li>Label every snippet for easy reference</li>
<li>Plugin logs which user added and last edited the snippet, and when</li>
</ul>
<h4>PAGE DISPLAY OPTIONS</h4>
<ol>
<li>Site wide on every post / page</li>
<li>Specific post</li>
<li>Specific page</li>
<li>Specific category</li>
<li>Specific tag</li>
<li>Specific custom post type</li>
<li>Latest posts only (you choose how many)</li>
<li>Manually place using shortcodes</li>
</ol>
<h4>INJECTION LOCATIONS</h4>
<ol>
<li>Head section</li>
<li>Footer</li>
<li>Top of content</li>
<li>Bottom of content</li>
</ol>
<h4>DEVICE OPTIONS</h4>
<ul>
<li>Show on All Devices</li>
<li>Only Desktop</li>
<li>Only Mobile Devices</li>
</ul>
<h4>SUPPORTED SERVICES</h4>
<ul>
<li>Google Analytics</li>
<li>Google Adsense</li>
<li>Google Tag Manager</li>
<li>Clicky Web Analytics or other analytics tracking scripts</li>
<li>Chat modules such as Olark, Drip, or</li>
<li>Pinterest site verification</li>
<li>Facebook Pixels, Facebook Scripts, Facebook og:image Tag</li>
<li>Google Conversion Pixels</li>
<li>Twitter</li>
<li>Heatmaps from Crazy Egg, notification bars Hello Bar, etc.</li>
<li>It can accept ANY code snippet (HTML / Javascript / CSS) from any service</li>
<li>and the list goes on and on…</li>
</ul>
<h3>MULTISITE NOTE</h3>
<p>If using this plugin on a multisite network, please make sure that the plugin is activated on a subsite level only.</p>
<blockquote>
<h4>Plugin Information</h4>
<ul>
<li><a href="https://draftpress.com/products/header-footer-code-manager/" rel="nofollow ugc">Plugin Site</a></li>
<li><a href="https://www.draftpress.com/docs/header-footer-code-manager" rel="nofollow ugc">Plugin Documentation</a></li>
<li><a href="https://profiles.wordpress.org/99robots#content-plugins" rel="nofollow ugc">Free Plugins on WordPress.org</a></li>
<li><a href="https://www.draftpress.com/products" rel="nofollow ugc">Premium Plugins</a></li>
</ul>
</blockquote>


Header Footer Code Manager


A more convenient way to organize CSS/JS. Great free plugin, nice work!


A time-saving plugin, it works perfectly!

Easily add tracking code snippets, conversion pixels, or other scripts required by third party services for analytics, marketing, or chat features.

CSS Flags library vs Header Footer Code Manager