Rédaction d’articles

Note : En décembre 2018, la version 5.0 de WordPress a été publiée avec un nouvel éditeur par blocs (Gutenberg).
Cet article décrit la méthode de rédaction avec l’éditeur disponible dans les versions précédentes de WordPress, qui peut être utilisé dans la version 5.0 de WordPress et versions ultérieures via l’extension Classic Editor.
Si vous utilisez le nouvel éditeur, lisez la documentation du nouvel éditeur de blocs.

Les articles sont des publications qui s’affichent dans l’ordre chronologique inverse (ou « ordre antéchrono-logique ») sur votre page d’accueil et/ou votre page de blog. Les articles affichent généralement des champs de commentaires et sont inclus dans le flux RSS de votre site.

Pour rédiger un article :

  1. Connectez-vous à votre Tableau de bord WordPress.
  2. Cliquez sur l’onglet Articles.
  3. Dans le menu déroulant, cliquez sur Ajouter.
  4. Commencez à remplir les espaces vides : saisissez le titre de votre article dans le champ supérieur et saisissez le contenu de votre article dans la zone d’édition principale en dessous.
  5. Au besoin, sélectionnez une catégorie, ajoutez en des nouvelles et effectuez d’autres actions dans les sections sous l’article (chacune de ces sections est décrite ci-dessous.).
  6. Quand vous avez terminé, cliquez sur le bouton Publier.

Options de l’écran

Par défaut, certaines boîtes méta sont masquées dans l’éditeur. L’onglet Options de l’écran vous permet de choisir celles qui sont affichées ou masquées, ce qui vous permet de minimiser l’encombrement et de personnaliser leur affichage en fonction de vos besoins.

Vous trouverez l’onglet Options de l’écran tout en haut de votre écran à droite, et si vous cliquez dessus, vous verrez une liste des boîtes méta disponibles et que vous pouvez utiliser. Cochez ou décochez les cases des boites méta que vous souhaitez afficher ou masquer.
Cliquez à nouveau sur Options de l’écran pour fermer l’onglet.

Une fois que vous avez personnalisé l’écran d’édition, vos options sont enregistrées afin que vous n’ayez pas à les sélectionner ou les masquer à chaque modification ou publication d’article.

À noter que vous pouvez définir certains réglages par défaut comme les catégories et formats d’articles, les options de publication par e-mail ainsi que les services de mises à jour dans l’écran Options d’écriture accessible via le menu Réglages > Écriture.

Écran de rédaction d’un article avec toutes les boites méta affichées

Descriptions des boîtes méta

Titre

Ce première champ doit contenir le titre de votre article. Vous pouvez utiliser n’importe quelle phrase, mots ou caractères (évitez d’utiliser le même titre sur plusieurs articles). Vous pouvez utiliser des virgules, des apostrophes, des guillemets, des traits d’union/tirets et d’autres symboles. WordPress le nettoiera ensuite pour générer une URL lisible et valide (également appelé « slug ») afin de créer le permalien de l’article.

Permalien

Le permalien, situé en dessous du titre, est la partie finale de l’URL de l’article. Il est généré automatiquement à partir du titre de l’article, et il est déconseillé de le modifier une fois votre article publié. Pour en savoir plus sur les permaliens, lisez l’article Utilisation des permaliens.

Contenu de l’article

La grande zone juste en dessous est la zone d’édition dans laquelle vous allez saisir votre texte agrémenté de liens, d’images. Vous pouvez utiliser l’éditeur en mode visuel (WYSIWYG) ou en mode texte pour rédiger vos articles. Pour plus d’informations sur la vue texte, consultez la section ci-dessous, Mode Visuel et mode Texte.

Publier

Cette boite méta située à droite vous permet de gérer l’état de votre article, les options de visibilité et de date de publication.

Bouton de prévisualisation
Vous permet d’afficher l’article avant de le publier.

Enregistrer le brouillon
Ce bouton vous permet d’enregistrer votre article en tant que brouillon plutôt que de le publier immédiatement. Un article en brouillon ne sera pas visible sur votre site pour les personnes non connectées.

État
Si vous souhaitez définir un état de publication spécifique, cliquez sur le lien Modifier à côté de État. Lisez l’article États des publications pour en savoir plus à ce sujet.

Dans la liste de tous les articles, vous pouvez filtrer les articles en fonction de leurs états :

Capture d'écran des filtres par états dans la liste des articles.

Visibilité

Cela détermine la façon dont votre article apparaît sur votre site. Lisez l’article Visibilité des publications pour en savoir plus à ce sujet.

Révisions
Cliquez sur Parcourir pour voir toutes les modifications que vous avez apportées à votre article. Lisez l’article Les révisions pour en savoir plus sur les révisions.

Planification
Pour planifier une publication pour une heure ou une date ultérieure, cliquez sur Modifier à côté de Publier tout de suite. Vous pouvez également remplacer la date de publication par une date dans le passé. Modifiez les réglages à l’heure et à la date souhaitées. Vous devez également cliquer sur le bouton Publier pour déclencher la publication à l’heure et à la date souhaitées.

Format

Ici vous pouvez choisir un format (par défaut, en passant, galerie) pour un article. Le style et l’apparence sont gérés par le thème que vous utilisez.

Catégories

À cet endroit vous pouvez assigner une ou plusieurs catégories à votre article, ou en créer de nouvelles. Les catégories permettent de regrouper plusieurs articles d’un même sujet, accessibles via un lien dédié. Pour gérer vos catégories rendez vous dans l’Écran des catégories du tableau de bord accessible via le menu Articles > Catégories.

Étiquettes

Dans ce champ, vous pouvez assigner une ou plusieurs étiquettes à votre article : saisissez le mot voulu dans le champ situé en dessous de Étiquettes, puis cliquez sur Ajouter. Comme les catégories, les étiquettes permettent de regrouper des articles d’un même sujet. À la différence des catégories, les étiquettes ne sont pas hiérarchiques. Pour gérer vos étiquettes, allez dans l’Écran des étiquettes accessible via le menu Articles > Étiquettes.

Image mise en avant

C’est l’image qui sera présentée dans les pages d’archive et du blog pour chaque article, ainsi que sur les publications uniques, si votre thème le permet.
Si vous n’avez pas encore d’image mise en avant, cliquez sur Définir l’image mise en avant. Si une image est définie, cliquez sur Retirer l’image mise en avant pour la supprimer.

Extrait

Ici vous pouvez saisir un extrait manuel pour votre article. C’est facultatif, mais il se peut que votre thème s’en serve.
Lisez Les extraits d’articles pour en savoir plus.

Envoyer des rétroliens

Dans ce champ, vous pouvez saisir plusieurs URL auxquelles envoyer un rétrolien. Un rétrolien est une manière de notifier les anciens systèmes de blog que vous avez fait un lien vers eux.

Champs personnalisés

Les champs personnalisés offrent un moyen d’ajouter des informations supplémentaires aux articles, aussi appelées métadonnées. Pour ajouter un nouveau champ, sélectionnez-en un existant ou cliquez sur Saisissez-en un nouveau puis saisissez sa valeur dans le champ situé à droite.

Commentaires

Dans cette boîte méta, vous pouvez activer ou désactiver les commentaires, rétroliens et pings pour cet article. Cela ne changera pas les réglages généraux des commentaires de votre site.

Auteur/autrice

Ce sélecteur affiche tous les auteurs et autrices de votre site. Vous pouvez assigner manuellement un auteur ou une autrice à votre article à cet endroit.

Ce réglage ne s’affiche pas si vous votre site comporte un seul compte.

Bonnes pratiques de rédaction

Voici quelques bonnes pratiques pour vous aider à rédiger vos articles sur WordPress.

Accessibilité liée aux contenus

Lorsque vous rédigez du contenu, vous devez respecter un certain nombre de règles pour qu’il soit accessible, vous trouverez des ressources à ce sujet dans la documentation en français sur l’accessibilité. Ces articles vous aideront notamment au sujet des liens, des médias, de la hiérarchie des titres et de la lisibilité.

Mode Visuel et mode Texte

Lors de la rédaction de votre article, vous avez la possibilité d’utiliser le mode Visuel ou le mode Texte. Le mode Visuel vous permet de voir votre article tel que le visiteur le verra, tandis que le mode Texte vous montre aussi le code et remplace les boutons de l’éditeur de texte en mode visuel (WYSIWYG) par ceux des balises HTML.

Le mode Visuel affiche une vue du texte mis en forme tel que le verra le visiteur du site. Les mise en forme par les balises HTML sont masquées.

Boutons de balises rapides en mode « Visuel »

S’il est plus confortable d’utiliser le mode Visuel, il peut être utile de savoir comment fonctionne le système de balises HTML car il permet de corriger précisément une balise qui serait mal positionnée.
Notez que l’icône « » vous affiche tous les raccourcis clavier disponibles.

Bouton de balises rapides en mode « Texte »

Note : la plupart des balises HTML doivent englober le texte situé à l’intérieur. On ouvre la balise, on y insert notre texte, puis on la ferme. Par exemple : <p>un paragraphe</p>. Certaines balises sont à l’inverse auto-fermantes, elles ne contiennent pas de texte, comme la balise image : <img src="https://example.com/img.jpeg" />.

Voici la liste des balises HTML disponibles dans le mode Texte :

  • b<strong></strong> Balise HTML pour un texte important et mis en gras (par exemple, bold) ;
  • i<em></em> Balise HTML pour un texte en italique (par exemple, italique) ;
  • link<a href="https://example.com"></a> Balise HTML pour créer un hyperlien ;
  • b-quote<blockquote></blockquote> Balises HTML pour mettre en exergue une citation ;
  • del<del></del> Balise HTML pour marquer le texte considéré comme supprimé d’un message. La plupart des navigateurs affichent un texte barré ;
  • ins<ins></ins> Balise HTML pour marquer le texte considéré comme inséré dans un article. La plupart des navigateurs l’affichent sous forme de texte souligné ;
  • ul<ul></ul> La balise HTML insérera une liste non ordonnée ou enveloppera le texte sélectionné dans celle-ci. Une liste non ordonnée sera généralement une liste à puces d’éléments ;
  • ol<ol></ol> La balise HTML insérera une liste numérotée ou enveloppera le texte sélectionné dans celle-ci. Chaque élément d’une liste ordonnée est généralement numéroté ;
  • li<li></li> La balise HTML insérera ou fera du texte sélectionné un élément de liste. Utilisé en conjonction avec la balise ul ou ol ;
  • code<code></code> Balise HTML pour le style préformaté du texte. Définit généralement le texte dans une police à espacement fixe, comme celle de Courier ;
  • more<!--more--> Balise WordPress qui divise un article en sections « extrait » et contenu. Tapez quelques paragraphes, insérez cette balise, puis rédigez le reste de votre article. Sur la page d’accueil de votre blog, vous ne verrez que les premiers paragraphes avec un lien hypertexte ((Plus...)), qui, lorsqu’il est cliqué, affiche le reste du contenu de l’article ;
  • page<!--nextpage--> Balise WordPress similaire à la balise more , sauf qu’elle peut être utilisée un nombre illimité de fois dans un article, et chaque encart « découpera » et paginera le message à cet endroit. Des hyperliens vers les sections paginées de l’article sont ensuite générés en combinaison avec la balise de modèle wp_link_pages() ou link_pages() ;
  • Fermer les balises – Ferme toutes les balises HTML laissées ouvertes – mais faites attention aux balises de fermeture : cette fermeture automatique peu comporter des erreurs, alors assurez-vous que les balises se ferment correctement.

Remarque sur le flux de travail : avec les boutons de balises rapides qui insèrent des balises HTML dans la zone de saisie, vous pouvez par exemple cliquer sur le bouton i pour insérer la balise d’ouverture <em>, saisir le texte à inclure et cliquer sur le bouton (le même que i qui a changé d’aspect depuis) /i ou fermer les balises pour insérer la balise de fermeture. Cependant, vous pouvez faire plus facilement : saisissez votre texte, sélectionnez à la souris la partie du texte que vous voulez mettre en valeur, puis cliquez sur le bouton i et votre texte en surbrillance sera enveloppé dans les balises d’ouverture et de fermeture.

Plus d’informations et ressources

Voir aussi : Les écrans d’administration.

Traduit par Patrice Pichon
Relu par Marie Comet, Jb Audras & Jenny Dupuy
Dernière mise à jour le 04 mai 2021

Contribuer à la documentation en français de WordPress

Journal des modifications

04 mai 2021Jenny Dupuy – Suppression de l’encodage des caractères accentués ou spéciaux dans les liens concernés