SVG Flags – Country Flag Blocks and Galleries
| 开发者 |
dgwyer
wpgoplugins gwycon |
|---|---|
| 更新时间 | 2026年8月11日 23:54 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
SVG Flags of the world allows you to add high quality beautiful flags to your WordPress site in seconds. Display one or more flags at any scale without loss of quality and with a fixed aspect ratio so they always look great! Supported aspect ratios are 4:3 (default) and 1:1 (square).
Create SVG flags visually in the block editor and preview them in real time. Choose from 271 current country, territory, regional, and organisation flags using a searchable selector, then control size, aspect ratio, captions, and layout without leaving the editor.
The plugin includes three dynamic blocks:
- SVG Flag for a lightweight CSS-rendered flag.
- SVG Flag Image for an accessible image with country-name alternative text.
- SVG Flag Grid for responsive multi-country galleries with up to eight columns, adjustable spacing, captions, and square or 4:3 flags.
[svg-flag flag="gb"], an accessible image with [svg-flag-image flag="fr"], or a gallery with [svg-flag-grid flags="gb,us,ca,fr" columns="4" caption="true"].
Need more presentation control?
SVG Flags Pro adds flag headings, custom captions and tooltips, IDs and CSS classes, plus border, spacing, and presentation controls. Explore SVG Flags Pro for the complete feature comparison and current pricing.
We hope you find this plugin useful. If you have a moment please consider rating it to show your support. It's very much appreciated and helps spread the word.
Also, why not take a look at our other plugins. We're continually developing great solutions for WordPress.
安装:
- Via the WordPress admin go to Plugins => Add New.
- Enter 'SVG Flags' (without quotes) in the text box and click the 'Search Plugins' button.
- In the list of relevant Plugins click the 'Install' link for SVG Flags on the right hand side of the page.
- Click the 'Install Now' button on the popup page.
- Click 'Activate Plugin' to finish installation.
- You'll be redirected to the plugin welcome page upon activation which gives basic usage instructions and other information to get you started.
屏幕截图:
常见问题:
Where can I see all the available SVG flag blocks, shortcodes, and attributes?
Visit the plugin documentation page to see available SVG flags blocks, shortcodes and attributes, plus related options.
Where can I see SVG Flags in action?
Visit the SVG Flags product page for current examples, feature details, and links to the full documentation.
Is there a way to remember all shortcode attributes?
If you use the SVG flag editor blocks then you won't need to remember any shortcodes at all as you can add flags to your page content 100% visually. No need to remember which shortcodes are available. You will also be able to see a live preview of the flag in the editor when using a block, which you can't do with shortcodes.
Where can I get the country code for each flag?
The plugin uses Alpha-2 codes for countries and territories, plus the additional regional and organisation codes included by the bundled flag-icons library. You can look up standard country codes here.
更新日志:
0.9.7, AUG 10, 2026
- Restored compatibility with current WordPress and PHP releases.
- Replaced the obsolete Node Sass build with a maintained Dart Sass and Webpack toolchain.
- Improved the editor country selector and fixed admin asset loading.
- Updated all blocks to Block API v3 and opted into current WordPress control sizing.
- Hardened flag, shortcode, and release configuration handling.
- Added a responsive multi-country Flag Grid block and shortcode.
- Added accessible image alternative text and lazy loading.
- Updated the Freemius SDK from 2.4.3 to 2.13.4.
- Updated the bundled flag library from flag-icon-css 3.4.5 to flag-icons 7.5.0, with 271 current flags and legacy CSS class compatibility.
- Replaced the legacy shared plugin framework with native SVG Flags admin and plugin services.
- Updated Freemius SDK to v2.4.3.
- Updated 3rd party libraries.
- Minor bug fixes and UI updates.
- New: Added a new [svg-flag-heading] shortcode.
- New: Added a block as an alternative to the [svg-flag-heading] shortcode.
- New: Added a block as an alternative to the [svg-flag-image] shortcode.
- Fixed: New features counter now working correctly.
- Patched bug in new features counter.
- Updated: Refactored code.
- New: Added new [svg-flag-image] shortcode.
- New: Attributes added to the [svg-flag] shortcode: size, size_unit.
- New: Attributes added to the [svg-flag] shortcode that were previously ONLY available in pro: caption, random, inline.
- New: Added new editor block which is a direct replacement to the [svg-flag] shortcode.
- Updated: Deployment script.
- Updated settings.
- Updated settings page.
- Maintenance release.
- Fixed 'square' shortcode attribute.
- Most of the code refactored.
- Compatible with WordPress 5.3.
- Minor bug fix.
- Added new
[svg-flags]shortcode as a recent update to the Gutenberg block editor seems to strip out using the SVG flag HTML directly. Use the new shortcode to guarantee the flag will always display in the block editor and on the front end.
- Flag SVG's updated to latest version (3.3).
- SVG flags now work in the WordPress (5.0+) block editor.
- Initial plugin release!