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

<p>This plugin has been actively maintained since 2012 and is used on over 20,000 websites worldwide.</p>
<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>
<h3>Development</h3>
<p>This section is only relevant for developers building the plugin from source (e.g. cloning from GitHub). If you installed via WordPress.org, the plugin is ready to use — no build steps required.</p>
<p>The plugin uses Composer for PHP autoloading and dependencies, npm for JavaScript tooling, and TypeScript for admin JavaScript.</p>
<p>To set up a development environment:</p>
<ol>
<li>Install PHP dependencies: <code>composer install</code></li>
<li>Install JavaScript dependencies: <code>npm install</code></li>
<li>Compile TypeScript to JavaScript: <code>npm run build</code></li>
</ol>
<p>To run tests and analysis:</p>
<ul>
<li>PHPCS (PSR-12 coding standards): <code>composer phpcs</code></li>
<li>Auto-fix PHPCS violations: <code>composer phpcbf</code></li>
<li>PHP-CS-Fixer (dry-run): <code>composer cs</code></li>
<li>PHP-CS-Fixer (auto-fix): <code>composer cs:fix</code></li>
<li>PHPStan static analysis: <code>composer phpstan</code></li>
<li>PHPUnit unit tests: <code>composer test</code></li>
<li>TypeScript type checking: <code>npm run typecheck</code></li>
</ul>
<p>TypeScript source files are in <code>src/ts/</code>. The compiled output is written to <code>assets/admin.js</code> and is what WordPress loads on the admin side.</p>
<h4>Credits</h4>
<p>Thanks to the following for help with the development of this plugin:<br />
* <a href="http://www.redactsolutions.co.uk" rel="nofollow ugc">redactuk – Assistance with debugging.<br />
* </a><a href="http://www.datamind.co.uk/" rel="nofollow ugc">crabsallover – Assitance with debugging.<br />
* </a><a href="http://onmytodd.org" rel="nofollow ugc">Todd</a> – Assistance with implementing support for tags.<br />
* <a href="http://westoresolutions.com/" rel="nofollow ugc">Mariano J. Ponce</a> – Spanish translation.<br />
* <a href="http://www.graphicana.de/" rel="nofollow ugc">Tobias Klotz</a> – Deutsch (German) language translation.<br />
* <a href="http://nakri.co.uk/" rel="nofollow ugc">Nadia Tokerud</a> – Proof-reading of Norsk Bokmål (Norwegian) translation.<br />
* <a href="http://bjornjohansen.no/" rel="nofollow ugc">Bjørn Johansen</a> – Proof-reading of Norwegian Bokmål translation.<br />
* <a href="https://www.facebook.com/kaljam/" rel="nofollow ugc">Karl Olofsson</a> – Proof-reading of Swedish translation.<br />
* <a href="http://www.jennybeaumont.com/" rel="nofollow ugc">Jenny Beaumont</a> – French translation.</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?

Add unique custom header images to individual pages, posts, categories, or tags.

CSS Flags library vs Unique Headers