Récemment, un lecteur nous a demandé comment copier et coller des éléments dans WordPress sans causer de problèmes de formatage?

Souvent, lorsque vous copiez et collez du contenu à partir d’une application de bureau ou d’une page Web, vous finissez par coller également un formatage indésirable. Cela ne correspond pas aux polices et aux couleurs de votre thème WordPress, ce qui semble tout simplement étrange.

Dans cet article, nous allons partager comment copier et coller facilement dans WordPress sans mise en forme et styles indésirables.

Copier et coller du texte dans WordPress

Comprendre le copier-coller dans WordPress

Copier et coller signifie copier du texte d’un endroit à un autre sans avoir à tout taper à nouveau.

Pour copier du texte à partir d’un document ou d’une page Web, vous devez le mettre en surbrillance à l’aide de votre souris. Ensuite, cliquez simplement avec le bouton droit de la souris et sélectionnez «Copier» dans le menu. Ou, vous pouvez utiliser le raccourci clavier Ctrl + C (Commande + C sur un Mac) pour copier le texte en surbrillance.

Copie du texte de votre document Word en le mettant en surbrillance et en cliquant avec le bouton droit de la souris

Pour coller du texte dans WordPress, vous pouvez cliquer avec le bouton droit de la souris et sélectionner «Coller» dans le menu. Ou utilisez le raccourci clavier Ctrl + V (Commande + V sur un Mac) pour coller le texte copié:

Coller votre texte copié dans WordPress

Lorsque vous copiez du texte, la mise en forme du texte est copiée avec lui. Le problème est que parfois vous vous retrouverez avec un formatage dont 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 de copier et de 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 les commentaires et les révisions avant la publication.

Il est également important d’éviter d’ajouter une mise en forme inutile, car cela a un impact sur la taille de votre page, ce qui ralentit la vitesse du site.

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

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

Copier du texte à partir de Microsoft WordPress est assez simple.

Depuis des années, WordPress vous permet de copier du texte riche (formaté) à partir de documents Word directement dans l’éditeur. C’est un gros avantage si vous aimez rédiger et mettre en forme vos articles dans Microsoft Word.

La copie de votre publication de Word dans WordPress vous permet de conserver des éléments tels que des en-têtes, du texte en gras et en italique, des liens et des listes. Il supprimera toutes les options de style telles que les couleurs, l’espacement, etc.

Voici un document que nous allons copier de Word dans WordPress:

Le document Word que nous allons copier dans WordPress

Ce document est formaté avec deux sous-titres en-tête 2 pour les sous-sections du message. Il y a du texte en gras et en italique, une liste à puces et un lien.

Nous allons simplement copier tout le contenu du document Word et le coller dans l’éditeur de blocs WordPress.

Le texte de Word a maintenant été copié dans notre article WordPress

Notez que certains formats n’ont pas été copiés. L’image a été laissée de côté, mais WordPress a créé un bloc d’image au bon endroit.

Pointe: Utilisez toujours les «styles de titre» dans Word pour créer vos sous-titres. Ne mettez pas le texte en surbrillance et n’augmentez pas la taille de la police manuellement.

Vous souhaitez confirmer que votre texte a été copié correctement? Suivez simplement nos instructions plus loin dans cet article pour rechercher et corriger les erreurs de formatage.

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

Google Docs est un outil de traitement de texte très populaire. Tout comme avec Word, il est facile de copier et coller de Google Docs dans l’éditeur de blocs WordPress.

Voici notre morceau de texte dans Google Docs. C’est identique à la pièce que nous avons utilisée dans Word, ci-dessus.

Le document Google avec le texte que nous allons copier

Lorsque nous copions et collons le texte de Google Docs vers WordPress, encore une fois, WordPress a formaté le texte correctement.

Cette fois, l’image a également été téléchargée sur WordPress.

Le texte Google Docs dans l'éditeur de blocs WordPress

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

Avez-vous des problèmes avec des erreurs de formatage après avoir copié et collé du texte dans WordPress? Ensuite, vous utilisez probablement l’ancien éditeur classique.

L’éditeur classique gère bien les documents Word et ne doit pas ajouter de code inutile. Cependant, cela ne fait pas un si bon travail avec le texte copié à partir de Google Docs.

Voici à quoi ressemble notre texte de Google Docs lorsque vous le collez dans l’éditeur classique:

Le texte Google Docs copié dans l'éditeur classique

Les titres, les liens, le texte en gras et en italique tous Regardez correct.

Cependant, un formatage supplémentaire inutile a été ajouté qui n’est pas visible.

Comment vérifier et corriger les erreurs de formatage de copie et de collage

Voyons comment vérifier et corriger les erreurs de formatage maintenant.

Tout le texte de vos articles WordPress est formaté en 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 dans le code HTML:

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

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

Pour rechercher et corriger les erreurs de mise en forme après le copier-coller, vous devez vérifier le code HTML de votre message.

Vérification du code HTML dans l’éditeur de blocs

Dans l’éditeur de blocs, il est facile d’afficher le code HTML de n’importe quel bloc. Cliquez d’abord 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 au format HTML »:

Passer à la vue HTML d'un bloc dans WordPress

Vous verrez maintenant le code HTML du bloc. Avec l’éditeur de blocs, vous devriez normalement constater qu’aucun formatage indésirable n’a été ajouté.

Ici, le paragraphe commence correctement par l’ouverture <p> étiquette et se termine par la fermeture </p> marque.

La phrase en gras est également correcte. Cela commence au <strong> étiquette et se termine par la fermeture </strong> marque.

Affichage du code HTML de votre bloc dans l'éditeur de blocs

Pour revenir à la vue normale de votre bloc, cliquez simplement à nouveau sur les trois points verticaux. Ensuite, allez-y et sélectionnez l’option «Modifier visuellement».

Revenir à la vue visuelle de votre bloc

Vérification du 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 message copié à partir de Google Docs:

Affichage du code HTML de votre message dans l'éditeur classique

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

De plus, le texte en gras et le texte en italique sont formatés à l’aide de la <b> tag au lieu de <strong> et le <i> tag au lieu de <em>. Il est généralement préférable d’utiliser le <strong> et <em> les balises car elles donnent à vos mots un sens sémantique, pas seulement un style visuel.

Par 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 mise en forme inutiles et le gras et l’italique ont été correctement rendus.

Le code HTML produit lors de la copie d'un document de Word dans l'éditeur classique

Si vous avez copié votre message à partir de Google Docs, vous devrez parcourir le code HTML et corriger manuellement la mise en forme. Dans ce cas, cela signifie:

  • Suppression de tous les <span style="font-weight: 400;"> et </span> Mots clés.
  • Changer tous les <li style="font-weight: 400;"> pour juste <li>.
  • En changeant <b> et </b> à <strong> et </strong>.
  • En changeant <i> et </i> à <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 un formatage incorrect. Voici un exemple d’utilisation du bloc-notes. Nous trouvons toutes les instances de <li style="font-weight: 400;"> et les remplacer par <li>:

Utilisation du Bloc-notes pour corriger rapidement et facilement le code HTML indésirable

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

Le code de mise en forme corrigé dans l'éditeur classique

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 également une option très utile si vous copiez une section de texte d’un autre site Web. Par exemple, vous pouvez 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 ni d’option pour coller du texte brut. Cependant, il est facile de le faire vous-même.

La méthode la plus rapide consiste à utiliser le raccourci clavier Ctrl + Maj + V (PC) ou Commande + Maj + V (Mac) pour coller votre texte. Cela collera automatiquement au format texte brut.

Texte brut collé dans l'éditeur de blocs à l'aide de la commande Ctrl + Maj + V

Alternativement, certains navigateurs offrent la possibilité de coller sous forme de texte brut. Si vous utilisez Google Chrome, cliquez simplement avec le bouton droit de la souris et sélectionnez l’option «  Coller en texte brut  »:

Faites un clic droit et utilisez le "Coller en texte brut" optin dans votre navigateur

Ces deux méthodes fonctionneront pour coller du texte brut dans un seul bloc de paragraphe.

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

Pour coller du texte brut dans l’éditeur classique, cliquez d’abord sur le bouton Bascule de la barre d’outils:

Le bouton bascule de la barre d'outils dans l'éditeur classique de WordPress

Maintenant, il vous suffit de cliquer sur l’icône «Coller en tant que texte». Cela ressemble à un presse-papiers avec la lettre T dessus:

Utilisez le bouton WordPress `` Coller comme texte '' pour activer le mode texte brut

Tout texte que vous collez sera désormais collé en mode texte brut, avec la mise en forme supprimée. Voici à quoi cela ressemble lorsque nous collons le texte de notre document Google. Les titres, gras, italique, puces et lien ont tous été supprimés:

Le texte Google docs collé sous forme de texte brut dans l'éditeur classique de WordPress

Conseil de pro: Copiez, collez et clonez des sites WordPress entiers

Alors que le guide du débutant ci-dessus vous montre les bases du copier-coller, WordPress propose également de nombreuses fonctionnalités avancées de copier, coller et cloner.

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 une publication WordPress en double 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 publications.

Nous espérons que cet article vous a aidé à apprendre à copier et coller dans WordPress. Vous aimerez peut-être également nos conseils sur la maîtrise de l’éditeur de contenu WordPress, et notre sélection d’experts des plugins WordPress indispensables pour tous les sites Web.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.



Catégories : Web

0 commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *