Comment copier et coller dans WordPress sans problèmes de mise en forme

Vous est-il déjà arrivé de coller du texte dans WordPress et que votre article soigneusement planifié apparaisse soudainement complètement différent ?

Les polices ne correspondent pas, l'espacement est incorrect et, d'une manière ou d'une autre, vous avez plusieurs styles de texte qui jurent avec le design de votre site web. Nous sommes passés par là aussi !

Nous connaissons de première main la frustration de copier du texte à partir de diverses sources – que ce soit depuis Word, Google Docs, ou même des outils d'écriture IA – pour voir ensuite WordPress le transformer en quelque chose qui ne correspond pas au style de votre site.

La bonne nouvelle ? Après des années à aider les débutants sur WordPress (et à gérer nos propres défis de copier-coller), nous avons découvert plusieurs moyens fiables de coller du contenu sans importer de mise en forme indésirable.

Dans ce guide, nous partagerons ces techniques simples mais efficaces qui vous aideront à maintenir une mise en forme cohérente dans tous vos articles.

Comprendre la copie et le collage dans WordPress

Copier et coller signifie copier du texte d'un endroit à un autre sans avoir besoin de le retaper.

Pour copier du texte à partir d'un document ou d'une page web, vous devez le sélectionner avec votre souris. Ensuite, faites un clic droit et sélectionnez « Copier » dans le menu.

Ou vous pouvez utiliser le raccourci clavier Ctrl+C (Commande+C sur Mac) pour copier le texte sélectionné.

Pour coller le texte dans WordPress, faites simplement un clic droit et sélectionnez « Coller » dans le menu.

Vous pouvez également utiliser le raccourci clavier Ctrl+V (Commande+V sur Mac) pour coller le texte copié :

Lorsque vous copiez du texte, la mise en forme du texte est copiée avec lui. Le problème est que parfois vous vous retrouvez avec une mise en forme que vous ne voulez pas.

Cette mise en forme indésirable peut affecter la façon dont votre texte s'affiche sur d'autres appareils.

Certains utilisateurs de WordPress choisissent d'éviter complètement le copier-coller. Au lieu de cela, ils rédigent leurs articles directement sur leur site WordPress.

Cependant, vous préférerez peut-être rédiger à l'aide d'un outil distinct, tel que Microsoft Word ou Google Docs. Cela vous permet de travailler hors ligne et peut faciliter le partage de votre travail pour commentaires et révisions avant publication.

Il est également essentiel d'éviter d'ajouter une mise en forme inutile, car cela affecte la taille de votre page, ce qui signifie une vitesse de site plus lente.

Le problème est que lorsque vous copiez du texte à partir d'applications comme Word ou Google Docs, vous copiez également du code de mise en forme caché. Ce code supplémentaire peut entrer en conflit avec le style de votre thème WordPress, ce qui fait que le texte s'affiche mal.

C'est pourquoi nous avons créé ce guide ultime sur la façon de copier et coller du texte dans WordPress correctement. Vous pouvez utiliser les liens pour sauter directement aux sections dont vous avez besoin :

• Comment copier et coller de Word vers WordPress (Éditeur de blocs)
• Comment copier et coller de Google Docs vers WordPress (Éditeur de blocs)
• Copier et coller à l'aide de l'éditeur classique
• Comment vérifier et corriger les erreurs de mise en forme lors du copier-coller
• Copier et coller du texte brut
• Astuce de pro : Copier, coller et cloner des sites WordPress entiers
• Questions fréquemment posées (FAQ)

Comment copier et coller de Word vers WordPress (Éditeur de blocs)

Copier du texte depuis Microsoft Word est assez simple.

Pendant des années, WordPress vous a permis de copier du texte riche (mis en forme) à partir de documents Word directement dans l'éditeur. L'éditeur de blocs moderne est excellent pour cela car il est conçu pour nettoyer automatiquement la plupart du code caché du texte collé.

Il convertit ensuite tout en blocs corrects et propres pour vous. C'est un grand avantage si vous aimez écrire et formater vos articles dans Microsoft Word.

Copier votre article de Word dans WordPress vous permet de conserver des éléments tels que les titres, le texte en gras et en italique, les liens et les listes. Il ignorera toutes les options de style telles que les couleurs, l'espacement, etc.

Here is a document that we are going to copy from Word into WordPress:

This document is formatted with two Heading 2 subheadings for subsections of the post. There is bold and italic text, a bulleted list, and a link.

We will simply copy all the content from the Word document and paste it into the WordPress block editor.

Note that some formatting has not been copied over. The image has been left out, but WordPress has created an image block in the correct place.

Tip: Always use the ‘Heading styles’ in Word to create your subheadings. Don’t highlight the text and increase the font size manually.

Want to confirm that your text has been copied over correctly? Follow our instructions later in this article on checking for and fixing formatting errors.

Comment copier et coller de Google Docs vers WordPress (Éditeur de blocs)

Google Docs is a very popular word-processing tool. Just like with Word, it’s easy to copy and paste from Google Docs into the WordPress block editor.

Here is our piece of text in Google Docs. It’s identical to the document we used in Microsoft Word above.

You can copy the text in Google Docs by using the CTRL+C keys on your keyboard or by selecting the ‘Copy’ option from the right-click menu.

After that, you can simply paste the text inside the block editor. WordPress will automatically use the correct heading sizes and blocks for the content.

This time, the image will also appear in WordPress.

Copier et coller à l'aide de l'éditeur classique

Si vous rencontrez des erreurs de mise en forme après avoir copié-collé du texte, vous utilisez peut-être l'ancien éditeur classique.

L'éditeur classique peut parfois être plus sujet aux problèmes de mise en forme, surtout lors du collage de contenu provenant de Google Docs.

Voici à quoi ressemble notre texte de Google Docs lorsqu'il est collé dans l'éditeur classique :

Les titres, le lien, le texte en gras et en italique semblent tous corrects.

Cependant, une mise en forme supplémentaire inutile a été ajoutée, qui n'est pas visible.

Comment vérifier et corriger les erreurs de mise en forme lors du copier-coller

Voyons maintenant comment vérifier et corriger les erreurs de mise en forme.

Tout le texte de vos articles WordPress est formaté à l'aide du HTML (langage de balisage hypertexte). Les balises HTML entourent les mots qui sont formatés d'une manière particulière.

Par exemple, le texte en gras dans les articles WordPress ressemble à ceci en code HTML :

There is <strong>bold text</strong> in this sentence.

Les mots « texte en gras » apparaîtront en gras.

Vous devez vérifier le code HTML de votre article pour rechercher et corriger les erreurs de mise en forme après avoir copié-collé.

Vérifier le code HTML dans l'éditeur de blocs

Dans l'éditeur de blocs, il est facile de visualiser le code HTML de n'importe quel bloc. Tout d'abord, cliquez sur le bloc. Ensuite, cliquez sur les trois points verticaux à droite du menu du bloc.

Vous verrez un menu déroulant. Ici, il vous suffit de cliquer sur l'option « Modifier en HTML » :

Vous verrez maintenant le code HTML du bloc. Avec l'éditeur de blocs, vous devriez normalement constater qu'aucune mise en forme indésirable n'a été ajoutée.

Ici, le paragraphe commence correctement par la balise ouvrante <p> et se termine par la balise fermante </p>.

La phrase en gras est également correcte. Elle commence par la balise <strong> et se termine par la balise fermante </strong>.

Pour revenir à la vue normale de votre bloc, cliquez simplement à nouveau sur les trois points verticaux.

Ensuite, sélectionnez l'option « Modifier visuellement ».

Vérifier le code HTML dans l'éditeur classique

Dans l'éditeur classique, il est facile de visualiser le code HTML d'un article en cliquant sur l'onglet « Texte » en haut de la boîte contenant le texte de l'article.

Voici le code HTML de notre article copié depuis Google Docs :

Les balises span ici sont du code supplémentaire et inutile.

Il est préférable d'utiliser les balises <strong> et <em>. L'utilisation de ces balises aide les moteurs de recherche et les lecteurs d'écran à comprendre quels mots sont importants, ce qui est bon pour le SEO et l'accessibilité.

En comparaison, voici le code produit lors de la copie depuis Word au lieu de Google Docs dans l'éditeur classique. Il n'y a pas de balises de formatage inutiles, et le gras et l'italique ont été correctement rendus.

Si vous avez copié votre article depuis Google Docs, vous devrez parcourir le code HTML et corriger manuellement le formatage. Dans ce cas, cela signifie :

• Supprimer toutes les balises <span style="font-weight: 400;"> et </span>.
• Changer tous les <li style="font-weight: 400;"> en simples <li>.
• Changer <b> et </b> en <strong> et </strong>.
• Changer <i> et </i> en <em> et </em>.

Pour accélérer le processus, vous devez d'abord copier et coller le code HTML dans un éditeur de texte.

Ensuite, utilisez simplement Rechercher et Remplacer pour modifier le formatage incorrect. Voici un exemple avec le Bloc-notes. Nous recherchons toutes les occurrences de <li style="font-weight: 400;"> et les remplaçons par <li> :

Une fois que vous avez remplacé tout le formatage incorrect, copiez et collez simplement le texte dans la vue Texte de l'éditeur classique.

Cela devrait ressembler à ceci.

Copier et coller du texte brut

Le texte brut est du texte sans aucune mise en forme. Pour éviter toute possibilité de mise en forme incorrecte, vous pouvez préférer copier et coller du texte brut.

C'est aussi une option très utile si vous copiez une section de texte depuis un autre site web. Par exemple, vous pourriez inclure une citation de quelqu'un d'autre dans votre contenu.

Copier et coller du texte brut dans l'éditeur de blocs

L'éditeur de blocs WordPress n'a pas de bouton ou d'option pour coller du texte brut. Cependant, il est facile de le faire vous-même.

Heureusement, la plupart des navigateurs web disposent d'une fonctionnalité intégrée pour coller du texte sans sa mise en forme d'origine. Il existe deux méthodes simples pour l'utiliser.

La méthode la plus rapide consiste à utiliser un raccourci clavier : Ctrl+Maj+V (sur PC) ou Cmd+Maj+V (sur Mac).

Alternativement, vous pouvez souvent faire un clic droit dans l'éditeur et choisir l'option « Coller comme texte brut » dans le menu. Cette option est disponible dans les navigateurs comme Google Chrome.

Ces deux méthodes colleront le texte proprement dans un seul bloc Paragraphe.

Copier et coller du texte brut dans l'éditeur classique

Pour coller du texte brut dans l'éditeur classique, vous devez d'abord cliquer sur le bouton Basculer la barre d'outils :

Maintenant, il vous suffit de cliquer sur l'icône « Coller comme texte ».

Elle ressemble à un presse-papiers avec la lettre T dessus :

Tout texte que vous collerez sera maintenant collé en mode texte brut, avec la mise en forme supprimée.

Voici à quoi cela ressemble lorsque nous collons le texte de notre Google Docs. Les titres, le gras, l'italique, les puces et le lien ont tous été supprimés :

Astuce de pro : Copier, coller et cloner des sites WordPress entiers

Bien que le guide pour débutants ci-dessus vous enseigne les bases du copier-coller, WordPress offre également de nombreuses fonctionnalités avancées de copie, de collage et de clonage.

Par exemple, vous pouvez facilement cloner un site WordPress entier en 7 étapes faciles.

Il existe également un moyen de créer une page ou un article WordPress dupliqué en un seul clic.

Si vous utilisez l'éditeur de blocs, vous pouvez également créer des blocs réutilisables que vous pouvez utiliser sur plusieurs articles.

Questions fréquemment posées (FAQ)

Voici quelques questions courantes que nos lecteurs posent sur la copie et le collage sans problèmes de mise en forme dans WordPress :

Pourquoi mon texte a-t-il l'air bizarre après l'avoir collé dans WordPress ?

Lorsque vous copiez du texte à partir d'applications comme Microsoft Word ou Google Docs, vous copiez également des mises en forme HTML cachées.

Ce code supplémentaire peut souvent entrer en conflit avec les styles de votre thème WordPress, causant des problèmes de polices, d'espacement et de couleurs.

Puis-je coller directement depuis Google Docs dans l'éditeur de blocs WordPress ?

Oui, vous le pouvez. L'éditeur de blocs WordPress moderne est très performant pour nettoyer le code de Google Docs. Il préserve facilement les éléments tels que les titres, le texte en gras et les listes, tout en supprimant la plupart des styles problématiques.

Quelle est la manière la plus rapide de coller du texte sans aucun formatage ?

La méthode la plus rapide consiste à utiliser un raccourci clavier.

Appuyer sur Ctrl+Maj+V (ou Cmd+Maj+V sur Mac) collera le texte en texte brut, sans aucun formatage d'origine.

Dois-je écrire tous mes articles directement dans WordPress ?

Bien qu'écrire directement dans WordPress évite les problèmes de copier-coller, de nombreuses personnes préfèrent écrire dans d'autres outils pour un accès hors ligne ou des fonctionnalités de collaboration.

En utilisant les techniques de ce guide, vous pouvez facilement utiliser votre application d'écriture préférée sans créer de problèmes de formatage.

Nous espérons que cet article vous a aidé à apprendre comment copier et coller dans WordPress. Vous pourriez également aimer nos conseils pour maîtriser l'éditeur de contenu WordPress et notre tutoriel sur comment ajouter la collaboration dans l'éditeur de blocs WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.