Remove Uppercase Accents Plugin
Automatically removes accented characters from text content uppercase transformed through CSS.
Remove Uppercase Accents is a WordPress plugin that automatically removes accented characters (currently greek) from elements having their text content uppercase transformed through CSS ( with { text-transform: uppercase; } ). Currently the script transforms only greek text, but it can be easily extended to support other languages.
Why you would need this: For example, in greek there are accent marks that denote in which syllable you put the stress on when pronouncing a word. However, when words are written in all UPPERCASE, those accent marks are removed. This rule is not followed by the aforementioned CSS rules, as they just use the corresponding uppercase unicode character.
Features
- Automatically removes accented characters from text content uppercase transformed through CSS.
Installation
- Upload the Remove Uppercase Accents plugin to your website and activate it.
- That’s it. The plugin works out of the box and no special actions needed on behalf of the site administrator. You are encouraged to go to it’s Settings and check the available options.
Screenshots
Greek text without the plugin
Greek text after activating the plugin
JavaScript mode options on the plugin's control panel
PHP mode options
FAQ
For example, in greek there are accent marks that denote in which syllable you put the stress on when pronouncing a word. However, when words are written in all UPPERCASE, those accent marks are removed. This rule is not followed by the aforementioned CSS rules on some browsers, as they just use the corresponding uppercase unicode character.
If you use Firefox or a Chromium-based browser like Chrome, the new Edge, Opera etc., and you have set the site language to Greek, accents should be handled correctly. The problem appears on Safari and on older browsers like the Internet Explorer and everywhere if you have a site with mixed content and you don’t want to set Greek as the site’s language.
Then your site’s language isn’t set to Greek. If your content is in Greek, you should set it.
When you have JavaScript mode set and the Exclude option enabled, the script will scan the styles of the page and build a list of the selectors containing text-transform:uppercase;. Then, this list gets compared with the selectors that you manually entered, and if there are matches, they get removed from the initial list.
Therefore, in order for the Exclude option to work, you have to pass your selectors exactly as they appear on your CSS, for the matching to be successful (you can use your browser’s developer tools to do so).
Include, on the other hand, will use your selectors as is and will skip entirely the page scanning, which allows you to use any selector you like.
Changelog
1.1.1
- Updated documentation.
1.1
- NEW Feature: Option to choose whether to use the custom selectors inclusively or exclusively on JavaScript mode.
- Moved the plugin’s options panel under Settings
1.0
Major update with many an options panel and new features:
* Added a pure JavaScript version of the script, to ditch jQuery dependency.
* The JS script allows you to limit the replacement on specific CSS selectors.
* Added option to do the replacement server-side, using PHP and WordPress filters.
* Added the remove_greek_accents() function, which can be used anywhere in your theme.
0.5.2
Fixed a bug with WooCommerce and “Ship to different address” option on Checkout page.
0.5
- Added support for diaereses in diphthongs in Greek uppercase letters
0.4
- Properly enqueue the plugin, including the jQuery dependency
0.3
- Fixed plugin’s version number
0.2
- Updated description
0.1
- First release!