Le Guide Pratique pour Créer Votre Site Web avec WordPress – Partie 2

Voici la seconde partie de ce guide expliquant comment créer votre site Web ou votre blog avec WordPress. Après l’avoir installé et configuré, voyons à présent comment personnaliser WordPress et comment publier vos premières pages et articles.

Voilà, maintenant que WordPress est configuré, passons à la phase suivante, qui est certainement la plus intéressante. Je vais aborder ici les différentes étapes qui vous permettront de construire votre site/blog selon vos besoins. Vous n’êtes pas obligé de les suivre toutes, mais prenez peut-être le temps de lire chacune d’elles avant de décider quoi que ce soit. J’ai classé ces étapes selon un ordre logique que je vous invite à suivre.

Changer le thème de WordPress

Comme je l’ai déjà expliqué dans la première partie, le thème est un habillage par défaut qui détermine l’apparence globale du site/blog et inclut souvent quelques fonctionnalités additionnelles. Ici, 4 choix s’offrent à vous:

1WordPress est fourni avec plusieurs thèmes basiques et « prêt-à-l’emploi ». Vous les trouverez en allant sur Apparence › Thèmes [IMG1]. L’un d’entre eux est déjà défini par défaut [IMG1:1], mais si vous souhaitez utiliser un des autres, survolez-le avec le curseur de la souris puis cliquez simplement sur le bouton Activer [IMG1:2].

Vous avez la possibilité de prévisualiser chaque thème avant de l’activer en cliquant sur le bouton Prévisualisation en direct qui se trouve juste à côté [IMG1:3]. Très utile si vous hésitez entre plusieurs thèmes.

2Si aucun des thèmes préinstallés ne vous convient, cliquez sur le bouton Ajouter que se trouve en haut à gauche de l’écran [IMG1:4]. Vous aurez alors accès à un grand nombre de thèmes gratuits, classés selon leur popularité, date de mise en ligne, etc. [IMG2:1]

Cliquez sur le bouton Aperçu pour connaître les détails du thème [IMG2:2] et voir à quoi il ressemble. Lorsque vous aurez choisi celui que vous convient, cliquez sur le bouton Installer [IMG2:3] puis Activer.

Si vous souhaitez supprimer un thème, allez dans Apparences › Thèmes, cliquez sur Détails du thème [IMG1:5] puis sur le lien Supprimer en bas à droite [IMG3:1]. Si vous ne trouvez pas ce lien Supprimer, c’est que le thème est actuellement actif. Il vous faudra donc en activer un autre avant de pouvoir supprimer celui-ci.

  • IMAGE 1 Wordpress - Thèmes installés WordPress – Thèmes installés
  • IMAGE 2 Wordpress - Autres thèmes WordPress – Autres thèmes
  • IMAGE 3 Wordpress - Supprimer un thème WordPress – Supprimer un thème

3Opter pour un thème Premium. C’est celle que je choisis généralement pour chaque nouveau projet WP. Les thèmes premium sont payants, mais les prix démarrent à 15€, ce qui n’est pas grand-chose comparé aux divers avantages indéniables qu’ils offrent par rapport aux thèmes gratuits. En voici d’ailleurs une petite liste:

Avantages des thèmes premiums:

  • Mises à jour fréquentes pour s’adapter à l’évolution de WP, mais aussi colmater les éventuelles failles de sécurité.
  • Plus d’options de personnalisation (choix des couleurs, images de fond, mises en page…).
  • Intégration de certaines fonctionnalités supplémentaires (widgets, icônes de partages sur les réseaux sociaux, formulaire de contact…).
  • Prêts pour le SEO (Search Engine Optimisation), ce qui veut dire qu’ils sont mieux optimisés pour le référencement naturel de votre site sur les moteurs de recherche.
  • Souvent fournis avec des shortcodes, ces petits bouts de code placés entre deux [ ] (crochets) permettent d’ajouter facilement des éléments dynamiques (ex: Galerie d’images, bouton cliquable, liste à onglets, boutons de partage, etc.) à vos articles/pages.
  • Prêts pour le multi langage si votre site/blog est en plusieurs langues (mais vous devrez quand même utiliser une extension telle que WPML. Plus de détails ici)
  • CSS Responsive, ce qui signifie qu’ils s’adaptent donc à tous les écrans (Ordinateur, tablette ou smartphone).
  • Aucun risque de trouver un code malicieux, ce qui peut arriver parfois avec certains thèmes gratuits.
  • Assistance technique assurée par leurs auteurs, très utile en cas de problème.

Il existe plusieurs plateformes proposant des thèmes premium de qualité mais personnellement, je trouve toujours ce que je cherche sur Themeforest. Le choix y est énorme, les prix très abordables et puis leur filtre de recherche sont d’une redoutable efficacité.

Pour choisir celui qui vous convient, sélectionnez d’abord les thèmes WordPress [IMG6:1] dans le menu de navigation en haut, choisissez ensuite entre les différentes sous-catégories [IMG6:2] (Corporate, vitrine, blog, magazine, portfolio, etc.), puis affinez votre recherche via le filtre [IMG6:3] situé à gauche de l’écran. Prenez bien le temps de comparer les options/fonctionnalités fournies avec chaque thème avant de vous décider.

Et si ThemeForest ne vous convient pas, il existe d’autres plateformes pour trouver de bons thèmes WordPress comme par exemple Elegant Themes, Studiopress ou encore Template Monster. Et si vous ne parlez pas un mot d’anglais, allez jeter un œil sur ait-themes.club. Leurs thèmes sont disponibles en plusieurs langues.

Installer un thème Premium

Pour installer un thème Premium, ou tout autre thème que vous aurez téléchargé au préalable sous la forme d’un fichier compressé (.zip), vous devrez:

  • aAller sur Apparences › Thèmes
  • bCliquer sur Ajouter situé en haut à droite de l’écran [IMG1:4]
  • cCliquer sur Téléverser un thème [IMG4:1]
  • dCliquer sur Parcourir [IMG4:2]
  • eSélectionner l’archive contenant votre thème [IMG4:3]
  • fCliquer sur Ouvrir [IMG4:4]
  • gCliquer sur Installer [IMG4:5]
  • hCliquer sur Activer [IMG5:1]

Allez ensuite sur Apparences › Thèmes pour vous assurer que le thème que vous avez choisi est bien installé et activé.

  • IMAGE 4 Wordpress - Installer un thème WordPress – Installer un thème
  • IMAGE 5 Wordpress - Installer un thème WordPress – Installer un thème
  • IMAGE 6 Wordpress - ThemeForest WordPress – ThemeForest

4DIVI est un thème développé par Elegant Theme qui intègre ce que l’on appelle un Website Builder, une interface Drag & Drop (glisser/déposer) vous permettant de construire vos pages de façon totalement visuelle [IMG7+8].

Chaque élément s’ajoute ou se modifie simplement et rapidement via une liste de modules prédéfinis assez complète. De plus, il est très flexible, s’adapte à tous types de projets (blog, e-commerce, corporate, etc.) et fournit avec une multitude d’options et de fonctionnalités très utiles.

DIVI est un thème premium un peu plus cher que les autres ($89), mais c’est un investissement qui vous fera certainement économiser un temps précieux et vous facilitera grandement la tâche.

Si vous êtes intéressé, mais pas totalement convaincu, vous pouvez essayer leur page démo. Vous découvrirez ainsi à quel point c’est un outil simple et intuitif, parfait pour tous ceux qui débutent dans la création de sites Web et dont vous deviendrez vite accro.

Si vous n’avez pas de budget, il existe également des alternatives gratuites ou freemium sous formes d’extensions telles que Elementor Page Builder [IMG9] ou Page Builder by SiteOrigin.

  • IMAGE 7 Wordpress - DIVI Demo WordPress – DIVI Demo
  • IMAGE 8 Wordpress - DIVI Demo WordPress – DIVI Demo
  • IMAGE 9 Wordpress - Elementor Page Builder WordPress – Elementor Page Builder

Thème enfant: Juste un petit aparté pour ceux qui maîtrisent un peu le HTML/CSS/PHP et qui souhaiteraient modifier le code source du thème qu’ils ont choisi. Je vous conseille très fortement de créer ce qu’on appelle un thème enfant. Cela vous permettra de ne pas perdre toutes vos modifications à chaque fois que votre thème est mis jour. C’est une procédure assez simple qui est de plus bien expliquée dans cet article.

Créer des catégories

Cette étape n’est pas obligatoire, mais peut s’avérer très utile dans certains cas. Si par exemple vous avez un blog contenant des articles abordant des sujets assez divers, il sera possible de classer chaque article dans une catégorie ou sous-catégorie spécifique.

Procédure pour ajouter une catégorie:

  • 1Allez sur Articles › Catégories [IMG10:1].
  • 2Donnez un nom à cette catégorie dans le champ Nom [IMG10:2].
  • 3Donnez un slug qui servira entre autres comme élément de l’URL de la page de cette catégorie [IMG10:3]. Attention de ne pas mettre d’espace entre les mots, pas d’accent ni majuscule ici.
  • 4Sélectionnez une catégorie parente [IMG10:4] s’il y en a une et que donc, celle que vous créez est une sous-catégorie.
  • 5Ajoutez une description courte [IMG10:5] (c’est optionnel, mais bénéfique pour le référencement Google).
  • 6Cliquez sur le bouton Ajouter une nouvelle catégorie [IMG10:6].

Sur cette illustration [IMG11], on voit bien la catégorie Blog puis la sous-catégorie Photographie que je viens de créer. Cette sous-catégorie se repère facilement grâce au tiret ( – ) affiché juste à sa gauche [IMG11:7].

Maintenant, vous pourrez choisir une de ces catégories à chaque fois que vous créerez un nouvel article, comme nous le verrons plus bas. Ne vous souciez pas trop de la catégorie par défaut (non classifié(e)) qui est déjà présente sur cette page [IMG11:8]. Elle est là au cas où n’utilisez pas ce système de catégories ou avez simplement oublié d’en sélectionner une.

  • IMAGE 10 Wordpress - Ajouter une catégorie WordPress – Ajouter une catégorie
  • IMAGE 11 Wordpress - Catégorie et sous-catégorie WordPress – Catégorie et sous-catégorie

Ajouter un média dans vos articles ou pages

Je vais vous expliquer ici la procédure assez simple pour ajouter des images, vidéos et sons à vos articles ou pages. Vous pourriez le faire directement depuis la Médiathèque (Médias), mais personnellement je préfère m’en occuper directement lors de la création du contenu. Attention, les options disponibles peuvent varier selon le thème que vous utilisez.

Ajouter une image:

  • 1Allez à Pages › Ajouter ou Articles › Ajouter [IMG12:1].
  • 2Cliquez sur l’icône situé en haut à gauche [IMG12:2].
  • 3Cliquez sur l’icône Image [IMG12:3].
  • 4Cliquez sur le bouton Téléverser [IMG12:4], sauf si vous avez déjà importé l’image dans votre bibliothèque. Dans ce deuxième cas, cliquez sur le bouton Médiathèque [IMG12:5].
  • 5Sélectionnez la ou les images à importer [IMG12:7] puis cliquer sur le bouton Ouvrir [IMG12:8] ou Sélectionner, selon le bouton sur lequel vous avez cliqué lors de l’étape précédente.
  • 6Vous pouvez appliquer ici des bords arrondis à votre image [IMG13:9]. Certains thèmes proposent d’autres options encore, comme par exemple le thème Twenty Twenty-One qui offre la possibilité d’ajouter un cadre ou une bordure noire.
  • 7Ajoutez un petit texte décrivant l’image (quelques mots suffisent) dans la section Texte alternatif (alt) [IMG13:10]. Faite-le, Google aime ça donc ce sera très utile pour le référencement naturel de vos pages/articles.
  • 8Choisissez la taille de l’image à afficher [IMG13:11], celle que vous avez vous-même définie comme je l’ai expliqué dans la première partie, à la section Réglages des médias.
  • 9Si vous voulez afficher votre image dans des dimensions précises, vous pouvez soit modifier sa largeur et sa hauteur (en pixels), ou plus simplement modifier le pourcentage de sa taille initiale [IMG13:12] dans la section Dimensions de l’image, ou encore en déplaçant les deux points bleus situés en bas et à droite de l’images lorsque celle-ci est sélectionnée [IMG13:13].
  • 10Ajouter du texte en-dessous de l’image (légende, lien, référence…) [IMG13:14] si vous le souhaitez.
  • 11Ajouter un nouveau bloc à cet endroit [IMG13:15].

À partir d’une adresse Web? Petit conseil, n’utilisez le bouton Insérer à partir d’une URL [IMG12:6] que si l’image vous appartient ou avez une autorisation pour l’utiliser, et avez la certitude que l’image ne sera pas supprimée ou déplacée (contrôle sur l’hébergement où sont stockées les images). Dans ce cas, indiquez simplement le chemin absolu de l’image (ex: https://votresite.com/images/image.jpg).

Les options

Vous avez probablement remarqué qu’un menu d’options s’affiche lorsque votre image est sélectionnée. Voici quelques explications sur son utilisation:

  • a Modifier le type d’élément. Une seule image peut devenir une galerie d’images ou une bannière par exemple.
  • b Modifier l’alignement de l’image et donc son intégration avec le texte.
  • c Ajouter un lien pour rendre cette image cliquable. Vous pouvez indiquer une URL, choisir un fichier média ou attacher une page. En cliquant sur le bouton option (le petit caret en haut à droite g), vous pourrez choisir si le lien doit s’ouvrir dans un nouvel onglet, un attribut rel ou une classe CSS (un langage informatique permettant de mettre en forme les pages web).
  • d Recadrer l’image. 3 options vous sont proposées ici:
    • La première, représentée par la petite loupe, vous permet de zoomer dans l’image puis de la repositionner.
    • Via la seconde vous pourrez modifier le rapport d’aspect en sélectionnant l’un des préréglages affichés dans la sous-liste.
    • La dernière vous permet d’appliquer une rotation de 45° à l’image à chaque fois que vous cliquerez dessus.

    Lorsque vous aurez terminé, cliquez sur Appliquer pour que vos modifications soient prises en compte, ou sur Annuler si vous n’êtes pas satisfait du résultat.

  • e Remplacer l’image par une autre. Vous pouvez soit en choisir une autre dans votre Médiathèque, soit en importer une nouvelle.
  • f Options supplémentaires. D’autres options s’affichent lorsque vous cliquez ici:
    • Masquer la colonne de réglages latérale: Il s’agit, comme on le devine, de la colonne située à droite de l’écran.
    • Copier: Permet de copier le bloc pour pouvoir le coller ailleurs.
    • Dupliquer: Duplique l’élément juste en-dessous de celui-ci.
    • Insérer avant/après: Ajoute un bloc vide avant ou après celui sélectionné.
    • Déplacer vers: Pour déplacer le bloc vers un autre endroit de votre page/article, cliquez sur Déplacer vers, utilisez les flèches directionnelles Haut/Bas de votre clavier pour le déplacer à l’endroit souhaiter, puis tapez la touche Enter pour appliquer le déplacement.
    • Modifier le HTML: Permet de modifier le code HTML de l’élément. Si vous ne comprenez pas ce que cela veut dire, il est préférable que vous n’y touchiez pas.
    • Ajouter aux blocs réutilisables: Vous pouvez sauvegarder le bloc et tous les éléments que vous y avez inséré afin de pouvoir le réutiliser ultérieurement. Il vous suffit pour cela de lui donner un nouveau nom puis de cliquer sur Enregistrer. Vous le retrouverez ensuite avec les autres blocs en cliquant sur l’onglet Réutilisable.
    • Retirer le bloc: Supprime le bloc.

Ajout d’images dans la Médiathèque

Si par contre vous souhaitez uniquement ajouter une ou plusieurs images à votre bibliothèque, vous pouvez également le faire directement depuis la section Médias :

  • 1Allez dans Médias › Ajouter [IMG14:1].
  • 2Cliquez sur le bouton Choisir des fichiers [IMG14:2].
  • 3Sélectionnez la ou les photos [IMG14:3] que vous souhaitez ajouter à votre bibliothèque.
  • 4Cliquez sur le bouton Ouvrir [IMG14:4].
  • IMAGE 12 Wordpress - Ajouter une image WordPress – Ajouter une image I
  • IMAGE 13 Wordpress - Ajouter une image WordPress – Ajouter une image II
  • IMAGE 14 Ajouter une image via Médias Ajouter une image via Médias

Comment sélectionner plusieurs images ?

Vous n’êtes pas obligé d’importer une image à la fois. Si vous devez utiliser plusieurs images pour créer une galerie par exemple, il est possible d’en sélectionner plusieurs d’un coup. Pour cela, vous pouvez soit:

  • Maintenir la touche CTRL (Command ⌘ sur mac) de votre clavier enfoncée et cliquez sur chacune des images que vous voulez ajouter.
  • S’il s’agit d’une série d’images qui se suivent, sélectionnez la première avec un clic de souris, puis maintenez la touche shift de votre clavier avant de sélectionner la dernière, toujours avec un clic.
  • Utiliser CTRL + A (Command ⌘ + A sur mac) pour sélectionner tous les fichiers d’un répertoire.
  • Faire une sélection multiple avec votre souris.

Quelques petits conseils avant d’ajouter un média

C’est toujours une très bonne idée d’ajouter des images, vidéos ou sons à un article ou une page. Cela brise un peu la monotonie d’un texte monolithique et en plus Monsieur Google aime ça. Mais il faut cependant faire attention à certains points:

  • Évitez les images de trop grande taille, genre 5000px sur 3000px. Elles alourdissent le chargement de vos pages. Si vos images ne sont pas destinées à être agrandies dans une lightbox (qui permet d’afficher une image en plein écran), limitez-vous à une largeur maximum de 1200px, c’est amplement suffisant.
  • Utilisez une extension gratuite telle que Shortpixel ou Imagify pour optimiser et donc réduire le poids de vos images.
  • Pour les vidéos, je vous conseille de passer par des plateformes telles que YouTube, Dailymotion ou Vimeo. D’une part parce qu’elles disposent de tous les outils nécessaires et adaptés à ce type de contenu, elles vous permettront de toucher plus de monde (YouTube est le deuxième moteur de recherche le plus utilisé après Google), mais aussi parce que cela vous évitera des tracas divers (Intégration du lecteur dans vos pages, la vidéo qui saccade, fichiers vidéo lourds qui saturent votre espace Web…).
  • Pour les sons, passez par un service en ligne tel que SoundCloud. Il est gratuit et permet de les intégrer facilement dans vos pages/articles.

Pour réduire la taille ou recadrer vos images, mais aussi retoucher les couleurs et rehausser leur dynamisme, vous avez le choix entre différents logiciels ou plateformes de retouches d’images. Personnellement j’utilise Adobe Photoshop qui pour moi est le plus puissant des outils de cette catégorie. De plus, un abonnement ne coûte que 9,99 $/mois (avec Lightroom compris dans le pack). Mais il en existe d’autres tels que Gimp ou Pixlr qui eux sont gratuits.

Comment ajouter une vidéo YouTube ?

La procédure pour ajouter une vidéo YouTube (ou autre plateforme vidéo) est assez simple:

  • 1Cliquez sur l’icône situé en haut à gauche [IMG15:1].
  • 2Tapez vidéo dans la zone de recherche de blocs [IMG15:2], puis cliquez sur l’icône YouTube, Dailymotion ou Vimeo [IMG15:3]. Tous les blocs d’intégration vidéo se trouvent dans l’onglet Contenus embarqués un peu plus bas dans la liste.
  • 3Entrez l’URL de la vidéo puis cliquez sur le bouton Embarquer juste à côté [IMG15:4]. Pour trouver cette URL, allez sur YouTube, Dailymotion ou Vimeo, ouvrez la vidéo que vous souhaitez intégrer puis sélectionner toute l’URL indiquée dans la barre d’adresse [IMG16] et copiez-la.
  • 4Assurez-vous, une fois la vidéo ajoutée, que l’option Redimensionner pour les petits appareils situé dans la colonne de droite soit bien activée [IMG15:5]. Cette option permet d’optimiser l’affichage sur les appareils mobiles.
  • IMAGE 15 Wordpress - Ajouter une vidéo YT WordPress – Ajouter une vidéo YT
  • IMAGE 16 URL d'une vidéo YouTube URL d’une vidéo YouTube
  • IMAGE 17 Wordpress - Ajouter un son SoundCloud WordPress – Ajouter un son SoundCloud

Copier/coller?

Voici une petite astuce bien utile, que certains d’entre vous connaissent déjà, pour copier, coller ou couper rapidement un élément. Plutôt que de faire un clic droit puis de sélectionner la fonction dans la liste déroulante, vous pouvez utiliser un raccourci clavier comme suit:

  • Copier : CTRL (Windows) / ⌘ (Mac) + C
  • Coller : CTRL (Windows) / ⌘ (Mac) + V
  • Couper : CTRL (Windows) / ⌘ (Mac) + X

Comment ajouter un son SoundCloud ?

Le procédé est similaire à celle pour ajouter une vidéo YouTube, sauf qu’ici nous allons d’abord cliquer sur le lien Partager [IMG17:1] situé juste en-dessous de la piste audio de la page SoundCloud, puis copier le lien de partage qui s’affichera juste après [IMG17:2]. Si vous copiez/collez juste l’URL de la page, comme pour YouTube, vous risquez d’avoir un message d’erreur qui s’affiche. Pour cette raison, il est donc préférable de passer par le bouton partager de SoundCloud.

Pour l’intégrer ensuite à votre article, cliquez sur l’icône pour ajouter un bloc [IMG17:3], tapez sound dans la barre de recherche et cliquez sur l’icône SoundCloud qui apparaitra juste en-dessous [IMG17:4]. Il ne vous reste plus qu’à coller le lien de partage dans le champ URL SoundCloud puis de cliquer sur le bouton Embarquer juste à côté [IMG17:5].

Comment ajouter un fichier audio ou vidéo ?

Si vous souhaitez ajouter une vidéo ou un fichier audio sans passer par une des plateformes que je viens de citer, sachez que la procédure est très similaire à celle permettant d’ajouter une image. Il suffit juste de choisir l’icône Vidéo ou Son [IMG18:1] puis de modifier les options de la colonne de droite selon vos besoins [IMG18:2] comme je vous l’explique juste ci-dessous.

Options vidéo/audio :

  • Lecture automatique: La vidéo ou l’audio démarrent automatiquement dès que la page est chargée.
  • Répéter: La vidéo ou l’audio sont joués en boucle.
  • En sourdine*: Le volume de la vidéo est coupé et doit être activé manuellement par l’utilisateur.
  • Commande de lecteur*: La barre de commande de lecture en bas de la vidéo (lecture, progression, niveau du volume…) est cachée.
  • Lancer directement*: Cette option vous permet de définir que votre vidéo doit être lue en ligne, c’est-à-dire dans la zone de lecture de l’élément.
  • Précharger: Cette liste déroulante vous permet de choisir la manière dont la vidéo ou le fichier audio sera chargée par le navigateur.
    • Automatique: La vidéo sera chargée entièrement dès que la page sera affichée sur le navigateur (ce qui risque de ralentir le chargement de la page).
    • Métadonnées: Le navigateur préchargera uniquement les informations basiques de la vidéo.
    • Aucun: Le chargement de la vidéo se fait dès que l’utilisateur aura lancé la vidéo. Attention ici, si vous avez beaucoup de contenus multimédia insérés dans votre page, ne les préchargez pas tous car cela peut ralentir fortement son chargement.
  • Image de couverture*: Cette option vous permet d’ajouter une image qui s’affichera dans le lecteur vidéo, le temps que celle-ci ne sera pas lancée.
    (* = Uniquement disponible pour la vidéo)
  • IMAGE 18 Ajouter un fichier audio ou vidéo Ajouter un fichier audio ou vidéo

Créer une page

Il existe de multiples raisons de créer une page: page d’accueil, page répertoriant une liste de tous vos articles, page intégrant un formulaire de contact, page FAQ (Questions fréquemment posées), etc. Bref, à peu près tout ce qui n’est pas un article est une page.

Je vous explique rapidement ici comment vous pouvez en créer une [IMG18:1], car j’en aurai besoin pour illustrer l’étape suivante. Mais ce processus étant fort similaire à la création d’un article et que j’explique cela plus en détail un peu plus loin, je ne vais pas trop m’y attarder ici.

Pour créer une page:

  • 1Allez sur Pages › Ajouter [IMG19:1].
  • 2Indiquez un titre [IMG19:2].
  • 3Remplissez la page avec ce que vous voulez en vous servant de l’icône qui vous permet d’ajouter des blocs de contenus [IMG19:3].
  • 4Cliquez sur le bouton Prévisualiser pour voir à quoi cela ressemble et cliquez ensuite sur le bouton Publier lorsque vous serez satisfait du résultat. [IMG19:4]
  • IMAGE 19 WordPress - Créer une page WordPress – Créer une page

Créer un menu de navigation

Nous allons pouvoir maintenant créer le menu de navigation. C’est essentiel pour que vos visiteurs puissent accéder directement et facilement aux pages ou catégories qui les intéressent (et c’est d’ailleurs pour cela qu’il est préférable de les créer avant le menu de navigation).

Le style du menu ainsi que l’endroit où il est affiché dépendent du thème que vous avez installé, mais il se trouve généralement tout en haut de votre site/blog.

  • 1Allez dans Apparences › Menus [IMG20:1].
  • 2Donnez un nom à votre menu (ex.: Menu principal) dans la zone de texte Nom du menu [IMG20:2] et cochez la case Menu principal situé plus bas, dans les Réglages du menu [IMG20:3]. Le nom de cette case peut varier en fonction du thème que vous utilisez, mais l’idée ici est d’indiquer à WordPress que le menu que l’on vient de créer est le principal, celui qui devra s’afficher en haut du site.
  • 3Cliquez sur le bouton Créer le menu [IMG20:4].
  • 4Maintenant que votre Menu est créé, vous allez pouvoir ajouter les éléments de navigation. Pour cela, vous disposez de 4 onglets situés à gauche (pages, articles, liens personnalisés et catégories) [IMG20:5]. Ouvrez l’onglet contenant l’élément que vous souhaitez insérer, cochez la ou les cases de chaque élément à ajouter puis cliquez sur le bouton Ajouter au menu.
  • 5Chaque élément est déplaçeable en faisant un glisser/déposer. En prenant un élément avec la souris, vous pouvez soit le déplacer vers le haut ou vers le bas et ainsi modifier l’ordre d’affichage. En le déplaçant vers la droite, cet élément deviendra un sous-service (ou sous-élément) qui dépendra alors de celui situé juste au-dessus [IMG20:6]. Très utile si votre site est organisé en catégories et sous-catégories, par exemple.

Si vous cliquez sur le petit triangle situé à droite de chaque élément [IMG20:7], vous verrez apparaitre les options disponibles. Vous pourrez donc ici modifier le titre de l’élément de navigation, le déplacer en haut, en bas ou à droite (comme je l’expliquait pour le glisser/déposer plus haut) via les liens affichés juste en-dessous, ou simplement le supprimer.

Enfin, vous pouvez également supprimer le menu entier en cliquant sur Supprimer le menu [IMG20:8].

Une fois terminé, n’oubliez pas d’enregistrer via le bouton Enregistrer le menu [IMG20:5]. Vous pourrez alors voir le résultat sur une des pages de votre site [IMG21].

  • IMAGE 20 WordPress - Créer un menu de navigation WordPress – Créer un menu de navigation
  • IMAGE 21 WordPress - Le menu de navigation créé WordPress – Le menu de navigation créé
  • IMAGE 22 WordPress - Les widgets WordPress – Les widgets

Les widgets

Les widgets sont de petits modules que l’on insère sur une des zones dédiées, situées généralement à droite ou à gauche de votre article (Barre latérale ou sidebar) et en bas de page (pied de page ou footer) [IMG22].

Ils permettent d’afficher différents éléments tels qu’une liste des articles récents, une zone un formulaire de recherche, un calendrier, de la publicité, une vidéo, liste de tags (étiquettes), etc. On peut y mettre à peu près tout ce que l’on veut.

Changements depuis la v5.8 de WordPress

Depuis la mise à jour 5.8 de WordPress, les widgets se gèrent de la même manière que les articles et pages. Une série de blocs sont donc à votre disposition et vous permettront de construire vos widgets de façon visuelle.

Je ne vais pas expliquer ici comment cela fonctionne puisque le principe est le même que celui des pages/articles. Sachez simplement que si, comme moi, vous préférez utiliser l’ancien système, vous pouvez soit installer un plugin qui désactivera les blocs pour les widgets, soit utiliser ce bout de code que vous insérerez dans le fichier functions.php de votre thème enfant.

  • IMAGE 22a WordPress - Widgets via les blocks WordPress – Widgets via les blocks

Pour ajouter un widget (avant la version 5.8 ou en désactivant les blocs) :

Allez dans Apparence › Widgets [IMG23:1]. Dans la partie gauche de l’écran se trouvent tous les widgets disponibles [IMG23:2], tandis que celle de droite affiche les emplacements où vous pouvez les ajouter [IMG23:3]. Il vous suffit donc de simplement glisser les widgets dans le bon emplacement, à l’aide de votre souris [IMG23:4].

Une fois inséré, chaque widget doit être paramétré selon vos besoins [IMG23:5]. Ce paramétrage étant différent pour chaque widget, je ne vais pas pouvoir vous l’expliquer ici, mais rassurez-vous, c’est assez intuitif.

Si le widget dont vous avez besoin n’apparaît pas dans la liste, vous pourrez l’ajouter soit via un plugin, soit en ajoutant du code HTML que vous insérerez dans le widget HTML personnalisé [IMG23:6].

Deux petites choses à savoir encore: l’enregistrement se fera de manière automatique à chaque fois que vous ajouterez, déplacerez ou supprimerez un widget. Vous ne devrez cliquer sur le bouton Enregistrer que lorsque vous apporterez une modification à l’un des widgets installés. Enfin, sachez que, comme pour les éléments du Menu de navigation, vous pourrez modifier l’ordre dans lequel apparaissent les widgets en les déplaçant avec la souris.

Autre façon d’ajouter vos widgets

Il existe 2 manières d’ajouter des widgets à vos page/articles. Je préfère celle que je viens de vous montrer ici mais il y en a une autre. Je vous l’explique rapidement, comme cela vous pourrez décider celle qui convient le mieux.

  • 1 Allez dans Apparence › Personnaliser › Widgets. La barre de gauche affiche les widgets déjà installés [IMG24:1]
  • 2 Cliquez sur le bouton Ajouter un Widget situé au bas de la colonne de gauche pour en ajouter d’autres [IMG24:2] et vous verrez une seconde colonne apparaitre. Celle-ci contient tous les widgets disponibles [IMG24:3].
  • 3 Pour en ajouter un, il suffit simplement de cliquer dessus et il s’ajoutera à la liste des widgets installés. Dès que ce sera fait, vous pourrez le modifier ou le déplacer. Pour modifier un widget installé, vous pouvez également cliquer sur l’icône bleue affiché à côté de chaque widget [IMG24:4].
  • 4 Veillez à bien cliquer sur le bouton Publier [IMG24:5] avant de quitter la page car l’enregistrement n’est pas automatique, ici.
  • IMAGE 23 WordPress - Ajouter des widgets WordPress – Ajouter des widgets
  • IMAGE 24 WordPress - Autre manière d'ajouter des widgets WordPress – Autre manière d’ajouter des widgets

Les étiquettes

Les tags, ou étiquettes en français, sont des mots-clés cliquables qui permettent de lier différents articles entre eux, donnant ainsi la possibilité au lecteur de les retrouver facilement, une peu comme les catégories ou les hashtags (#) sur les réseaux sociaux.

Concrètement, lorsque vous écrirez votre article, vous devrez ajouter une série de mots-clés ayant un rapport avec celui-ci. Il s’agit dans la plupart des cas de mots extraits de l’article ou liés aux médias qu’il contient. Lorsque le lecteur clique sur un de ces mots-clés, tous les articles dans lequel il apparaît s’afficheront sous forme de liste.

Quand je dis devrez ajouter, c’est parce que c’est important pour Monsieur Google. La plupart des moteurs de recherche en tiennent compte pour le référencement de votre site. Trop souvent négligé, il est pourtant utile pour votre référencement naturel donc.

Vous pourrez ajouter des étiquettes lorsque vous créerez un nouvel article, mais également comme je vais vous l’expliquer maintenant.

Ajouter une étiquette

  • 1Allez dans Articles › Étiquettes
  • 2Indiquer un nom et un slug. Le slug est l’identifiant, souvent identique au nom, mais sans accent, ni majuscule, ni espace, et qui servira entre autres d’élément à l’URL menant au tag. la description est facultative, mais bénéfique pour le SEO.
  • 3Cliquez sur Ajouter une nouvelle étiquette.
  • 4Les étiquettes sont affichées sous forme de liste à droite. En les survolant avec la souris, vous verrez apparaitre quelques options qui vous permettront de modifier, afficher ou supprimer chacun d’entre eux.

Ces étiquettes seront stockées dans la base de données et vous pourrez les utiliser à chaque fois que vous écrirez un nouvel article. Il vous suffira d’écrire les premières lettres et il s’affichera dans une liste déroulante juste en dessous du champ, comme nous le verrons plus loin lors de la création d’un article.

Pour connaître toutes les bonnes pratiques liées aux étiquettes, je vous conseille ce très bon article.

  • IMAGE 25 WordPress - Ajouter des étiquettes (Tags) WordPress – Ajouter des étiquettes (Tags)

Les extensions

Pour rappel, les extensions sont un peu comme les applications de votre smartphone et viennent ajouter de nouvelles fonctionnalités à votre site/blog. Il faut donc les télécharger et les installer.

Le plus simple est d’aller dans Extensions › Ajouter [IMG26:1]. De là, vous aurez accès au catalogue de WordPress qui compte un nombre pléthorique d’extensions gratuites. Vous pourrez trouver celle qu’il vous faut en utilisant la barre de recherche située en haut à droite de l’écran [IMG26:2].

Lorsqu’elle sera affichée, il vous suffira de l’installer [IMG26:3] puis de l’activer [IMG27]. Si vous souhaitez en savoir plus sur l’extension avant de l’installer, cliquez sur le lien plus de détails situés juste en dessous du bouton d’installation [IMG26:4].

Si par contre vous avez téléchargé une extension depuis un autre site et qu’elle se présente sous la forme d’un fichier compressé (.zip), vous devrez alors procéder comme suit :

  • 1Allez dans Extensions › Ajouter [IMG28:1]
  • 2Cliquez sur le bouton Téléverser une extension situé en haut à gauche de l’écran. [IMG28:2]
  • 3Cliquez sur le bouton Parcourir qui vient d’apparaître. [IMG28:3]
  • 4Trouvez puis sélectionnez le dossier compressé que vous avez téléchargé [IMG28:4], cliquez sur Ouvrir puis sur Installer [IMG28:5/6].
  • 5Cliquez sur le bouton Activer l’extension sur la page qui vient de s’afficher [IMG29:7].

Quand elles sont installées et activées, la plupart des extensions doivent être préalablement paramétrées avant leur utilisation. La localisation de cette page de paramétrage varie en fonction de chaque extension, mais on la retrouve généralement dans Admin › Outils, Admin › Réglages ou encore directement dans la barre d’admin.

Chaque extension à ses propres paramétrages et, cet article étant déjà assez long, il me sera donc impossible ici de vous expliquer comment procéder. Si vous rencontrez un problème, je vous conseille donc de vous rendre sur la page de l’extension sur le site de WordPress. Vous y trouverez un onglet Installation qui vous expliquera comment faire et un onglet support où vous pourrez trouver de l’aide. Vous trouverez également de nombreux tutos sur YouTube ou Dailymotion.

Si vous voulez désactiver ou supprimer une extension, c’est très simple: Allez dans Extensions › Extensions installées, cliquez sur Désactiver [IMG30:8] ou Supprimer en dessous du nom de celle-ci. La désactiver ne la supprimera pas, mais la rendra inutilisable.

Comme pour les thèmes, il en existe des gratuites et d’autres payantes (premium). Si vous ne trouvez pas votre bonheur dans le catalogue de WordPress, il y a de fortes chances pour que vous la trouviez sur des sites tels que CodeCanyon, MyThemeShop, MOJO ou encore WpmuDev, qui regorgent de très bonnes extensions premium.

  • IMAGE 26 WordPress - Ajouter une extension WordPress – Ajouter une extension
  • IMAGE 27 WordPress - Activer l'extension WordPress – Activer l’extension
  • IMAGE 28 WordPress - Installer une extension WordPress – Installer une extension
  • IMAGE 29 WordPress - Activer l'extension installée WordPress – Activer l’extension installée
  • IMAGE 30 WordPress - Désactiver ou supprimer une extension WordPress – Désactiver ou supprimer une extension

Si vous ne savez pas trop quelles extensions utiliser, je vous ai préparé une petite liste de celles, gratuites, freemium (gratuit, mais avec options payantes) ou premium (payant), que je préfère.

Vous pouvez en installer plusieurs bien entendu, mais attention de ne pas en mettre trop tout de même, car chaque extension ralentit plus ou moins le chargement de votre site. 20 me semble être un bon nombre maximum, mais cela dépend entièrement de chaque extension, certaines sollicitant plus de ressources que d’autres.

Écrire votre premier article

Nous y voilà enfin. WordPress est configuré, vous avez installé votre thème, créer des catégories, ajouter des extensions… enfin bref, votre blog n’attend pas plus qu’une chose: vos fabuleux articles. Et maintenant que vous avez passé du temps à préparer le terrain, vous verrez que cela peut aller très vite. La méthode est assez similaire à celle pour créer une nouvelle page, mais avec quelques options en plus.

Si vous ne savez pas trop comment vous y prendre pour rédiger votre article, je vous conseille avant tout d’aller jeter un œil à celui-ci.

Créer et ajouter du contenu à votre article

  • 1Allez sur Articles › Ajouter [IMG31:1].

  • 2Donnez un titre explicite à votre article dans le premier champ du dessus [IMG31:2].

  • 3Juste en-dessous du titre, vous trouverez un premier bloc vide de type paragraphe. Ici, deux possibilités s’offrent à vous: Soit commencer à écrire votre premier paragraphe, soit changer de type de bloc en utilisant la touche / de votre clavier. Les blocs sont des éléments que vous pourrez ajouter et imbriquer les uns après les autres pour créer votre article (ou votre page). Il en existe de différentes natures et, en cliquant sur l’icône situé juste à droite et plus haut sur la gauche [IMG31:3], vous verrez apparaitre une liste de tous les blocs disponibles.

    Pour ajouter un nouveau bloc, le plus simple est de positionner votre curseur sur ce premier bloc puis d’utiliser la touche Enter de votre clavier. Ce nouveau bloc apparaitra alors juste en-dessous de celui-ci. Il sera de type Paragraphe par défaut et si vous le souhaitez, vous pourrez le changer comme je viens de l’expliquer.

    Lorsque vous aurez terminé, cliquez sur une des 3 options plus haut [IMG31:4] : Enregistrer le brouillon, ce qui enregistrera votre article sans le publier, Prévisualiser pour voir à quoi il ressemble, ou Publier si tout est OK

    Chacun de ces blocs offre une série d’options très utiles qui sont disposées juste au-dessus [IMG32:1+2] et sur la colonne de droite [IMG32:3]. Attention, elles n’apparaissent que lorsque celui-ci est sélectionné avec un clic. Ces options varient grandement d’un type de bloc à l’autre, c’est pourquoi j’y reviendrai plus en détails un peu plus bas. Mais avant cela, attardons-nous un peu sur l’interface de travail qui contient elle aussi pas mal d’éléments fort utiles.

  • IMAGE 31 WordPress - Écrire un article WordPress – Écrire un article
  • IMAGE 32 WordPress - Les options de blocs WordPress – Les options de blocs

Une erreur? Revenez en arrière

Si vous commettez une erreur de frappe ou autre pendant que vous rédigez votre page ou article, vous pouvez revenir en arrière soit via la flèche retour situé dans la barre d’outils tout au-dessus [IMG31:5], soit utiliser le raccourci clavier CTRL/⌘ Z.

Sachez aussi que WordPress fait régulièrement une sauvegarde de sécurité de vos pages/articles pendant que vous les construisez. Vous pouvez donc à tout moment revenir vers une version antérieure via l’historique des révisions. Pour cela, cliquez sur le nombre de révision affiché à droite [IMG31:7], puis choisissez la version à restaurer [IMG31:8] et cliquez sur Rétablir cette révision [IMG31:9]. Vous pouvez consulter cet article très complet pour en savoir plus sur l’outil de révision.

Paramétrages de l’article

Vous l’aurez remarqué, la colonne de droite comporte deux onglets: L’onglet Bloc qui contient les options du bloc sélectionné, comme je l’ai expliqué plus haut et sur lequel je reviendrai juste après, et l’onglet Article (ou page s’il s’agit d’une page). Ce dernier vous permettra de choisir les paramètres de votre article comme suit:

  • 1État et visibilité [IMG33:1]

    • Visibilité : Vous pouvez restreindre l’accès à cet article [IMG33:1a].

      • Publique : L’article sera visible pour tout le monde.

      • Privé : il le sera uniquement pour les adminitrateur·trice et rédacteurs·trices.

      • Protégé par mot de passe : Comme le nom l’indique, vous pouvez définir un mot de passe pour l’accès à cet article et donc seuls ceux qui le connaitront pourront donc y accéder.

    • Publier : Permet de publier l’article immédiatement ou de postposer cette publication à une date ou une heure ultérieure [IMG33:1b].

    • Format de la publication : J’en ai parlé dans la première partie, cette option permet de définir le type d’article que vous allez publier (vidéo, galerie d’images, citation…). Mais si vous ne voyez pas trop quoi faire ici, ne vous inquiétez pas car elle est tout à fait facultative.

    • Épingler en haut du blog : Si vous cochez cette case, l’article sera placé en haut de page affichant la liste de tous les articles, et y restera même si vous en publiez de nouveaux.

    • En attente de relecture : Par défaut, votre article est régulièrement et automatiquement sauvegardé comme brouillon. Si cette case est cochée, ce signifie que le brouillon est en attente de révision par un éditeur avant d’être publié.

    • Déplacer vers la corbeille : En cliquant sur ce bouton, l’article sera déplacé dans la corbeille. Si vous voulez le supprimer, il faudra donc passer par la corbeille. Voir plus bas.

  • 2Permalien : Permet de modifier le slug de l’article [IMG33:2], selon la structure URL que vous aurez choisie dans Réglages des permaliens, comme je l’ai expliqué dans la première partie.

  • 3Catégories : Sélectionnez ici la ou les catégories dans lesquelles votre article figurera en cochant simplement la ou les cases correspondantes [IMG31:3]. Si vous souhaitez en créer une nouvelle, cliquez sur Ajouter une nouvelle catégorie, donnez-lui un nom, attribuez-lui une catégorie parente le cas échéant, et terminez en cliquant sur Ajouter une nouvelle catégorie.

  • 4Étiquettes (Tags) : Écrivez les mots-clés (étiquette) relatifs à votre article, puis tapez Enter pour l’ajouter à la liste. Si vous ne voyez pas ce que c’est, je vous en parlais plus haut. Vous remarquerez que les étiquettes déjà créées dans la base de données s’afficheront juste en-dessous dès que vous commencerez à les écrire au clavier [IMG33:4]. Cliquez dessus vous fera gagner du temps, contribuera à leur uniformité et réduira le risque des fautes d’orthographe.

  • 5Image mise en avant: Ajoutez une image d’illustration principale à votre article [IMG33:5]. Cette image sera affichée en tête de l’article mais aussi comme miniature dans la page répertoriant la liste de tous vos articles (selon le thème que vous utilisez [IMG34:1]) ou encore lorsque l’article sera partagé sur les réseaux sociaux.

    Choisissez-en une qui attirera le regard et qui a un rapport avec le sujet dont vous allez parler. Cette image est là pour appuyer le titre, attirer le regard et donner une indication visuelle sur le contenu de votre article. Cliquez ici si vous voulez en savoir plus sur Image en avant.

  • 6Extrait : Vous pouvez écrire un petit résumé qui, en une ou deux phrases expliquera à vos lecteurs ce qu’ils pourront trouver dans cet article et de quoi il parle [IMG33:6]. Cet extrait sera notamment affiché dans le flux RSS (si l’option affichage des résumés est activée), mais également (selon le thème que vous utilisez [IMG34:2]) sur la page répertoriant la liste de tous vos articles.

    Cet extrait sert théoriquement aussi à indiquer aux moteurs de recherche quel est le texte à afficher en-dessous du titre dans les pages de résultats de recherche (SERP), mais vous pouvez le faire également via une extension telle que Yoast par exemple. Ce sera même plus efficace, selon moi.

  • 7Commentaires : Nous avons vu plus haut comment autoriser les commentaires ainsi que les ping et rétroliens par défaut pour tous les articles. Vous pouvez modifier ici [IMG33:7] ces options individuellement pour chaque article.

  • 8Attributs de page : Cet onglet [IMG33:8] n’est disponible que dans les options de pages. Vous pouvez choisir ici une page parente pour chacune des pages que vous créez, et d’indiquer l’ordre dans lequel elles doivent être affichées.

  • IMAGE 33 WordPress - Les options d'articles/pages WordPress – Les options d’articles/pages
  • IMAGE 34 WordPress - Exemples de blog WordPress – Exemples de blog

Les blocs et leurs options

Voyons à présent quels sont les blocs les plus couramment utilisés, ainsi que leurs différents paramétrages. Je ne reviendrai pas ici sur les blocs Images, Vidéo et Son puisque j’en ai déjà parlé plus haut.

Bloc Paragraphe

C’est le bloc par défaut et probablement celui que vous utiliserez le plus souvent puisqu’il permet de créer des blocs de texte.

  • La première icône en haut à gauche [IMG35:1], au-dessus du texte, permet de modifier le type de bloc. À la différence de l’icône , celui-ci propose un nombre limité de choix mais similaires à celui actuellement actif.

  • Ces 2 icônes [IMG35:2] permettent de modifier l’emplacement du bloc dans la page ou l’article. Pour cela, vous pouvez donc soit « agripper » le bloc à l’aide de la souris et le glisser vers l’endroit où vous souhaitez le déplacer, soit utiliser les flèches directionnelles haut/bas.

  • Vous pouvez ici modifier l’alignement horizontal du texte [IMG35:3] : aligné à gauche, à droite, ou centré.

  • Pour mettre un texte en gras ou italique, sélectionnez-le avec la souris puis cliquez sur l’icône adéquate [IMG35:4].

  • Si vous souhaitez ajouter un lien vers une adresse Web, sélectionnez le texte puis cliquez sur cette icône [IMG35:5]. Un champ texte apparaitra alors juste en-dessous. Deux choix sont possibles ici:

    • Vers une page ou un article: pour ajouter un lien menant vers une page ou un article de votre site, commencez à écrire son titre dans le champ et une liste de pages/articles contenant ce ou ces mots apparaitra juste en dessous. Cliquez sur la bonne page dès qu’elle sera affiché et terminez en tapant la touche Enter de votre clavier.

    • Vers un lien externe: S’il s’agit d’un lien menant à un site autre que le vôtre, indiquez juste l’URL complète (ex: https://fr.wikipedia.org/wiki/Oiseau) puis tapez Enter.

    Si vous voulez que ce lien s’ouvre dans un nouvel onglet, il vous faudra activer le petit curseur en bas Ouvrir dans un nouvel onglet (bleu = activé).

    Pour modifier le lien, cliquez juste dessus puis sur l’icône modifier.

    Pour le supprimer, cliquez dessus puis sur l’icône permettant d’ajouter un lien [IMG35:5]. Elle passera alors du noir au blanc, ce qui signifiera que le lien a bien été supprimé.

  • En cliquant sur le petit caret [IMG35:6], vous aurez accès à quelques options supplémentaires telles que barrer le texte, le transformer en ligne de code, changer la couleur, transformer en format « exposant » ou « indice », et insérer une image miniature.

  • D’autres options apparaitront également lorsque vous cliquez sur [IMG35:7], comme je l’ai déjà également expliqué plus haut.

  • Dans les options à droite, vous pourrez modifier la taille du texte [IMG35:8], soit en sélectionnant une taille prédéfinie dans la liste déroulante (Grande, moyenne, petite…), soit en indiquant directement la taille en pixels. Vous pouvez aussi modifier la hauteur de ligne, juste en-dessous et de la même manière.

  • Cette section colorée sert à modifier la couleur de fond de texte ou du texte lui-même [IMG35:9]. Pour cela, sélectionnez une des couleurs prédéfinies, ou choisissez une couleur personnalisée en cliquant sur Couleur personnalisée.

    Si vous disposer d’un code de couleur hexadécimal, RGB ou HSL, indiquez-le dans le champ juste en-dessous de l’échantillonneur [IMG35:10]. Il suffit de cliquer sur le caret juste à droite pour switcher entre les différentes valeurs.

  • L’option Lettrine [IMG35:11]. Une lettrine est une lettre capitale dont la taille est nettement supérieure au reste du texte et utilisée comme première lettre d’un paragraphe [IMG35:10]. C’est une méthode existant depuis des siècles qui permet de mettre en valeur le début d’un texte ou d’un chapitre.

Onglet avancé

Pour la pluart des blocs, il y a un onglet avancé situé tout au bas de la barre latérale des options. Son contenu étant à chaque fois identique, je vous explique ici ce que vous y trouverez.

  • Les ancres HTML: Cette option vous permet d’ajouter une ancre HTML au bloc sélectionné. Celles-ci servent à créer un lien pointant vers en endroit précis de votre page ou de votre article. Si par exemple vous voulez créer un lien menant vers la conclusion de votre article, vous pouvez ajouter un identifiant (votre ancre) à ce bloc, que vous pourrez ensuite intégrer à la fin de l’URL. Imaginons que cet identifiant soit « conclusion », le lien menant directement à la conclusion ressemblera à https://votresite.com/votrearticle/#conclusion (n’oubliez pas le hash #, sinon ça ne marchera pas).

  • Les classes CSS: Les options de mise en forme des blocs sont assez limitées, mais il est possible d’ajouter une ou plusieurs classes CSS. Celles-ci permettent d’insérer des lignes de code dans votre thème et de décupler ainsi les possibilités de mise en forme. Cela implique que vous ayez un minimum de connaissances dans le codage HTML et CSS (2 langages du Web), mais les bases s’apprennent assez facilement. Si cela vous tente, voici un lien qui devrait vous intéressé.

Bloc Titre

Comme son nom l’indique, ce bloc permet d’ajouter des titres et sous-titres de différentes tailles, avant un paragraphe ou tout autre type de bloc.

Pour ajouter un titre donc, il vous suffit de l’écrire puis de choisir sa taille [IMG35:12]. En HTML, cette taille est exprimée en valeur H (Headings) suivi d’un chiffre entre 1 et 6. Plus ce chiffre est grand et plus la taille de la police de caractère sera petite. H1 affiche donc la plus grande taille de caractères tandis que H6 affiche la plus petite.

Personnellement, je vous conseille de ne pas utiliser la balise H1 car elle est déjà utilisée pour le titre principal de l’articles que vous publiez. Ne l’utilisez donc que si le titre que vous souhaitez ajouter a autant d’importance que celui-ci.

Bloc Galerie

Grace à ce bloc vous pouvez créer une galerie d’images sous forme de grille. Le principe est le même que pour ajouter une seule image, à la différence qu’ici vous pourrez en sélectionner plusieurs depuis la Bibliothèque des médias. Cette galerie peut être alignée par rapport au bloc précédent via option Alignement [IMG35:13].

Lorsque vous aurez importé plusieurs images, cliquez sur l’une d’entre elles et vous verrez quelques options apparaitre [IMG35:14]. Celles-ci vous permettront de modifier l’ordre dans lequel elles sont disposées, de remplacer une image par une autre d’en supprimer une, et enfin, d’ajouter un petit texte au bas de l’image.

Vous trouverez quelques options très intéressantes dans la colonne de droite.

  • Tout d’abord, vous pourrez choisir le nombre de colonnes, donc d’images qui seront affichées côte-à-côte sur une même ligne [IMG35:15].

  • Ensuite, vous pourrez recadrer les images afin qu’elles soient parfaitement intégrées à la galerie [IMG35:16], ce qui est pratique lorsque vos images n’ont pas toutes les mêmes dimensions.

  • Cette option-ci [IMG35:17] est, de mon point de vue, surtout intéressante si vous souhaitez intégrer une lightbox à votre site. J’en parle quelques lignes plus bas.

  • Vous pouvez ici sélectionner la taille de l’image à afficher [IMG35:18], comme je l’ai déjà expliqué ici. Si l’image affichée est floue ou trop petite, c’est probablement parce que vous n’avez pas sélectionné la bonne taille.

Lightbox

Une lightbox est un outil très utile lorsque vous créez une galerie d’image. Elle permet à l’utilisateur de cliquer sur une image miniature pour pourvoir l’afficher en grand, sans quitter la page. Si vous voulez voir un exemple, cliquez sur une des images affichées ici. Il existe plusieurs extensions qui vous permettront d’intégrer assez facilement cette fonctionnalité à votre site Web. Responsive Lightbox & Gallery, par exemple, est à la fois complète et gratuite, et je l’utilise moi-même pour certains projets.

Lorsque cette extension sera installée puis activée, il suffira juste de sélectionner l’option d’image Lier à un fichier média [IMG35:17] dans la colonne de droite de l’article, comme je l’ai expliqué plus haut, et de veiller à ce que les cases Activer la visionneuse soient cochées pour Images et Galerie [IMG37:1] dans les options de l’extension (Visionneuse › Général) [IMG37:2].

Bloc Média & Texte

Ce bloc permet d’afficher une image et un paragraphe côte-à-côte. Une fois inséré, il sera divisé en deux parties: l’image à gauche, le paragraphe à droite. Si vous souhaitez inverser cet ordre, cliquer sur l’icône correspondante dans la barre juste au-dessus [IMG36:1]. Si l’image est plus petite que la hauteur du texte situé à côté, vous pouvez choisir son positionnement vertical (haut, milieu, bas) [IMG36:2].

Si vous activez l’option Empiler sur mobile dans la barre latérale à droite, l’image et le texte se superposeront quand ils seront affichés sur un petit écran [IMG36:3]. Juste en-dessous, vous pouvez choisir de Recadrer l’image pour remplir toute la colonne. Utile si votre image est large et la colonne plutôt haute. Vous connaissez déjà les deux dernières options puisqu’il s’agit du Texte alternatif (alt) et du choix de la Taille de l’image [IMG36:4] dont je vous ai déjà parlé plus haut.

Bloc Tableau

Comme son nom l’indique, le bloc Tableau vous permet d’intégrer facilement un tableau à votre article ou votre page. Dès que vous aurez ajouté ce bloc, vous devrez choisir le nombre de colonnes et de lignes avant de le générer via le bouton Créer un tableau. Quand ce sera fait, vous pourrez choisir l’alignement du texte contenu dans les cellules [IMG36:5]. Juste à côté, vous aurez la possibilité d’ajouter ou de supprimer des lignes ou colonnes [IMG36:6].

Dans les options à droites, vous pourrez opter pour un style de tableau à rayures [IMG36:7] et dans ce cas, la couleur de fond sera plus sombre pour une ligne sur deux, un peu comme pour un tableau Excel. Enfin, vous disposez de 3 options dans la section Réglage du tableau [IMG36:8] : La première, Cellules de tableau à largeur fixe homogénéisera la largeur des colonnes de façon à ce qu’elles soient toutes identiques. Les deux dernières ajouteront une Section d’en-tête ou un pied de page à votre tableau, ce qui est pratique si vous souhaitez par exemple ajouter un titre ou une conclusion à chaque colonne.

Bloc Liste

Ce bloc permet d’organiser votre texte sous forme de liste à puce ou numérotée [IMG36:9]. Vous pouvez également ajouter une indentation (un petit espace à gauche) et donc crée des sous-listes à puce ou numérotées [IMG36:10], comme montré sur l’illustration.

Si vous affichez une liste à puce, vous pourrez choisir la valeur de départ (qui est 1, par défaut) ou encore Inverser le numérotage de la liste [IMG36:11].

Bloc Classique

Ce bloc affiche l’éditeur qui était utilisé dans les versions précédentes de WordPress (antérieurs à la version 5.0). Si vous avez du mal à utiliser l’un ou l’autre bloc, peut-être préfèrerez-vous utiliser plutôt celui-ci. Il regroupe une grande partie des outils que l’on retrouve sur les autres blocs tels que la mise en forme, l’alignement, liste à puce, lien, ajout de médias, et plus encore [IMG36:12].

Le mieux, si vous voulez apprendre à l’utiliser, est d’écrire un texte court puis d’essayer l’un après l’autres tous les boutons affichés sur la barre d’outils et dont vous ignorez l’utilité. Une fois que vous aurez terminé et foutu un incroyable foutoir dans votre article, il vous suffira simplement de supprimer ce bloc et d’en créer un nouveau.

  • IMAGE 35 WordPress - Les blocs I WordPress – Les blocs I
  • IMAGE 36 WordPress - Les blocs II WordPress – Les blocs II
  • IMAGE 37 WordPress - Ajouter une lightbox WordPress – Ajouter une lightbox

Se passer de Gutenberg?

Si vraiment vous n’aimez pas ce système de blocs, appelé Gutenberg par ses concepteurs, vous pouvez ne pas l’utiliser. Pour cela, il existe deux solutions : La première et la plus simple est d’installer l’extension Classic Editor. Cela désactivera Gutenberg pour tous nouvel article que vous écrirez.

L’autre solution est un peu plus technique et s’adresse à ceux qui ont créé un « thème enfant », que j’ai évoqué plus haut. Si c’est votre cas, il vous suffit d’insérer ce bout de code dans le fichier functions.php de votre thème enfant :

/* Disable Gutnberg */add_filter('use_block_editor_for_post', '__return_false');

Sachez aussi que si vous maîtrisez le langage HTML, vous pouvez parfaitement créer vos pages/articles entièrement avec des lignes de code. Pour cela, cliquez sur l’icône situé tout en haut à droite de l’écran et sélectionnez Éditeur de code [IMG31:6], ou sur l’onglet Texte si vous avez désactivé Gutenberg ou installé Classic Editor. Il existe même une extension, HTML Editor Syntax Highlighter (que j’utilise moi-même), permettant la mise en évidence de la syntaxe comme le fait Notepad++, par exemple.

Voilà donc pour les principaux blocs disponibles pour la création de pages ou d’articles dans WordPress. Il en existe quelques autres mais globalement, le principe pour les utiliser est à chaque fois similaire.

Le mieux, si vous souhaitez en utiliser d’autres, est de les tester vous-même. Et si vous avez une question ou rencontrez un problème, vous pouvez toujours laisser un commentaire. Je tâcherai de vous aider dans la mesure du possible.

Sachez aussi qu’il existe des extensions qui permettent d’ajouter d’autres blocs et options. Vous les trouverez facilement via une simple recherche dans la section extension › Ajouter de WordPress.

Gérer les articles et les pages

Terminons ce chapitre avec la page qui répertorie tous les articles ou pages de votre site. Vous aurez certainement remarqué qu’une série d’options s’affichent lorsque vous survolez chacune des lignes ? Elles sont au nombre de 4 [IMG38:1] :

  • Modifier : Via ce lien, vous accéderez à la page d’édition de l’article, celle-là même que nous avons étudié tout au long du chapitre précédent.

  • Modification rapide : Vous avez ici un moyen plus rapide d’apporter quelques modifications à votre article. Lorsque vous cliquez sur le lien, la ligne s’ouvre vers le bas et affiche une série d’options [IMG38:2] que l’on retrouve également dans la page d’édition. Elles n’y sont pas toutes, bien évidemment, mais cela conviendra parfaitement pour apporter quelques modifications basiques.

    Vous pourrez ainsi notamment changer le titre, le slug ou la date de publication, en restreindre l’accès, modifier la catégorie ou encore ajouter/supprimer des étiquettes [IMG38:3].

    Cliquez sur le bouton Mettre à jour [IMG38:4] pour enregistrer vos modifications.

  • Corbeille : Comme je vous l’ai expliqué plus haut, il n’est pas possible de supprimer directement un article ou une page, et cela pour des raisons évidentes de sécurité (on n’est jamais à l’abris d’une mauvaise manœuvre). Vous pouvez donc ici le déplacer vers la corbeille, et de là vous aurez le choix entre le restaurer ou le supprimer définitivement [IMG38:5].

    Si vous devez déplacer plusieurs articles dans la corbeille, vous pouvez le faire rapidement via la liste déroulante Actions groupées située en haut et en bas de page [IMG38:6]. Pour cela, sélectionnez tous les articles à déplacer en cochant la case à gauche de chacun des articles, puis sélectionnez Déplacer dans la corbeille dans la liste déroulante et cliquez sur Appliquer.

  • Afficher : Permet d’afficher votre article.

Astuce: Appuyer sur CTRL ou ⌘ de votre clavier juste avant de cliquer sur un lien, et il s’ouvrira dans un nouvel onglet. Appuyez sur SHIFT, et il s’ouvrira dans une nouvelle fenêtre.

Lorsque vous aurez publié des centaines d’articles, il deviendra difficile d’en retrouver un en particulier, si vous souhaiteriez le modifier par exemple. Heureusement, pour cela il existe deux petits outils bien pratiques :

  • La barre de recherche : Située en haut à droite [IMG38:7], elle permet de retrouver facilement un ou plusieurs articles à partir de mots-clés.
  • Les filtres de recherche : Vous pouvez modifier l’affichage de vos articles via les deux listes déroulantes situées au-dessus de la liste des articles [IMG38:8]. Celle de gauche permet de sélectionner le mois durant lequel les articles ont été publiés, tandis que celle de droite permet de sélectionner tous les articles d’une certaine catégorie. Cliquez sur le bouton Filtrer pour appliquer le filtrage.

Enfin, vous pouvez modifier les options d’affichage de cette page en cliquant sur le bouton Options de l’écran situé tout en haut à droite [IMG38:9]. De là, vous pourrez décider d’afficher ou non certaines colonnes (Date, auteur, catégorie…), choisir le nombre d’article à afficher par page ou afficher un court extrait de chaque article.

Et toutes ces possibilités, vous les retrouverez également dans la section pages de WordPress.

  • IMAGE 38 WordPress - Liste des articles WordPress – Liste des articles

Voilà, rien de bien compliqué comme je vous le disais. Mais avant de clôturer cet article, voyons encore ensemble deux points importants que je vous conseille de lire attentivement.

Pourquoi et comment sécuriser WordPress ?

Un point trop souvent négligé pas les nouveaux utilisateurs de WP. Le problème est que, comme c’est le CMS le plus utilisé au monde, c’est également celui qui est victime du plus grand nombre d’attaques en tous genres. Et si vous pensez que vous êtes à l’abri de ces attaques juste parce que votre mot de passe est en béton, j’ai le regret de vous dire que vous vous fourrez malheureusement « le doigt dans l’œil », comme on dit.

Ces attaques peuvent se déclarer sous différentes formes (DDOS, exploitation de failles de sécurité, brute force, etc.), mais il existe règles qui vous permettront de résister à la plupart d’entre elles et dont voici les principales :

  • Choisir un mot de passe très fort et exclusif pour WP. Le mieux est d’utiliser celui que WordPress générera lorsque vous l’installerez. Quoi qu’il en soit, utilisez un mot de passe long (minimum 12 caractères) et mélangeant des lettres minuscules/majuscules, des chiffres ainsi que des caractères spéciaux (@, #, $, etc.). N’utilisez ce mot de passe QUE pour ce site.
  • N’utilisez pas le même nom pour vous connecter et pour signer vos articles. Allez dans Utilisateurs › Votre profil, indiquez un pseudonyme différent de votre identifiant et sélectionnez-le ensuite dans la liste déroulante Nom à afficher publiquement.
  • Installez une extension de sécurité et prenez le temps nécessaire pour la paramétrer convenablement. Elle sera le seul bouclier face aux diverses attaques que vous pourriez subir, n’hésitez donc pas à opter pour une formule premium de Wordfence, Sucuri ou iThemes lorsque votre site aura atteint une certaine popularité et que le nombre d’articles qu’il contient deviendra conséquent. Je vous en parle plus longuement dans le troisième et dernier volet de cet article : Les meilleurs extensions pour WordPress.
  • Si vous permettez à vos lecteurs de s’enregistrer sur votre site, ne leur donnez pas de rôle supérieur à Abonné. Et surtout, si vraiment vous devez accorder le rôle d’administrateur à un utilisateur, ne le faite que manuellement et que si vous avez une confiance totale et absolue en elle/lui.
  • Mettez WordPress, vos extensions et votre thème régulièrement à jour.
  • N’utilisez que des thèmes et extensions provenant de sites de confiance (WordPress.org, CodeCanyon, Themeforest, WPMUDEV, iThemes, etc.).
  • Évitez les thèmes ou extensions trop jeunes. Les versions v1.0.0 doivent encore faire leurs maladies et sont parfois des portes ouvertes aux pirates de tous poils.
  • N’utilisez pas le préfixe par défaut (_WP) pour vos tables lors de l’installation comme je l’ai expliqué lors de l’installation de WordPress. Choisissez plutôt une combinaison aléatoire de 4 à 6 lettres (majuscules et minuscules) et chiffres (ex: _ZvTr34).
  • Choisissez un hébergeur qui prend déjà la sécurité en charge. C’est le cas de la plupart de ceux proposant une formule installation de WordPress en un clic tels que Greengeeks, OVH, WP Engine, SiteGround, Bluehost, Hostgator, etc.
  • Passez votre site au protocole HTTPS. C’est important pour sécuriser votre site mais aussi pour votre référencement naturel. Le sujet étant assez vaste et peut-être complexe pour les néophytes, je vous propose d’aller voir ici, ici et ici pour en apprendre davantage.
  • Faites des sauvegardes régulières de WordPress ainsi que de votre base de données. Vous pouvez utiliser une extension comme UpdraftPlus ou BackWPup, par exemple.

Voilà, ce sont les bases et si vous les suivez toutes, vous ne devriez pas rencontrer de problème. Mais si cela devait arriver un jour, contactez l’assistance technique du plug-in de sécurité que vous avez choisi d’utiliser, ou le cas échéant, allez faire un tour sur les forums d’entraide de WordPress.

Maintenance de WordPress

WordPress ne nécessite que peu de maintenance, mais il y a quelques points que vous devrez tout de même vérifier régulièrement :

  • Vérifiez que WordPress, votre thème et les plug-ins installés sont à jour. Pour cela, allez dans Tableau de bord › Mises à jour, puis suivez les instructions affichées [IMG39] si des mises à jour sont disponibles.
  • Vérifiez vos sauvegardes. Si vous avez bien paramétré l’extension de sauvegarde, elles sont donc normalement exécutées de manière automatique, mais il est toujours prudent de vérifier de temps en temps si elles sont bien là.
  • Vérifiez le temps de chargement de votre site. Pour cela, allez sur GTMetrix et Pingdom [IMG40], indiquez l’URL et lancez le test. Si le temps de chargement ne dépasse pas les 3 à 4 secondes, vous êtes dans le bon. Sinon, regardez ce qui est proposé pour accélérer le chargement du site et utilisez une extension comme celle ci-dessous.
  • Nettoyez WordPress avec WP-Optimize si vous constatez des ralentissements. Attention, veillez à bien faire une sauvegrade de votre base de données avant de l’utiliser, car on n’est jamais à l’abri d’un souci avec ce type d’extension.
  • Vérifiez vos liens morts : Vous allez probablement insérer des liens vers des sources externes dans vos articles. Il arrivera malheureusement parfois que ces liens deviennent obsolètes car les pages vers lesquelles ils mènent ont étés déplacées ou tout simplement supprimer. Voici un lien où vous trouverez comment faire pour remédier à cela.
  • IMAGE 39 WordPress - Mises à jour WordPress – Mises à jour
  • IMAGE 40 Pingdom Pingdom

Que faire en cas de problème ?

N’oubliez pas qu’en cas de problème, vous avez plusieurs solutions. WordPress étant massivement utilisé dans le monde, les moyens de trouver de l’aide ne manquent pas :

  • Faire une recherche sur Google ou YouTube en vous servant des bons mots-clés.
  • Trouver de l’aide sur des sites tels que wordpress.org, WPFR ou StackExchange.
  • S’il s’agit d’un problème lié au thème que vous utilisez ou d’une extension que vous avez installée, adressez-vous directement à son auteur.
  • Demander de l’aide à une connaissance qui utilise déjà WP.
  • Faire appel à un pro via des sites tels que UpWork ou Freelancer ou 5euros.

Conclusion

Voilà, ainsi s’achève ce long article Comment créer votre blog avec WordPress. Bravo à vous si vous l’avez lu entièrement, cela signifie que vous avez une réelle volonté d’apprendre à créer vous-même votre blog. La persévérance est une qualité remarquable et souvent payante, donc bravo. Vraiment.

Alors bien sûr, je n’ai fait que survoler la plupart des différents aspects de WordPress et j’aurai certainement pu écrire un livre de 300 pages sur le sujet. Mais le but recherché ici était de vous donner les clés vous permettant de démarrer votre projet WP tout seul, tout en étant le plus concis possible et en me focalisant sur ce qui me semblait être l’essentiel. J’espère y être arrivé (vous me le direz peut-être en commentaires).

Cet article ne demande qu'à être complété ou amélioré grâce à votre aide. N'hésitez donc pas à laisser un commentaire plus bas si vous avez une question, une remarque pertinente, un retour d'expérience, des infos complémentaires ou repéré une quelconque erreur.Lire les commentaires

Partager

Laissez un commentaire

Vous pouvez également ou vous inscrire pour commenter

Ce site est hébergé par GreenGeeks,
un service garanti 300% énergie verte.

Bonjour, je suis Sweekie, un chatbot dont le rôle est de vous assister dans votre recherche. Posez-moi une question comme "Comment gagner de l'argent en ligne" ou "J'adore cuisiner, comment monétiser ma passion ?". Je suis en phase test donc n'hésitez pas à utiliser les filtres de recherche si les résultats que je vous proposent ne sont pas satisfaisants pour vous.

Ce chatbot est en phase de test. Faites-nous part de .

Dans les commentaires vous pouvez ajouter non seulement du texte mais également des éléménts tels que:


Merci de rester courtois et respectueux envers les autres, et cela en toute circonstance. Il y a assez de haine dans ce monde de brutes, et nous ne sommes pas sur Facebook ni sur Twitter. Aucun manque de respect ou insulte ne sera toléré. Gardez à l'esprit que vous êtes légalement responbsable de tout ce que vous publiez sur notre site. Merci à vous.

Feedback