User Interface Updates to Translate Live

I’d like to inform you about some updates that we have made to Translate Live, the alternative interface for translating plugins and themes using WordPress Playground. You can access it from a pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party or theme page through a link on the top right:

Screenshot of with the Translate Live link highlighted
Access Translate Live from the Plugin or Theme translation screen

Translate Live used to be fixed width and height. Now it resizes with the window and covers the full width and height of the page. We also moved and added some controls as you can see in the following screenshot:

  • The Current URLURL A specific web address of a website or web page on the Internet, such as a website’s URL is now visible in the top bar and you can change it to navigate to a specific page.
  • The Translation Submission screen is now a popover (see below) that is now opened by the top bar as well.
  • A plugin can provide multiple blueprints to load into different states (example: Friends plugin Welcome Screen and Friends Plugin Already Configured).
  • The highlighting of translatable text is now done with a background color instead of glowing text.
A screenshot with the new UI elements highlighted
A visual guide to the updates of Translate Live

As mentioned above, the translation submissions is now a popover. There you can now review your translations and potentially fix them before submitting them:

Shows the dialog that's shown when ready to submit the translations
Submit Translations Dialog in Translate Live

To learn more about Translate Live you can watch a recording of the Community Team Training #11: Using the Translate Live tool, or the WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Asia 2024 talk Translate Live: in-context translation using WordPress Playground.