First-time configuration Translations not applied

[iamheretoscale]

• [x] I've read and understood the contribution guidelines.
• [x] I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

First-time configuration not translatable.

Please describe what you expected to happen and why.

i have added translation for strings in other language file and change wordpress admin language to tested language. nothing was translated in First-time configuration menu. all contents are in english and not translated to any other languages in this menu.

How can we reproduce this behavior?

1.install yoast seo 18.9 and yoast seo premium 18.5 2.change wordpress admin language to other languages (such as Germany) 3.add translation for any desired string on .js file in path: "wordpress-seo-premium\languages\wordpress-seo-premiumjs-de_DE.json". 4.goto First-time configuration menu "/wp-admin/admin.php?page=wpseo_dashboard#top#first-time-configuration" and check translation. nothing happen.

Technical info

• If relevant, which editor is affected (or editors):
• [ ] Classic Editor
• [x] Gutenberg
• [ ] Classic Editor plugin

• Which browser is affected (or browsers):
• [x] Chrome
• [ ] Firefox
• [ ] Safari
• [ ] Other

Used versions

• WordPress version: 5.9.3
• Yoast SEO version: 18.9
• Gutenberg plugin version:
• Classic Editor plugin version:
• Relevant plugins in case of a bug:
• Tested with theme: 2021

[mmikhan]

How did you translate any desired strings? Did you use any plugins? If so, which one? If not, how did you do it?

[iamheretoscale]

Hi iamazik,

i checked the string and found that it load wordpress-seo text domain. goto wordpress.org website and get wordpress-seo translation file. translate all untranslated strings and copy .mo, .po files on the \wp-content\languages\plugins folder. all of my translated strings on all parts of plugin are loaded. except First-time configuration tab content. "Tab title is translated to my custom string. tab contents not translated into any language and translated strings on the .mo file not loaded. my website is persian language. all sections are translated. for your info i have inserted custom translation for Tab title. as you can see on the attached image. content not translated.

[mmikhan]

Thanks for your clarification. I have looked into this and can confirm the relevant strings are indeed translatable in Yoast SEO. For your convenience, I have referenced the relevant strings from inside the Yoast SEO plugin below:

• https://github.com/Yoast/wordpress-seo/blob/810f2639908155264b9887d436364eeac4a356f0/packages/js/src/first-time-configuration/first-time-configuration-steps.js#L541
• https://github.com/Yoast/wordpress-seo/blob/810f2639908155264b9887d436364eeac4a356f0/packages/js/src/first-time-configuration/first-time-configuration-steps.js#L548
• https://github.com/Yoast/wordpress-seo/blob/810f2639908155264b9887d436364eeac4a356f0/packages/js/src/first-time-configuration/first-time-configuration-steps.js#L561

So, why are the relevant translations that you have added inside the /wp-content/languagelanguages/plugins/ isn't working for you?

That's because the relevant strings are inside of a React component and using the WordPress @wordpress/i18n package that works differently when comparing how you translate strings from a PHP file manually or using a 3rd party plugin like Loco Translate.

The best way to translate the relevant strings is by contributing to your language through https://translate.wordpress.org/. Once there are enough (90%) translated strings, WordPress will automatically load the relevant strings in your language when you select the site language from WordPress general settings.

However, if you'd still like to manually translate the relevant strings manually on your own, you'll need to follow the steps given in the relevant resources:

• https://make.wordpress.org/core/2018/11/09/new-javascript-i18n-support-in-wordpress/
• https://wordpress.org/support/topic/javascript-translations/#post-13397184