Skip Navigation

Home › Support › English Support › [Closed] There are weird codes for some translations

[Closed] There are weird codes for some translations

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 8:00 – 13:00 9:00 – 13:00 9:00 – 13:00 8:00 – 12:00 8:00 – 12:00 -
- 14:00 – 17:00 14:00 – 18:00 14:00 – 18:00 13:00 – 17:00 13:00 – 17:00 -

Supporter timezone: Europe/Zagreb (GMT+02:00)

Tagged: 

This topic contains 0 replies, has 0 voices.

Last updated by Bruno Kos 3 weeks, 4 days ago.

Assisted by: Bruno Kos.

Author Posts
March 21, 2025 at 6:52 am

CENK UYSAL

Background of the issue:
I am experiencing issues with translations on my site hidden link. There are weird codes appearing in some translations, and images are not showing. I suspect that during a translation, WPML couldn't recognize the code character and replaced it with something else. Here is an example of the code: ">.

Symptoms:
Weird codes appear in translations, and images are not displayed.

Questions:

March 21, 2025 at 7:58 am
March 21, 2025 at 8:06 am #16842937

Bruno Kos
WPML Supporter since 12/2018

Languages: English (English ) German (Deutsch ) French (Français )

Timezone: Europe/Zagreb (GMT+02:00)

Since the WordPress editor encodes HTML entities, and these get decoded when switching between Text and Visual tabs, there’s unfortunately not much that can be done directly within the editor.

Workaround:
You can register a shortcode for this markup and use the shortcode in place of the actual HTML.

Add this code to the theme’s 

functions.php

file:

add_shortcode('glide_arrows', function () {
    return '<div class="glide__arrows" data-glide-el="controls">
                <button data-glide-dir="<" class="glide__arrow glide__arrow--left"><span class="tb-slider-left-arrow"></span></button>
                <button data-glide-dir=">" class="glide__arrow glide__arrow--right"><span class="tb-slider-right-arrow"></span></button>
            </div>';
});

Then, in the editor, replace this HTML: 

<div class="glide__arrows" data-glide-el="controls">
                <button data-glide-dir="<" class="glide__arrow glide__arrow--left"><span class="tb-slider-left-arrow"></span></button>
                <button data-glide-dir=">" class="glide__arrow glide__arrow--right"><span class="tb-slider-right-arrow"></span></button>
            </div>

With this shortcode: 

[glide_arrows]

After that, the page can be translated with ATE without issues.

Then open both of the following pages in the Advanced Translation Editor and simply re-save them:

hidden link
hidden link

Let us know if that works.

The topic ‘[Closed] There are weird codes for some translations’ is closed to new replies.