{"id":182,"date":"2024-04-19T14:15:25","date_gmt":"2024-04-19T17:15:25","guid":{"rendered":"https:\/\/kylekelly.com\/?p=182"},"modified":"2024-04-30T13:31:54","modified_gmt":"2024-04-30T16:31:54","slug":"wpml-translating-blocks-that-arent-translatable","status":"publish","type":"post","link":"https:\/\/kylekelly.com\/posts\/wpml-translating-blocks-that-arent-translatable\/","title":{"rendered":"WPML: Translating blocks that aren&#8217;t translatable"},"content":{"rendered":"\n<p>A follow up to yesterday&#8217;s post: <a href=\"https:\/\/kylekelly.com\/posts\/getwid-megamenu-wpml\/\" data-type=\"post\" data-id=\"175\">Getwid-Megamenu WPML<\/a><\/p>\n\n\n\n<p>I ran into an issue that the Previous &amp; Next buttons in my single-post template were not translatable in WPML.<\/p>\n\n\n\n<p>The first step was to take a look at the HTML for the block from the editor:<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;!-- wp:post-navigation-link {\"type\":\"previous\",\"label\":\"Previous Story\",\"arrow\":\"arrow\"} \/--&gt;<\/code><\/pre>\n\n\n\n<p>We can see that the text we want to translate is in the &#8220;label&#8221; field.<\/p>\n\n\n\n<p>In a wpml-config.xml file (in your theme), or in WPML-&gt;Settings-&gt;Custom XML Configuration you can set that a field in a blocks attributes is translatable. Here is how to do that for the block above:<\/p>\n\n\n\n<pre class=\"wp-block-code alignwide\"><code>&lt;wpml-config&gt;\n  &lt;gutenberg-blocks&gt;\n    &lt;gutenberg-block type=\"core\/post-navigation-link\" translate=\"1\"&gt;\n      &lt;key name=\"label\" \/&gt;\n    &lt;\/gutenberg-block&gt;\n  &lt;\/gutenberg-blocks&gt;\n&lt;\/wpml-config&gt;<\/code><\/pre>\n\n\n\n<p>Save that, then send the template to translation again and it <em>should<\/em> now be able to be translated.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A follow up to yesterday&#8217;s post: Getwid-Megamenu WPML I ran into an issue that the Previous &amp; Next buttons in my single-post template were not translatable in WPML. The first step was to take a look at the HTML for the block from the editor: We can see that the text we want to translate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[9,18],"_links":{"self":[{"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/posts\/182"}],"collection":[{"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":5,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/posts\/182\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kylekelly.com\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}