Remove Uppercase Accents

Description

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.

Screenshots

  • Greek text without the plugin
  • Greek text after activating the plugin
  • JavaScript mode options on the plugin’s control panel
  • PHP mode options

Installation

  1. Upload the Remove Uppercase Accents plugin to your website and activate it.
  2. 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.

FAQ

Why would I need this plugin?

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.

I use “text-transform:uppercase” in greek text but I don’t see any accents

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.

I use Firefox/Chrome/the new Edge but the problem appears there too.

Then your site’s language isn’t set to Greek. If your content is in Greek, you should set it.

How does the “Exclude” option works on JavaScript mode?

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.

Reviews

আগষ্ট 11, 2021
Thank you so much for this plugin! You saved me! I had to change hundreds of pages with this problem! With your effort everything is fixed! Please keep it updated and alive! Thank you!
এপ্ৰিল 30, 2021
Παρα πολυ χρησιμο! Συγχαρητηρια Γιωργο!
Read all 28 reviews

Contributors & Developers

“Remove Uppercase Accents” is open source software. The following people have contributed to this plugin.

Contributors

“Remove Uppercase Accents” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Remove Uppercase Accents” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

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!