ab-tools

<p>A simple plug-in that displays flag icons.</p>
<p>This plug-in does not provide a way to translate posts directly, but offen you do not want a direct translation of posts. Still you want to add flag icons that link to other language versions of your blog.</p>
<p>After installation of this plug-in a new widget will be added that you can use to display such flag icons on your blog. A set of flag icons is included, but if you want to use your own images that’s possible, too.</p>
<h4>Additional info, support and developer contact:</h4>
<ul>
<li>English: http://www.ab-weblog.com/en/wordpress-plug-ins/flags-widget/</li>
<li>German: http://www.ab-weblog.com/de/wordpress-plug-ins/flaggen-widget/</li>
</ul>
<p><em>Please let me know if you find a problem with this plug-in or have questions!</em></p>
<h4>You can see this plug-in in action on posts of this blog:</h4>
<ul>
<li><a href="http://www.ab-newsonline.com/en/" title="Read Current News Online at AB-NewsOnline.com" rel="nofollow ugc">Read Current News Online at AB-NewsOnline.com</a></li>
</ul>
<p>If you like this plug-in, please <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donation%40breitschopp.de&item_name=Donation%20for%20Flags%20Widget%20WordPress%20Plug-In&no_shipping=0&no_note=1&tax=0&currency_code=EUR&lc=CA&bn=PP%2dDonationsBF&charset=UTF%2d8" title="Donate With PayPal" rel="nofollow ugc">consider a donation</a> to keep it free. Thank you!<br />
<em>… and please don’t forget the 5 star rating, if you like this plug-in. 🙂</em></p>


Flags Widget

A simple plug-in that displays flag icons that link to other language versions of your blog.

Tormod Seljenes

<p>seljeVisitorsFlags lets you display country flags anywhere on your WordPress site using a simple shortcode. It’s ideal for showing the countries you’ve visited, highlighting where your visitors come from, or adding an international feel to landing pages, sidebars, and content sections.</p>
<p>After activation, go to Tools <span aria-hidden="true" class="wp-exclude-emoji">→</span> seljeVisitorsFlags to choose which countries to show, arrange their order, and configure display defaults. Once saved, you can output the flags with the default shortcode:</p>
<p>[seljev_flags]</p>
<p>You can also build customized shortcodes using the built-in Shortcode Builder tab, which helps you generate variants for different pages without needing to remember every parameter.</p>
<p>Frontend display options include a normal static list/grid and a continuous scrolling ticker (scroller). Ticker mode is designed to look smooth and modern, while still being mindful of performance: the animation pauses when it’s off-screen or when the browser tab is hidden.</p>
<p>The plugin includes multiple visual options so the output can match your site: sizing, spacing, alignment, and optional names/tooltip labeling. Flag images include explicit dimensions to reduce layout shifts during loading for a more stable page layout.</p>
<p>Accessibility and admin usability are also considered: tooltip behavior supports keyboard focus, and the country picker provides clear feedback (including a live selected-count indicator). You can quickly select all countries, apply EU/EEA presets, clear your selection with confirmation, and undo a clear action if you clicked it by mistake.</p>
<p>Whether you want a clean row of flags, a polished animated scroller, or a simple “countries list” section, seljeVisitorsFlags keeps setup fast and output flexible—without requiring a page builder or custom code.</p>
<p>Find this free plugin useful? Please support my work on this plugin by sending me a <a href="https://buy.stripe.com/eVq14ncZGckd4xr2gibQY0i" rel="nofollow ugc">one-time donation</a> (50% of the proceeds go to Ukraine).</p>
<h4>Key features</h4>
<ul>
<li>Choose countries from a searchable list</li>
<li>Drag-and-drop reorder of selected countries</li>
<li>Bulk actions: Select all, Select EU, Select EEA</li>
<li>Static display and continuous scrolling ticker/scroller mode</li>
<li>Shortcode Builder for easy customized shortcodes</li>
<li>Tooltip keyboard focus support</li>
<li>Performance-friendly scroller (pauses off-screen / tab hidden)</li>
<li>Reduced layout shift by setting explicit image dimensions</li>
</ul>
<p>Find this free plugin useful? Please support my work on this plugin by <a href="https://buy.stripe.com/28EbJ1aRyfwp3tncUWbQY0h" rel="nofollow ugc">making a donation</a>.</p>
<h3>Documentation</h3>
<h4>Getting started (admin page)</h4>
<p>After activating the plugin, go to:</p>
<p>Tools -> seljeVisitorsFlags</p>
<p>You will see four tabs:</p>
<ul>
<li>Countries</li>
<li>Settings</li>
<li>Shortcodes</li>
<li>Preview</li>
</ul>
<h4>Countries tab (choose which flags to show)</h4>
<ol>
<li>Use the Search box to find countries quickly.</li>
<li>Click a country to add it to Selected countries.</li>
<li>In Selected countries, drag to reorder the flags (this affects display order).</li>
<li>Use bulk actions if needed:
<ul>
<li>Select all</li>
<li>Select EU</li>
<li>Select EEA</li>
<li>Clear all</li>
</ul>
</li>
<li>Click Save Changes when you are done.</li>
</ol>
<p>Tip: If you do not select any countries, the shortcode output may be empty.</p>
<h4>Settings tab (display defaults)</h4>
<p>These settings control the default output for the [seljev_flags] shortcode (unless you override them in a shortcode).</p>
<p>Common settings:</p>
<ul>
<li>Flag size (px): controls how large each flag appears.</li>
<li>Flag source:
<ul>
<li>FlagCDN (SVG): load SVG flags from flagcdn.com</li>
<li>User flags folder: load flags from your own uploaded files</li>
</ul>
</li>
</ul>
<p>If using User flags folder:</p>
<ul>
<li>Upload your flag files into the plugin user flags folder (as shown in the Settings tab).</li>
<li>Use ISO 2-letter country codes as filenames, typically uppercase (example: NO.svg or NO.png).</li>
<li>The plugin will try .svg first, then .png.</li>
</ul>
<p>Display mode:</p>
<ul>
<li>Show all flags (static)</li>
<li>Continuous scroller (ticker)</li>
</ul>
<p>If you choose Continuous scroller:</p>
<ul>
<li>Scroller direction: choose the scroll direction.</li>
<li>Scroller speed (seconds per loop): lower = faster, higher = slower (allowed range: 5 to 120).</li>
<li>Edge fade: fades the flags near the edges of the scroller.</li>
<li>Bouncing flags: adds a subtle bounce animation while scrolling.</li>
</ul>
<p>If you choose Show all flags (static):</p>
<ul>
<li>Layout: row or grid</li>
<li>Columns (grid only)</li>
<li>Gap (px): spacing between flags</li>
<li>Align: left, center, or right</li>
<li>Names: none, tooltip, or caption</li>
<li>Entrance animation settings: animation, duration, stagger, trigger</li>
</ul>
<h4>Shortcodes tab (copy and paste)</h4>
<p>The main shortcode is:</p>
<p>[seljev_flags]</p>
<p>This uses:</p>
<ul>
<li>Your selected countries (from the Countries tab)</li>
<li>Your display defaults (from the Settings tab)</li>
</ul>
<p>You can also generate a shortcode that includes specific countries, for example:</p>
<p>[seljev_flags countries=”NO,SE,DK”]</p>
<h4>Shortcode Builder (recommended)</h4>
<p>In the Shortcodes tab, use the Shortcode Builder to create a shortcode with options (toggles/selects) without memorizing attributes.</p>
<ol>
<li>Choose whether to use saved selection or specify countries.</li>
<li>Choose a display mode (default/static/ticker).</li>
<li>Configure only the options relevant to that mode.</li>
<li>Copy the generated shortcode using the Copy button.</li>
</ol>
<h4>Preview tab (test before publishing)</h4>
<p>Use Preview to test how the flags will look with your current settings before placing the shortcode on a live page.</p>
<p>If Preview is empty:</p>
<ul>
<li>Make sure you selected at least one country and saved.</li>
</ul>
<h4>Troubleshooting</h4>
<p>No flags show up:</p>
<ul>
<li>Select at least one country in the Countries tab and click Save Changes.</li>
<li>If using countries=”…”, ensure you used valid ISO 2-letter codes (comma-separated, e.g. [seljev_flags countries=”NO,SE,DK”]).</li>
</ul>
<p>Some flags missing when using User flags folder:</p>
<ul>
<li>Confirm the file exists for that country code (SVG or PNG).</li>
<li>Check filename casing (some servers treat NO.svg and no.svg differently).</li>
</ul>
<p>Scroller too fast/slow:</p>
<ul>
<li>Adjust Scroller speed (seconds per loop). Lower is faster, higher is slower.</li>
</ul>
<p>Copy button does not work:</p>
<ul>
<li>Some browsers or security settings may block clipboard access. Try another browser if needed.</li>
</ul>


seljeVisitorsFlags

Display visited countries as flags via shortcode.

Flags Widget vs seljeVisitorsFlags