La traduction des blocs Gutenberg est vraiment simple en utilisant le module gratuit TranslatePress plugin multilingue. Dans ce tutoriel, nous allons nous concentrer sur la façon de traduire des blocs Gutenberg de tout type, y compris les titres, les paragraphes avec différentes mises en forme, les citations, les listes, les images, les boutons, et bien plus encore.
Gutenberg est l'éditeur par défaut de WordPress, qui fait partie du cœur depuis WordPress 5.0. Il a un impact fort sur toute l'expérience de publication de WordPress, permettant à quiconque de créer facilement des mises en page de contenu riches et flexibles.
Les blocs Gutenberg sont un excellent outil pour créer et styliser différents types de contenu, sans avoir à écrire une seule ligne de code. Si vous cherchez à rendre votre site disponible en plusieurs langues, vous avez besoin d'un moyen simple pour traduire le contenu de chaque bloc Gutenberg.
Dans ce tutoriel, nous allons vous montrer comment traduire facilement n'importe quel bloc de contenu Gutenberg à l'aide de la version gratuite de TranslatePress. C'est parti :
Associé: Comment traduire les produits WooCommerce
Comment traduire les blocs Gutenberg
Alors que Gutenberg était le nom officiel lorsque l'éditeur était en cours de développement, il est désormais simplement appelé “ l'éditeur de blocs WordPress ” ou “ l'éditeur WordPress ” car il fait officiellement partie du cœur.
Maintenant, ajoutons un nouvel article qui contient certains des blocs Gutenberg les plus populaires.
Comme vous l'avez remarqué, j'ai ajouté un paragraphe avec de la mise en forme, plusieurs titres, un bloc de citation, une liste et un bouton.
Il ne reste plus qu'à téléchargez et installez le plugin gratuit TranslatePress et traduisez chacun d'entre eux. Pour cet exemple, nous ajouterons le français comme langue secondaire.
Une fois le plugin activé, rendez-vous sur la page TranslatePress Paramètres page et ajoutez le français comme langue secondaire.
Enregistrez les paramètres et cliquez simplement sur Site Cliquez sur ce bouton pour lancer la traduction de votre contenu. Cela ouvrira une interface de traduction côté client, dans laquelle vous pourrez naviguer sur le site et cliquer sur certains éléments de contenu afin de les traduire.
Dans le menu déroulant des langues situé à gauche, veillez à sélectionner “ Français ” afin que nous puissions obtenir un aperçu en temps réel lors de la traduction d'une chaîne de caractères donnée.
À l'instar de Gutenberg, le processus de traduction dans TranslatePress s'articule également autour de blocs de contenu, au sein d'une interface visuelle et intuitive.
Traduire un bloc Gutenberg « Titre »
Commençons par traduire le titre de l'article, qui est un titre h2. Dans l'interface de traduction, survolez simplement le titre et vous remarquerez un Modifier icône apparaît. En cliquant dessus, vous pourrez ajouter/modifier une nouvelle traduction.
Clique sur Sauvegarder bouton et vous verrez le titre du message “ Français ” déjà mis à jour.
Traduction d'un bloc de paragraphe avec mise en forme
Ensuite, nous passerons à traduction du premier paragraphe. En raison de sa mise en forme, ce texte contient plusieurs éléments HTML ; TranslatePress va donc le découper en morceaux plus petits.
Afin de traduire le paragraphe entier d'un seul coup, il vous suffit de cliquer sur le Icône de fusion 
pour regrouper toute la phrase en un seul bloc.
Si vous décidez par la suite d'annuler cette opération de fusion afin de traduire ces courtes chaînes de caractères une par une, il vous suffit de cliquer sur le Bouton partagé 
. La traduction de l'ensemble du bloc sera disponible à tout moment en le réintégrant.
Traduction d'un bloc de liste Gutenberg
Une liste de blocs Gutenberg est traduite de la même manière, en survolant simplement, en sélectionnant chaque élément de la liste et en saisissant la traduction pour chacun d'eux.
Bloc Bouton Gutenberg
Enfin, nous allons traduire le bouton d'appel à l'action ajouté à notre publication en texte enrichi. C'est exact, survolez, cliquez sur l'icône de crayon pour ajouter la traduction, puis enregistrez-la.
Traduire le bloc d'image Gutenberg
Les images sont très courantes lorsqu'on ajoute du contenu à une page. C'est pourquoi le bloc « Image » de Gutenberg est l'un des blocs les plus utilisés.
Il existe toutefois des situations dans lesquelles vous devriez transposer une image. Si votre image contient du texte dans une certaine langue, vous aurez besoin d'un moyen simple de afficher des images différentes pour des langues différentes.
TranslatePress prend en charge la traduction d'images, via la même interface visuelle de traduction.
Vous passez simplement le curseur sur l'image que vous souhaitez remplacer, cliquez sur l'icône de crayon et téléchargez ou sélectionnez une autre image pour une autre langue.
Vous pouvez également modifier des éléments tels que le texte alternatif, le titre de l'image ainsi que les liens hypertextes.
Ça y est, notre article créé à l'aide de plusieurs types de blocs Gutenberg est maintenant complètement traduit en français.
Voilà qui résume bien la simplicité avec laquelle on peut traduire les blocs Gutenberg à l'aide de TranslatePress.
TranslatePress Multilingue
Jouer avec la démo et voyez par vous-même et apprenez-en davantage sur fonctionnalités premium du plugin.
Avez-vous encore des questions sur la traduction des blocs Gutenberg ? 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 X pour être le premier à savoir chaque fois que nous publions.
