GlotDict – Custom glossaries for GlotPress in the browser

First of all thanks everyone for all the job that you done for translate the WordPress world.

I’m Daniele Scasciafratte a Mozilla volunteer and also a WordPress Italian contributor so when in the Italian community @Xtraboy ask about someone that can develop a browser extension for the community itself I jump that opportunity to help.

This browser extension fix an annoying problem for the non-english translators that use a custom glossary for their languages and need that information on on terms (the terms with a dotted bottom border).
Actually GlotPressGlotPress GlotPress is the translation management software that powers More information is available at have only one glossary that contain English information and not for specific localesLocale Locale = language version, often a combination of a language code and a region code, for instance es_MX denotes Spanish as it’s used in Mexico. A list of all locales supported by WordPress in so this extension fix that problem.

This extension support different glossaries (actually only the Italian is available) to add the same look and feel and experience of the native English terms.

Download for your browser

  • Firefox Instruction: Download
  • Chrome Instructions: Download
  • GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner.

How use it


After the installation you get on the dropdown menu on the right “Pick the glossary” to choose the glossary (that information is required only the first time, it’s saved in the browser for the future).
After the installation and this step you can use the glossary automatically!
As you can see in the screenshot the username term get the dotted bottom border and a tooltip with the Italian terms information.

Developer zone

How works

The code is very simple, the core part is loaded on every page of the JSON that contain the glossary: the terms to highlight, comment, pos and translation.
Here you can find the Italian JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. that actually is the only one available but I wait for your pull request to add new glossaries.

Generate the glossary

The Italian community maintain a glossary on Google Drive so for a developer like me was not a big problem to create a script that generate the JSON automatically for the extension.
This python script use the Google APIs to parse that document and save a compatible JSON for the extension and can be an useful start point for the other communities.

The next steps

  • New glossaries for many languages
  • Improve the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing./UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. of the extension (if there are suggestions)
  • New icon (actually is the glotpress icon)
  • Better readme (I am a developer but the target of that extension is also for non-developers so need to be more simple)

Thanks to the Italian community for their work not only on translation but also for support and promotion!

#browser, #glotpress