Skip to main content

Auteur/autrice : Karine

Éditeur de mise en page

Avant de vous lancer dans la création ou la modifications de votre contenu, il est important de maitriser l’ensemble des outils mis à votre disposition pour mettre en forme votre contenu. Pour tous les contenus (ex : pages, articles, descriptions de produit,…) WordPress met à votre disposition un éditeur de mise en page.

Jusqu’à la sortie de WordPress 5.0 en décembre 2018, l’éditeur de texte était un éditeur TinyMCE dit Classique ressemblant fortement à ceux que vous utilisez déjà dans l’éditeur de texte le plus connu ! Qui n’a jamais ouvert un document Word sur un ordinateur ? Puis est arrivé l’éditeur de bloc Gutenberg qui est donc désormais l’éditeur WordPress par défaut. Gutenberg offre une manière différente de créer des publications et des pages interactives.

Après la mise à jour de WordPress 5.9, Gutenberg est devenu plus qu’un simple éditeur de contenu. Il englobe tous les aspects de la personnalisation pour fournir une expérience complète d’édition de site ou Full Site Editing (FSE). Cela signifie que dans la pratique vous pourrez créer et concevoir l’intégralité de votre site WordPress à l’aide de l’éditeur. En ce qui nous concerne nous ne l’utilisons que pour les types de contenu Article si ceux ci ne font pas l’objet d’un template géré par le builder que nous utilisons pas défaut sur tous les sites que nous livrons à nos clients.

Pour tout ce qui est Pages (gérées par le builder) et pour certains CPTs comme Woocommerce, c’est l’éditeur TinyMCE qui est toujours utilisé. Nous allons donc évoqué ici TinyMCE et Gutenberg fera l’objet d’un autre article.

L’Éditeur classique TinyMCE

L’éditeur WYSIWYG dit Classique de WordPress ressemble à cela.

Editeur Classique de WordPress

Lors de vos modifications, vous travaillerez en version Visuel en sélectionnant l’onglet du même nom en haut de la barre d’outil à droite. Le mode texte est réservé aux développeurs avertis utilisant le langage HTML entre autre.

Les outils de l’éditeur

Sélectionnez avec votre curseur tout ou partie de votre contenu et cliquez sur les boutons pour appliquer une des actions suivantes :

  • Appliquez un style
  • Mettre gras
  • Mettre italic
  • Faire une liste à puce
  • Faire une liste numéroté
  • Appliquez Citation
  • Aligner le texte à gauche
  • Aligner le texte au centre
  • Aligner le texte à droite
  • Insérer/Modifier un lien
  • Supprimer un lien
  • Ajouter un lien lire la suite
  • Ajouter un média
  • Afficher/Masquer les options
  • Barré le texte
  • Souligné le texte
  • Ajoutez une ligne de séparation
  • Appliquer une couleur
  • Copier du contenu Word
  • Supprimer la mise en forme
  • Ajouter un caractère particulier
  • Désindenter le texte
  • Indenter le texte
  • Annuler les dernières actions
  • Rétablir les dernières actions
  • Aide

Plus en détails

Créer un lien

Il est  très simple d’ajouter un lien sur un mot ou un groupe de mot avec WordPress. Ce lien peut-être un lien vers une page interne de votre site, ce qui est recommandé pour un meilleurs référencement (c’est le maillage interne), vers une page externe, mais encore un lien email ou téléphone. Voici comment procéder :

  • Sélectionner avec votre curseur le mot ou groupe de mot que vous voulez transformer en lien
  • Cliquez sur le bouton Insérer un lien
Wordpress Ajouter un lien dans Classique
L’éditeur classique WordPress

Lien interne

Si vous tapez le titre d’une page ou d’un article de votre site, le système va vous suggérer des liens. Validez en sélectionnant le lien a appliquer.

Lien externe

Renseigner l’adresse de la page externe commençant par https://

Lien mail

Renseigner simplement une adresse email comme suit : mailto:email-du-destinataire

Lien téléphone

Renseigner simplement un numéro de téléphone comme suit : tel:tel-du-destinataire

Si vous avez besoin de plus d’option comme par exemple choisir la cible de votre lien, cliquez sur l’icône de roue crantés, et cochez la case correspondante. Il est fortement conseillé dans le cas de lien externe d’ouvrir les liens dans une nouvelle fenêtre.

Lien externe ou mailto email dans WordPress

Ajouter un média

L’ajout de médias pour illustrer vos articles est un jeu d’enfant.

  • Placez votre curseur à l’endroit où vous souhaitez ajouter votre image, doc, pdf, vidéo…
  • Cliquez sur le bouton Ajouter un Média juste au dessus de la barre d’outil
  • Dans la fenêtre popup qui s’ouvre sélectionnez votre fichier
  • Cliquez sur le bouton bleu insérer dans l’article en bas à droite
Ajouter un média dans WordPress

NOTE : Pour modifier ou supprimer un média, survolez-le et cliquez sur une des 2 icônes qui apparaissent en haut du média à gauche.

Modifier ou Supprimer un Média dans WordPress

Nous verrons dans un prochain article comment ajouter et modifier des images dans la bibliothèque média. Voyons maintenant l’éditeur Gutenberg.

Les bases de WordPress

Avant de voir comment créer, supprimer et modifier du contenu, voyons un peu les bases de WordPress. Nous allons nous intéresser aux rubriques présentes dans le menu à gauche de l’interface d’administration de votre site et qui vont vous permettre de modifier et gérer tous les types de contenu de votre site internet

Comme nous l’avons déjà vu, une fois que vous êtes connecté à votre interface d’administration, vous accédez à votre tableau de bord. Votre activité principale concernant la gestion de votre site sera consacrée à la gestion des pages, des articles et des produits si vous avez une boutique en ligne. Vous allez pouvoir en ajouter, en supprimer ou en modifier.

Il se peut que vous retrouviez aussi dans le menu de gauche de l’interface d’administration de votre site d’autres Types de Contenu Personnalisés (ou CPT) comme des événements, des portfolios… que votre agence aura développé pour vous.

Les Pages

Les pages et les articles sont 2 moyens de publications différents.

Les pages sont des données dites statiques dans votre site. Contrairement aux articles, il sont indépendants du temps et de la chronologie de création. Une page peut contenir du contenu tel que des informations de contact, un portfolio, ou tout simplement une présentation de vos services et savoirs-faire, mentions légales, conditions générales de vente…

Les Articles

Les articles (ou posts en anglais) ont pour objectifs d’informer vos visiteurs de votre actualité, vos nouveautés, promotions, évènements… Les articles sont généralement classées chronologiquement et peuvent contenir des éléments de différentes nature :

  • Du texte
  • Des liens
  • Des images
  • Des vidéos

Les Catégories

La catégorie qui est une notion uniquement liée aux articles, n’a pas de lien avec les pages. Les catégories permettent un tri précis des articles. Les catégories ne sont pas utilisées pour tous les sites, elles ne sont pas pertinentes pour tous. Par exemple, un site qui présente différents type de métiers à intérêt d’intégrer la notion de catégorie pour répertorier les différents articles en fonction d’un métier bien précis. Ainsi, l’article va apparaitre dans la page de la catégorie concerné. Enfin, un article peut être présent dans différentes catégories. Une catégorie peut contenir une ou plusieurs sous-catégories et les catégories ne peuvent pas contenir de Page.

En gros les catégories permettent de faire un tri lorsque l’on souhaite afficher des articles et ainsi faciliter le recherche d’information au sein de votre site. Par ailleurs des options d’affichage permettent de choisir l’ordre de présentation des articles d’une catégories : alphabétique, chronologique, popularité…

Base de WordPress - Menu

Les Médias

La rubrique Médias va vous permettre d’ajouter des fichiers et de visualiser l’ensemble des médias disponibles dans votre bibliothèque que ce soit des images, du son, des fichiers (Pdf, Doc…) ou des vidéos. Tout sera répertorié dans cette bibliothèque. Le gestionnaire de média de WordPress est puissant et vous allez pouvoir ajouter, supprimer ou afficher vos médias pour créer des galeries d’image, pivoter, recadrer ou redimensionner vos images pour vos pages et articles.

Les Commentaires

Si votre site internet accepte les commentaires, c’est ici que vous pourrez les gérer et les modérer. Ainsi vous pouvez les approuver, y répondre, les désapprouver, les rendre indésirables…

Si vos commentaires sont ouverts au public, vous recevrez rapidement les premiers Spams. Plusieurs outils sont à votre disposition pour lutter contre ces commentaires indésirables. Les filtres disponibles dans le menu Réglages puis Discussion dans lequel vous pouvez saisir des mots , domaines, e-mails à bannir. Les commentaires seront soit mis en attente de modération (Modération de commentaires) et ne seront publiés qu’après votre validation soit directement mis comme indésirables (Liste noire pour les commentaires) sans action de votre part.

Vous connaissez désormais les bases de WordPress, Voyons maintenant l’éditeur de mise en page WYSIWYG de WordPress.

Accès à l’administration de votre site

Pour pouvoir gérer votre site internet WordPress, ajouter ou modifier des articles, des produits, approuver des commentaires… vous devez avant tout accéder à l’interface d’administration de votre site WordPress.

Connexion à l’espace privatif

Afin de pouvoir gérer votre site internet, il vous faut accéder à son interface d’administration. Cette interface est sécurisé et il vous faudra montrer patte blanche pour y accéder. Pour cela 3 étapes sont nécessaires :

  1. Tapez l’adresse de votre site dans la barre d’adresse de votre navigateur
    Adresse administration WordPress
  2. Ajoutez à la fin /admin ou un autre chemin que vous aura fourni votre développeur si il a sécurisé l’accès à la page d’administration par défaut
  3. Identifiez-vous en saisissant vos identifiant et mot de passe puis cliquez sur Se connecter
    Formulaire d'accès administration WordPress

Après la saisie, l’écran d’accueil de l’interface d’administration de votre site apparait, il s’agit de votre tableau de bord.

Tableau de bord WordPress

Sur la partie gauche de votre interface d’administration se trouve l’ensemble des éléments vous permettant d’accéder aux outils de gestion et de création de contenu :

  • Articles
  • Pages
  • Commentaires
  • Formulaires
  • Produits
  • Commandes
  • Utilisateurs

Bien sûr ces éléments dépendent des fonctionnalités installées sur votre site.

Mot de passe oublié ?

Si vous avez oublié votre mot de passe, cela peut arriver, cliquez simplement sur le lien Mot de passe oublié et renseignez votre adresse email, celle utilisée lors de la création de votre compte. Vous recevrez quasi instantanément un email avec une procédure pour changer de mot de passe. Le mot de passe de votre compte, permettant l’accès à l’administration de votre site doit être complexe. Vous vous demandez comment créer un mot de passe sécurisé ?

Nous vous conseillons d’utiliser des minuscules, des majuscules, de mélanger chiffres et lettre et d’utiliser un ou deux caractères particuliers. Il existe de nombreux générateur de mot de passe dont http://www.generateurdemotdepasse.com/ qui propose de nombreuses options permettant d’obtenir un mot de passe fort en terme de sécurité.

Voyons maintenant les bases de WordPress et notamment la différence entre les pages et les articles.

WordPress, qu’est ce que c’est ?

Historiquement WordPress a été conçu comme moteur de création de Blog. Mais aujourd’hui cet outil qui représente plus de 40% du marché de tous les sites web, permet d’aller bien plus loin qu’un simple Blog. Vous pouvez l’utiliser pour créer un site internet vitrine, faire de l’ecommerce, de la gestion d’abonnement et bien d’autres choses encore.

WordPress, Système de Gestion de Contenu

WordPress est une plateforme de création et de gestion de sites web. Il s’agit d’un système de gestion de contenu (CMS) open-source qui permet aux utilisateurs de créer et de gérer des sites web dynamiques, sans avoir besoin de connaissances en programmation ou en développement web. Il permet de mettre en page assez facilement n’importe quel type de contenu tel que des articles, des actualités, vos événements, des produits… et de le mettre en ligne.

WordPress est utilisé par des millions de sites web dans le monde entier, allant des blogs personnels aux sites d’entreprises et aux boutiques en ligne. Il offre une grande flexibilité en termes de design et de fonctionnalités grâce à l’utilisation de thèmes et de plugins. Les utilisateurs peuvent également gérer leur contenu facilement à l’aide d’une interface utilisateur intuitive.

La grande force de WordPress, comme d’autres CMS, est que c’est un logiciel dont la manipulation est assez facile, il est fait pour tout le monde. C’est justement son intérêt principal, il n’y a pas besoin de connaître les langages informatiques complexes pour pouvoir l’utiliser, tout est automatisé, simplifié et illustré.

La seule contrainte technique est de savoir l’installer ce qui demande quelques compétences dans l’utilisation d’un logiciel de transfert de donnée par FTP, et l’installation d’une base de donnée MySql depuis le Cpanel de votre Hébergeur.

Comme tous les systèmes de gestion de contenu Open Source, WordPress fonctionne avec un noyau et des plugins ou modules additionnels développés en grande partie par des tiers. Ces plugins apportent des fonctionnalités additionnelles non présentent dans le noyau ou core. Lorsque le noyau évolue, ces modules doivent également évoluer afin de rester compatible avec la dernière version de WordPress. C’est indispensable pour conserver un site toujours à jour et protéger votre site d’éventuelles attaques. WordPress propulsant 40% des sites existants dans le monde, vous pouvez aisément imaginer qu’il est la cible privilégiée des hackers.

Enfin, WordPress est libre et gratuit donc cela permet de réduire les coûts de développement pour créer un site internet. Maintenant que vous savez ce qu’est WordPress, il est temps de vous connecter à votre interface d’administration.