Gutenberg translation is not working

I’ve spent all day debugging this issue, and by looking at the code I can guess we shared the same problems:

  1. assuming $script_handle is CUSTOM-block-ref-holder, the PHP file is almost correct.
  2. wp_set_script_translations needs the full path to work. In your case, although you probably need to adjust for your path, it should be something like
wp_set_script_translations(
  'CUSTOM-block-ref-holder',
  'custom-blocks',
  plugin_dir_path(__FILE__) . 'languages/'
);
  1. The name of the JSON file should be custom-blocks-zh_HK-CUSTOM-block-ref-holder.json
  2. The “domain” fields don’t really matter in the JSON (as of today), I left them as messages, as per default from WP CLI, but in my tests they worked even with totally arbitrary and random strings.

Reference: JavaScript i18n support in WordPress 5 | Advanced usage

Related Posts:

  1. Add To Gutenberg Sidebar
  2. How to detect the usage of Gutenberg
  3. Possible to use @wordpress/create-block with multiple blocks?
  4. What is the advantage of ‘register_block_type’ (the PHP function) when creating custom blocks?
  5. The Block Editor: Disable “Color settings” in the specific block
  6. Serialize custom block with InnerBlock
  7. What replaces wpColorPicker in Gutenberg?
  8. Gutenberg Range Control default from meta value
  9. Find all the places where a block type is used
  10. Why is the new Gutenberg editor so narrow, and how to make it wider?
  11. WP Blocks – Gutenberg – not rendering $content
  12. Why does the custom HTML block not preserve the HTML characters?
  13. Best practices for CPT without using an editor [closed]
  14. Custom Gutenberg block is not showing up in inserter dialog
  15. Gutenberg – Custom blocks onClick not working?
  16. Get blocks from other pages, from within current page
  17. Your site doesn’t include support for the block… after registering a block
  18. .editor-styles-wrapper overriding my block styles in Gutenberg
  19. Remove a component fill from a Block Editor panel
  20. How to wrap the Gutenberg editor in a custom React component?
  21. Proper way to reload or update getEntityRecords state
  22. Cannot embed YouTube video
  23. Add a button to the toolbar of an existing Gutenberg block
  24. JSON File in Gutenberg
  25. Show date post published in Gutenberg component
  26. Adding an html wrapper to a custom Block Pattern
  27. How to add a class to the element in a custom Gutenberg block
  28. Gutenberg: How to check if a block is used in a paginated post?
  29. Editor API Endpoint or Data Store That Provides a List of Meta Fields for Post Types
  30. Specify exact parent child relationship between two blocks
  31. Using custom Entities to retrieve external data in the Block Editor
  32. How can I remove a button from the paragraph block toolbar?
  33. Align Group blocks left or right
  34. Unable to override MediaPlaceholder component
  35. Run the edit function of parent block when something changes in InnerBlocks
  36. do_blocks does not include its CSS
  37. Track Block Pattern Insertion Within the Block Editor
  38. block variations registration in PHP
  39. How to add screen reader text to links inserted in the block editor?
  40. Auto synchronize saving of custom block editor entities
  41. Store data from nested block of gutenberg
  42. Output content of post excerpt into Innerblocks within Gutenberg block
  43. How to add a link in a translation in gutenberg
  44. component does not render in block save
  45. Adding block programmatically to InnerBlocks
  46. Filter root element of tag cloud block
  47. How `window.wp.oldEditor` is being set in the editor?
  48. How to use Gutenberg blocks in widgets?
  49. Don’t expand “Most Used” accordion item when adding new block
  50. Is it possible (safe) to create custom blocks using ES Next format?
  51. How do i get the link to a block?
  52. How to prevent Block Editor from adding id to block markup in save function?
  53. How do I make sure the gutenberg block CSS is not disrupted by generic styles?
  54. Custom block Block Validation failure w/ deprecation declared
  55. Working with external library in gutenberg block
  56. Download Image from URL and Create a new Folder in wp-contents and save them there
  57. Using full site editing, can I edit just one specific post / page to be unique?
  58. Detect selected block pattern from a specific Pattern category
  59. How to add a message when post category is empty (the category have no published posts)?
  60. Add javascript file to a block pattern
  61. Block editor not recognizing markdown
  62. Can’t add front end script file using block.json for a custom block
  63. How to create Gutenberg patterns and patterns categories based on CPT posts and CPT terms?
  64. Gutenberg Block: Query for posts with blocks and sort by attributes
  65. How to Disable “Block Recovery” for HTML Blocks in Gutenberg
  66. Block error: post_taxs_obj is not a valid property of Object
  67. How to get the Gutenberg image block to show new Media Library listing
  68. useSelect in event callback – not retrieving value on time
  69. How to Batch Convert Gutenberg post to Classic post?
  70. How to create pre-designed page layouts for Gutenberg?
  71. Can anyone explain why setting a block attributes source to a data-attribute doesn’t work?
  72. How to: Provide component with innerBlocks to WordPress Gutenberg’s save function?
  73. How can I display instagram block with parse_block?
  74. Do not wrap custom block in an additional DIV but instead use only the JSX I provide
  75. Line break in Gutenberg post title?
  76. Basic Block Usage Help on WordPress
  77. Can’t extend my custom gutenberg block
  78. Is there an easy way to remove the data-preserver-spaces span from blocks?
  79. How to Stop Gutenberg From Adding Classic Block
  80. How to increase width of code block in WordPress blog?
  81. Video, embed, html block usage out of the_content
  82. applyformat in gutenberg doesnt work and no errors
  83. Why does Gutenberg adds 4 around blocks? And how to change this?
  84. admin_notices not shown
  85. Have parent block’s isSelected be true if an innerblock is selected?
  86. How can I add the option to format to list in RichTextToolbarButton?
  87. Layout Settings in the new Gutenberg editor
  88. How to get blocks with same heigh in columns?
  89. Gutenberg: Issue trying to commit locally
  90. Change Featured image location from side to normal using react (gutenberg)
  91. Get postId in a wordpress pattern file?
  92. Remove placeholder from core/image in InnerBlocks template
  93. Gutenberg block not displaying prop values
  94. ACF InnerBlocks breaks css grid, How can we add classes to allowedblocks (WordPress Gutenberg)
  95. How to disable block directory?
  96. Adding custom link text to a URLInputButton
  97. Rearrange order of block into a block category gutenberg
  98. Gutenberg Block Deprecation – Handling old viewScript and styles
  99. Resaving posts to update static blocks
  100. How to dynamically add style tags to Gutenberg editor in react

Leave a Comment