Comment traduire des images dans WordPress [Guide complet]

Lors de la construction d'un site web multilingue, la capacité de traduire des images dans WordPress est une demande courante lorsque vous avez besoin de afficher des images différentes pour des langues différentes.

La traduction d'images dans WordPress s'avère très pratique, en particulier lorsque vous avez affaire à des images contenant du texte, un texte qui doit être traduit pour chaque langue.

Traduction d'image, ou plus généralement, traduction de médias c'est vraiment simple d'utilisation TranslatePress. Comme pour les autres types de contenu, vous pourrez traduire les images directement depuis l'interface publique, à l'aide de l'éditeur de traduction visuelle TranslatePress.

Cette fonctionnalité s'étend à tous les types de médias, qu'il s'agisse d'images avec du texte, de diaporamas, de vidéos ou d'autres médias importés. Vous pouvez utiliser la même approche ci-dessous pour les traduire ainsi que les informations méta associées (par exemple, le titre, le texte alternatif).

Si vous êtes pressé et qu'un tutoriel vidéo rapide vous suffit, vous pouvez regarder cette courte vidéo sur la traduction d'images :

Mais si vous voulez tout savoir, continuez à lire !

Traduire des images dans WordPress

La traduction d'images directement depuis le front-end était une demande constante de nos utilisateurs. Nous avions une solution pour cela, sous la forme d'un shortcode conditionnel basé sur la langue, ce qui a très bien fonctionné.

Cependant, cette fonctionnalité devait être utilisée dans le back-end, ce qui a en quelque sorte perturbé le flux de traduction intuitif du front-end qui fait la réputation de TranslatePress.

Vous devriez être capable de traduire N'IMPORTE quel type de contenu directement depuis le front-end. C'est pourquoi, avec un peu de refactoring, nous avons transféré la possibilité de traduire des images, des curseurs et plus encore vers le front-end. Il est ainsi plus facile que jamais d'afficher différents médias en fonction de la langue.

Voici quelques cas d'utilisation de la traduction d'images dans WordPress :

• avoir une image ou un logo de site web avec du texte, qui doit changer lorsque vous changez de langue.
• vendre un livre numérique, où la couverture doit refléter le titre dans la langue choisie de votre site multilingue
• création curseurs multilingues, qui contiennent plusieurs images avec du texte qui doit être traduit
• Traduction de produit WooCommerce images (cours, événements, livres, t-shirts... vraiment tout type de produit comportant du texte)

Traduction d'images contenant du texte

Maintenant que nous avons examiné certains cas d'utilisation de la traduction d'images, plongeons dans le processus simple de traduction d'images contenant du texte.

Après installation et activation TranslatePress : vous remarquerez qu'une nouvelle option ” Traduire le site » a été ajoutée dans la barre d'administration.

Passez la souris dessus et cliquez sur “ Paramètres ” pour accéder aux paramètres de TranslatePress. À partir de là, vous pouvez ajouter une nouvelle langue de traduction. Nous utiliserons l'espagnol pour cet exemple.

Après cela, cliquez simplement sur “ Enregistrer les modifications ” et sur “ Traduire le site ” pour commencer à traduire le contenu de votre site.

Vous serez conduit vers une interface de traduction visuelle front-end. De là, vous pourrez naviguer vers la page contenant votre image avec du texte.

Survolez simplement l'image et cliquez sur l'icône de crayon pour la remplacer par une autre image contenant le texte en espagnol.

Dans notre cas, nous avons un article de blog axé sur “ Sauver les arbres ”, qui comprend une image avec du texte. Après avoir cliqué sur l'icône de crayon, dans la barre latérale de traduction, vous pouvez télécharger ou sélectionner une source d'image différente pour la version espagnole.

Sélectionnez ou téléchargez la version traduite de l'image, cliquez sur “ Enregistrer ” et vous avez terminé. Le fait de passer la langue en espagnol affichera désormais la version espagnole de l'image avec du texte.

Vous pouvez également sélectionner l'image par son nom dans la barre latérale Traduction, en la localisant dans le menu déroulant des chaînes sous Images groupe d'options.

Traduction du titre et de l'attribut alt de l'image

À l'avenir, en plus de la source de l'image, vous pouvez également traduire les méta-informations telles que le Titre et alt attribut.

Traduire le alt attribut dont vous aurez besoin Extension SEO qui est disponible dans le versions premium du plugin.

Traduction du texte alternatif de l'image peut avoir un impact positif sur classements dans les moteurs de recherche en plusieurs langues.

Avoir le module complémentaire SEO installé et activé vous donnera accès à la traduction du texte alternatif en cliquant sur une image. Si votre image possède un titre défini dans la langue d'origine, vous pourrez également le traduire.

Comme le montre l'image ci-dessus, toutes les méta-informations de l'image seront affichées avec la source de l'image dans la barre latérale de traduction.

Traduire les images contenant des liens

Un autre scénario courant pour la traduction d'images WordPress est lorsqu'une telle image contient également un lien. Par exemple, une image de couverture de livre électronique renvoyant à un fichier .pdf contenant son contenu, ou différents liens externes vers lesquels différentes versions peuvent être achetées.

Si votre image contient un lien vers un élément, TranslatePress le détectera et vous permettra de modifier le lien vers le fichier multimédia ou l'URL externe en fonction de la langue.

Si votre image contient un lien, vous remarquerez un “Ancre de lien” affiché dans la barre latérale de traduction lors de sa sélection. Cela peut être utilisé pour faire en sorte que des versions traduites de votre image renvoient vers des endroits différents.

Dans l'exemple ci-dessus, nous l'avons utilisé pour créer des liens vers différentes pages de livres Amazon. La version anglaise renvoie au titre anglais sur Amazon, tandis que la couverture espagnole renvoie à la version espagnole du livre sur Amazon.

Créer des curseurs multilingues

Puisque les diaporamas sont essentiellement une collection d'images, vous pouvez utiliser la même approche pour traduire un diaporama d'images ou un carrousel contenant plusieurs images.

Il vous suffira de survoler chaque image à traduire, de cliquer sur l'icône de crayon et de sélectionner celle par laquelle vous souhaitez la remplacer dans une autre langue.

Si les images du diaporama contiennent des liens vers certains fichiers multimédias locaux ou renvoient même vers l'extérieur, vous pouvez utiliser le “ Lien d'ancrage ” pour le personnaliser en fonction de la langue sélectionnée.

Voici à quoi ressemble le curseur d'exemple lorsque vous changez de langue sur le front-end.

Pas mal pour environ 10 secondes de votre temps.

Pour finir

La traduction d'images dans WordPress à l'aide de TranslatePress suit désormais la même approche visuelle intuitive que pour la traduction de tout type de contenu (qu'il s'agisse de Blocs Gutenberg, Élémentor contenu, formes, fenêtres intempestives et plus).

TranslatePress Multilingue

TranslatePress est la solution la plus simple pour traduire ton site WordPress. Elle est rapide, ne ralentit pas ton site, fonctionne avec N'IMPORTE QUEL thème ou plugin et est optimisée pour le référencement.

Obtenir le plugin Essayez la version gratuite

En raison de son approche de traduction front-end, vous pouvez utiliser TranslatePress pour traduire tout le contenu de votre site web, indépendamment de la manière dont il a été créé.

Avez-vous encore des questions sur la traduction d'images dans WordPress ? Faites-le-nous savoir dans les commentaires !

Si vous avez trouvé ce message utile, consultez notre Chaîne YouTube, où nous téléchargeons constamment des tutoriels vidéo courts et faciles à suivre. Vous pouvez également nous suivre sur Facebook et Twitter pour être le premier à savoir chaque fois que nous publions.