Comment éditer des pages dans WordPress – maîtriser l'éditeur WordPress

Pour éditer des pages dans WordPress, vous n'avez pas besoin d'être très technique – si vous avez une certaine expérience avec un éditeur de texte, vous le trouverez assez simple. Utilisez l'éditeur WordPress pour les articles et les pages.

Voir aussi : Comment modifier un nom de page >

Les exemples que j'ai utilisés ici sont dans le système WordPress.org , mais WordPress.com est très comparable dans la façon dont les pages sont modifiées. Le message sera utile pour les deux.

METTRE À JOUR. Cet article fait référence à l'éditeur WordPress Classic, et non aux blocs WordPress alias l'éditeur WordPress Glutenberg utilisé depuis 2018. Cependant, cet article sera toujours utile pour certains.

Regardons ce que vous allez apprendre.

À la fin de cet article, vous devriez comprendre comment formater et éditer des pages dans WordPress en :

• Édition et sauvegarde dans la zone d'administration,
• visualisation des modifications sur le front-end,
• et en utilisant des outils de formatage dans l'éditeur WordPress.

Avant de mettre à jour un article ou une page, sauvegardez la base de données WordPress. J'utilise DB Migrate, un plugin de sauvegarde et de migration disponible gratuitement.

Ce dont vous avez besoin pour éditer des pages dans WordPress

• Un nom d'utilisateur et un mot de passe WordPress de votre développeur Web.
• L'URL de la zone d'administration (également appelée adresse Web, ou éventuellement lien).

Une fois que vous les avez, accédez à votre URL en la saisissant dans votre navigateur ou en cliquant sur le lien.

Tapez le nom d'utilisateur et le mot de passe et appuyez sur Connexion . Vous arriverez au tableau de bord WordPress.

Voir le site WordPress dans un nouvel onglet

La première chose que je fais est d'ouvrir la partie publique du site Web dans un nouvel onglet de navigateur. J'ai ensuite la zone d'administration (back end) visible dans un onglet et l'espace public (front end) visible dans l'autre. De cette façon, je peux basculer entre les deux.

Le moyen le plus simple d'ouvrir le front-end de votre site Web WordPress dans un nouvel onglet est ;

• Dans la zone d'administration, passez la souris sur l'icône de la maison, en haut à gauche de l'écran.
• Dans le menu déroulant, CLIC DROIT sur 'Visiter le site'.
• Cliquez sur « Ouvrir le lien dans un nouvel onglet ». Je l'ai souligné en rouge ci-dessous.

NB. Il peut y avoir une variation de mots selon le navigateur que vous utilisez.

Deux onglets du navigateur sont maintenant ouverts, ce qui signifie que vous pouvez basculer entre les deux.

Continuez à modifier la page WordPress dans un onglet, en utilisant la zone d'administration.

D'autre part, vous verrez le front-end de votre site Web pour vérifier chaque modification que vous apportez.

Au fur et à mesure que vous apportez des modifications et que vous les enregistrez, vous pouvez accéder au front-end du site. Appuyez sur la touche F5 pour actualiser la page - cela invite le navigateur à afficher la version mise à jour.

Modification du contenu de la page dans WordPress

Maintenant que vous avez configuré votre zone de travail, commençons par la zone d'administration. Vous trouverez ici l'éditeur WordPress.

Cliquez sur PAGES dans le menu de gauche. Les pages de votre site sont répertoriées.

D'autres options apparaissent lorsque vous survolez le nom d'une page.

EDIT vous mènera à l'écran d'édition complet.

QUICK EDIT vous permettra de modifier le titre, le slug, la date, la confidentialité, le parent, la commande, le modèle et le statut à partir de cet écran.

BIN enverra la page à la poubelle. La page ne sera plus visible sur le site.

VIEW vous permettra de voir cette page particulière - l'extrémité avant (ou publique).

Pour modifier une page, cliquez sur la première option, MODIFIER. Ou cliquez sur le nom de la page.

Vous arriverez à l'écran « modification de la page » de WordPress.

Modification de pages dans le didacticiel WordPress

Je dois d'abord attirer votre attention sur les thèmes et les plugins de WordPress qui personnalisent parfois l'écran « modification de la page ».

Par exemple, DIVI utilise une interface appelée DIVI Builder ; Avada s'appelle Fusion Builder.

Quelle version utilisez-vous?

Le dernier éditeur WordPress est le Gutenberg Block Editor. Si votre page ressemble à l'image ci-dessous, vous utilisez des blocs - visitez mon article sur l'éditeur de blocs.

Si l'éditeur WordPress ressemble à l'image ci-dessous, vous utilisez l'éditeur WordPress classique.

Si vous n'utilisez pas de générateur personnalisé, nous pouvons commencer.

Icônes des boutons de l'éditeur WordPress expliquées

Dans l'éditeur classique, la première icône de bouton est l'icône TOOLBAR TOGGLE, autrefois appelée « évier de cuisine ». Dans l'image ci-dessus, vous pouvez voir qu'il est activé car il est inversé.

L'icône de bascule de la barre d'outils ressemble à ceci :

Cette icône de bouton affiche ou masque des options de formatage supplémentaires. Gardez-le activé.

Formater du texte dans WordPress

Comme la plupart des éditeurs WordPress, vous pouvez surligner du texte et le formater.

De gauche à droite sur la barre d'édition principale sont :

B – rend le texte gras ou fort.
I – mettre le texte surligné en italique.
abc – cela ajoutera un barré à votre texte comme pour le rayer. Pratique pour les articles vendus.

L'icône du bouton pour une liste non ordonnée dans les discussions sur le Web, mais WordPress l'appelle une liste à puces. Utilisez-le pour créer des listes. Par exemple:

• C'est le premier point.
• C'est le deuxième rappel au Règlement.

À la fin de chaque ligne, cliquez sur retour (ou entrée) chaque fois que vous souhaitez une nouvelle puce.

Un conseil rapide : cliquer sur MAJ-ENTRÉE crée un saut de ligne, ce qui est utile dans les listes à puces, car vous pouvez descendre d'une ligne sans créer de nouvelle puce.

• C'est le titre de mon premier point.
  Je dis un peu à ce sujet ci-dessous en appuyant sur SHIFT-ENTER.
• J'ai maintenant mon deuxième point.
  Un peu à ce sujet.

Pour interrompre une liste, appuyez simplement sur retour deux fois après la dernière ligne. Ou appuyez une deuxième fois sur l'icône. WordPress reviendra aux paragraphes normaux.

Votre concepteur de site Web, ou thème, peut avoir utilisé CSS pour styliser les listes. Vous n'êtes pas toujours en mesure de modifier le style dans l'écran d'édition WordPress.

Cette icône est la liste des numéros, appelée liste ordonnée en langage internet. Utilisez-le de la même manière que la liste à puces ci-dessus, sauf que la liste sera numérotée.

Les guillemets indentent une ligne de texte. Encore une fois, le thème ou les développeurs Web peuvent les avoir stylisés, vous ne pourrez donc peut-être pas les styliser.

Ensuite vient la ligne horizontale. Utilisez la ligne horizontale pour créer des coupures dans des morceaux de texte. Le thème contrôle les styles. Celui ci-dessus est le style par défaut - une ligne grise à 1 pixel.

Aligner des paragraphes dans WordPress

La disposition des paragraphes et des en-têtes est souvent définie dans une feuille de style, ce qui fait que ces boutons d'alignement agissent un peu de manière erratique.

J'ai tendance à laisser la feuille de style régir mes paragraphes, mais si j'ajoute une image, je l'aligne dans l'éditeur WordPress.

Cliquez sur une ligne de texte, puis sur un outil d'alignement : l'alignement s'applique à un paragraphe entier.

Assez souvent, le paragraphe suivant suivra l'alignement de celui ci-dessus. Habituellement, cela se produit lorsqu'un saut de ligne a été utilisé à la place des balises 'paragraphe'. Il existe une solution simple.

• Placez le curseur à la fin du premier paragraphe.
• Maintenant, appuyez sur SUPPRIMER (retour arrière) pour tirer le deuxième paragraphe vers le haut.
• Appuyez sur ENTRÉE pour terminer un paragraphe et en commencer un nouveau.
• Deux peuvent s'aligner séparément.

Créer et éditer des liens dans WordPress

L'icône de lien - le texte et les images peuvent être liés à des pages, des articles ou un site Web externe.

Pour lier du texte dans WordPress, assurez-vous de mettre d'abord le texte en surbrillance.

Un petit conseil : double-cliquez sur un mot pour mettre le mot en entier en surbrillance. Maintenez la touche Maj enfoncée et cliquez sur le deuxième mot pour le surligner également.

Cliquez maintenant sur votre icône de lien.

Si vous créez un lien vers une page/un article sur votre site, commencez à taper le titre.
NB. tapez le TITRE de la page, pas le slug.

Modifier le titre d'une page WordPress

Une fois que vous avez trouvé la page dans la liste, appuyez sur la flèche bleue « retour » à la fin du champ pour l'appliquer.

Pour personnaliser davantage le lien, cliquez sur l'icône en forme de roue dentée à la fin du champ avant de cliquer sur Appliquer.

L'icône en forme de rouage ouvre une boîte contenant les OPTIONS DE LIEN - choisissez la page que vous souhaitez lier.

Non recommandé, mais les liens peuvent ouvrir une nouvelle fenêtre (ou onglet). Cochez simplement « Ouvrir le lien dans un nouvel onglet » dans l'écran des options de lien. Google pénalise les liens ouvrant une fenêtre différente – les utilisateurs doivent pouvoir prendre cette décision.

Un petit conseil : dans la dernière version de WordPress, vous n'avez même pas besoin d'appuyer sur l'icône de lien pour lier du texte. Copiez le lien dans votre presse-papiers, mettez le texte en surbrillance et appuyez sur Ctrl-v pour coller le lien.

Lier une image dans WordPress est un processus similaire.

Sélectionnez l'image, puis cliquez sur l'icône de lien. Suivez les étapes ci-dessus.

Comment modifier un lien dans WordPress

Pour MODIFIER les liens, suivez des étapes similaires.

Mettez le texte en surbrillance ou sélectionnez l'image. Soit utilisez la même icône et remplacez le lien par le nouveau. Ou cliquez sur l'icône en forme de crayon qui apparaît.

Comment supprimer un lien dans WordPress

Cette icône complète supprime le lien. Cliquez simplement n'importe où sur le lien texte ou sélectionnez l'image, puis appuyez sur ce bouton.

L'icône Lire la suite est une icône que je n'utilise jamais. WordPress vous permet de mettre du texte dans une balise LIRE LA SUITE, en le cachant sur la page jusqu'à ce que l'utilisateur clique pour en savoir plus. Le texte sera toujours disponible pour les moteurs de recherche à explorer, mais Google n'apprécie pas le contenu caché.

Paragraphes et titres dans WordPress

Dans la barre d'outils, vous verrez un menu déroulant.

Pour formater une ligne, cliquez sur le texte de la ligne ou du paragraphe et utilisez le menu déroulant pour sélectionner un paragraphe, un titre 1 ou un titre 2.

Le thème définit le style des titres et des paragraphes, ce qui maintient la conception du site Web cohérente.

Utilisez les balises correctes pour les en-têtes et la conception se poursuivra sur le site Web.

Qu'est-ce que l'écriture SEO ?

Plus d'outils de formatage dans WordPress

Utilisez cette icône pour souligner le texte de votre contenu WordPress, le faire ressortir ou faire une déclaration.

Sélectionnez simplement le texte et cliquez sur l'icône de soulignement.

Un outil d'alignement de texte et créera un paragraphe justifié. L'espacement est ajusté entre les lettres et les mots afin que le texte affleure les marges droite et gauche. Également connu sous le nom de justification entièrement justifiée ou complète et idéal pour le texte dans les colonnes.

En tant que concepteur de sites Web WordPress, je vous conseille d'utiliser cette icône avec prudence. Le bouton change la couleur du texte. J'ai vu des clients créer des phrases lumineuses et colorées dans le but d'attirer l'attention. Ça n'a pas l'air bien. Gardez le texte uniforme.

Pourquoi avoir l'icône « coller en tant que texte » dans WordPress ? Le texte copié à partir d'un site Web ou d'un document Word porte également le format. Collez-le sur une page WordPress et vous collez la mise en forme. La page finit par être horrible à cause du code étant dans des positions inutiles.

Alors la prochaine fois que vous copiez et collez, copiez ; puis mettez votre curseur en place et cliquez sur l'outil "coller en tant que texte" pour ajouter du texte sans formatage. Ensuite, formatez-le dans WordPress.

Si vous trouvez votre texte partout sur une page, il s'agit souvent de formatage. Si vous savez ce que vous faites et disposez d'une sauvegarde, utilisez l'outil « effacer le formatage » pour supprimer tout le formatage, en supprimant votre texte afin que vous puissiez maintenant le formater vous-même.

L'icône suivante, l'oméga grec, ouvre la carte des caractères ci-dessous, vous permettant d'ajouter des caractères spéciaux, tels que aigu, grave et circonflexe. Utile si vous créez une page multilingue.

Ce sont les icônes de retrait. En les utilisant, vous pouvez augmenter ou diminuer le retrait d'un paragraphe ou d'un titre.

Et enfin, les icônes annuler/rétablir. Celui de gauche sert à défaire et c'est vraiment utile. Le gris est plus foncé sur cette image car il y a un mouvement d'annulation que je peux faire. Le bouton Refaire est désactivé - il n'y a rien que je puisse « refaire » pour le moment. Pour refaire, vous devez d'abord annuler quelque chose.

Enregistrer une page WordPress

Lorsque vous apportez des modifications substantielles à votre page ou à votre publication WordPress, cliquez sur le bouton MISE À JOUR pour enregistrer la page. Cela met à jour la page destinée au public. Actualisez toujours votre page lorsque vous visualisez des modifications sur le front-end pour vérifier votre travail.

Sauvegardes automatiques et révisions dans WordPress

WordPress enregistre fréquemment automatiquement les brouillons de la page.

Les révisions de votre page peuvent être rappelées, en utilisant le lien des révisions. Il se trouve dans les paramètres POST. Si les paramètres de publication sont fermés, appuyez sur le rouage en haut à droite pour les ouvrir. Appuyez ensuite sur l'onglet Page (ou l'onglet Publication selon ce que vous modifiez) en haut.

• Cliquez sur le lien « Révisions » pour afficher les brouillons et les révisions qui ont été stockés au cours de la durée de vie du document.
• Vous arriverez à l'écran « Comparer les révisions ».
• Il y a une barre chronologique en haut de cet écran, représentant la durée de vie de la page. Plus vous déplacez le curseur vers la gauche, plus les révisions de la page sont anciennes.
• WordPress met en évidence les modifications qui ont été apportées, en comparant la dernière publication à une publication que vous choisissez sur la chronologie.
• Pour récupérer la version la plus récente, déplacez le curseur complètement vers la droite.

Modification des permaliens dans WordPress

Les permaliens - également appelés slugs - créent l'URL de la page Web dans WordPress. Les liens vers la page peuvent être rompus lorsque vous modifiez un lien permanent, veuillez donc le modifier avec prudence .

Si vous allez modifier et éditer des permaliens, je vous recommande d'utiliser un plugin de redirection comme Redirection.

Un petit conseil : si vous avez fait une erreur et modifié un lien permanent mais que vous ne vous souvenez plus de l'URL d'origine, recherchez la page à l'aide de la recherche Google. Ajoutez le nom de l'entreprise à la recherche et vous trouverez probablement l'URL d'origine répertoriée. Remplacez le lien permanent par le nom d'origine.

Dernier mot

J'espère que vous avez apprécié le post. WordPress peut être frustrant si vous ne comprenez pas avec quoi vous travaillez. Je suis sûr que ces instructions vous aideront avec le reste des tutoriels WordPress sur mon blog.