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

Ryan Hellyer

<h4>Features</h4>
<p>The <a href="https://geek.hellyer.kiwi/products/unique-headers/" rel="nofollow ugc">Unique Headers Plugin</a> adds a custom header image box to the post/page edit screen. You can use this to upload a unique header image for that post, or use another image from your WordPress media library. When you view that page on the front-end of your site, the default header image for your site will be replaced by the unique header you selected.</p>
<p>This functionality also works with categories and tags.</p>
<h4>Requirements</h4>
<p>You must use a theme which utilizes the built-in custom header functionality of WordPress. If your theme implement it’s own header functionality, then this plugin will not work with it.</p>
<h4>Paid WordPress development</h4>
<p>If you would like to pay for assistance, additional features to be added to the plugin or are just looking for general WordPress development services, please contact me via <a href="https://ryan.hellyer.kiwi/contact/" rel="nofollow ugc">my contact form</a>.</p>


Unique Headers

Great plugin!

Use it on every site. Why would soneone like to have the same header on every page? Should be in core. =)

Should have been core since .. ever?

Adds the ability to use unique custom header images on individual pages, posts or categories or tags.

CSS Flags library vs Unique Headers