On nous a récemment demandé comment copier et coller des éléments dans WordPress sans causer de problèmes de formatage. Une question qui a du sens. 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. Le rendu sera tout simplement étrange. Dans cet article, on vous explique comment copier et coller facilement dans WordPress sans mise en forme et styles indésirables.
Sommaire
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.
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é:
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.
Copier du texte à partir de Microsoft WordPress est assez simple. Depuis des années, WordPress 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:
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.
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.
On vous recommande de toujours utiliser 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.
Google Docs est un outil de traitement de texte très populaire. Tout comme avec Word, il est facile de copier et coller depuis Google Docs vers 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.
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.
Si vous rencontrez des problèmes de mise en page et de formatage après avoir copié - collé du texte dans WordPress, nous vous invitons, en premier lieu, à vérifier quel éditeur vous utilisez.
L'éditeur classique gère bien les documents Word et ne doit pas ajouter de code inutile. Cependant, le résultat n'est pas aussi optimisé qu'avec un texte copié à partir de Google Docs. Voici à quoi ressemble notre texte de Google Docs lorsque vous le collez 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.
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.
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":
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.
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».
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:
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.
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:
<span style="font-weight: 400;"> et </span> Mots clés.<li style="font-weight: 400;"> pour juste <li>.<b> et </b> à <strong> et </strong>.<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>:
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 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.
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.
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 '':
Ces deux méthodes fonctionneront pour coller du texte brut dans un seul bloc de paragraphe.
Pour coller du texte brut dans l'éditeur classique, cliquez d'abord sur le bouton Bascule de la barre d'outils:
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:
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:
On vous a présenté, dans cet article, une liste d'étapes à suivre afin de copier et coller du texte dans votre site WordPress, sans rencontrer le moindre problème lié au formatage. Un point essentiel, puisque cela améliore l'expérience utilisateur.
Nous espérons que cet article vous a aidé mieux comprendre le process. Vous souhaitez optimiser votre site WordPress ? Dans plusieurs articles, nous évoquons le sujet. Découvrez, par exemple, comment afficher des images en taille réelle ou comment faire afin d'ajouter catégories et sous-catégories à votre site !