Créer un article
Créer un article

Créer un article

Pour créer un article, rendez-vous dans le menu de gauche du Dashboard de votre site web, cliquez sur “Articles” puis “Ajouter un article”.

Vous voilà dans un éditeur ! Au centre vous avez le contenu que vous allez créer, et sur la droite les paramètres de l’article et des blocs qui le composent.

Les icônes et menus disponibles

A gauche de la page

image

En haut à gauche, vous avez également une série d’icônes :

  • Minos : elle vous ramène à la liste des articles
  • un “+” : il vous présente tous les blocs que vous avez à disposition pour composer votre article
  • un pictogramme avec un crayon : il vous permet de passer du mode “modifier” au mode “sélectionner”. Dans les faits, vous ne vous en servirez presque pas.
  • une flèche vers la gauche : c’est l’équivalent du “revenir en arrière” ou “annuler l’action que je viens de faire”
  • une flèche vers la droite : c’est “rétablir” l’action
  • trois lignes horizontales et parallèles : on dirait un menu burger, en réalité c’est une vision d’ensemble de tous les blocs que vous avez positionnés sur votre page. Quand ils sont nombreux, c’est pratique. Vous pouvez à cet endroit, les repositionner et changer leur ordre, les supprimer, les dupliquer, les copier, les modifier en html, les verrouiller, etc.

A droite de la page

image

A droite de la page, vous avez une série de paramètres :

  • en haut à droite, une série d’icônes
    • enregistrer un brouillon, publier et mettre à jour
    • visualiser votre page sur un format d’ordinateur ou de smartphone
    • personnaliser l’affichage des paramètres
    • si vous avez un site multilingue, vous verrez ici un logo de langues indiquant l’endroit où gérer la traduction de l’article
  • à droite, deux onglets : Article et Bloc
    1. image
    2. Article / Page
      • c’est ici que vous avez les informations de publication (date, auteur, slug)
      • vous saisissez l’extrait de la page, ainsi que son image mise en avant
      • vous assignez catégories et étiquettes
    3. Bloc (Block)
      • vous pouvez personnaliser le bloc en sélectionnant une composition (créée au préalable): le bloc est sur le style par défaut, si vous souhaitez appliquer une composition pour le bloc de cette page ou de cet article :
        • Cliquez sur le bloc à modifier
        • Allez sur l’onglet “Block”
        • Faites dérouler la liste
        • Sélectionnez la composition
      • vous pouvez positionner une ancre sur la page : mettez un mot dans le champ “ID”. Pour faire un lien vers cette ancre (vers ce bloc) depuis un autre endroit de la page, vous mettrez un bouton avec l’url #le-mot-que-vous-avez-choisi. Le “#” indique au système que le lien est fait sur la même page, et le mot indique que c’est vers ce bloc en particulier.

Composer l’article

Votre composition va se dérouler dans cet ordre :

image
  1. Commencez par lui donner un titre en cliquant sur cette phrase qui appelle à l’action : “Saisissez le titre”. Ce titre sera celui de l’article, et celui visible dans le slug.
  2. Cliquez sur le + pour ajouter les blocs souhaités
  3. Cliquez sur le petit crayon en haut à droite du bloc, pour entrer dedans et l’éditer
  4. image
  5. Disposez les blocs, leurs textes et images selon votre souhait
  6. Associez une ou plusieurs étiquettes et catégories à l’article
  7. Ajoutez un extrait (”Edit excerpt” en anglais)
  8. image
  9. Ajoutez une image mise en avant
  10. image
  11. Publiez !

Ajouter des blocs

Pour ajouter un bloc, cliquez sur le bouton “Ajouter un bloc”, ou sur le “+” en haut à gauche de la page.

image
image

Choisissez le bloc que vous souhaitez afficher à cet endroit. Vous pouvez soit :

  • cliquer sur le bloc désiré pour l’ajouter en dernière position de la liste de blocs qui composent la page,
  • soit faire un drag and drop et le positionner où vous voulez
💡
En cas de fausse manipulation ou d’erreur, pas de stress. Vous pouvez cliquer sur l’icône “Annuler” (Undo en anglais) présente dans la barre d’options dans le coin supérieur gauche de l’écran autant de fois que nécessaire.
image
🤗
Conseils: - À chaque étape, pensez à sauvegarder votre page pour ne pas perdre votre travail :
  • en cliquant sur le bouton “Mettre à jour” en haut à droite si votre page est déjà publiée
  • en cliquant sur le bouton “Enregistrer le brouillon” en haut à droite si elle n’est pas encore publiée

- Allez voir régulièrement ce que donne le rendu réel ! En cliquant en haut à droite sur “Prévisualiser”, WordPress vous propose de voir le rendu en version ordinateur, tablette ou mobile. Notez bien : le rendu dépend largement du style graphique défini par la feuille de style (le Design System de votre site).

Options des blocs

Pour accéder aux options, vous avez 3 possibilités:

  1. Via le bouton ‘Paramètres’ du bloc-même (uniquement 3 options) Ce bouton est présent en haut à droite de chaque bloc
image
  1. Via la Barre d’outils supérieure (toutes les options)
  2. Dans le coin supérieur droit de l’écran, cliquer sur l’icône ‘Options’ représentée par les 3 petits points. Assurez-vous que la ‘barre d’outils supérieure’ est sélectionnée (un petit “V” apparaît alors (cf. image ci-dessous).

    image
    image

    Maintenant, chaque fois que vous sélectionnez un bloc, différentes options apparaissent: - Les flèches vous permettent de faire monter ou descendre le bloc dans la liste des blocs - Derrière l’icône ‘Options’ représentée par les 3 petits points, se trouvent toutes les autres options

image
  1. Via la Vue en liste (toutes les options) La vue liste permet d’avoir une vue sur l’ensemble des blocs qui composent la page. - Cliquez sur l’icône ‘Vue en liste’ de la barre supérieure - Derrière l’icône ‘Options’ représentée par les 3 petits points, se trouvent toutes les autres options
  2. image
image

Changer l’ordre des blocs

Une fois les blocs ajoutés dans la zone principale de votre page, vous pouvez les déplacer et les agencer comme souhaité. Pour cela, trois options (voir le chapitre ‘Comment accéder aux options’ si nécessaire) :

  1. Via le bloc même (monter ou descendre le bloc) Les boutons Monter et Descendre le bloc permettent de déplacer le bloc d’un rang vers le haut ou vers le bas
image
  1. Via la barre d’outils supérieure Les flèches Monter et Descendre permettent de déplacer le bloc d’un rang vers le haut ou vers le bas
  2. image
  1. Via la vue en liste (drag and drop) Les blocs peuvent être facilement déplacer par un drag and drop dans la liste même

Dupliquer

Le bouton ‘Dupliquer’ permet de faire une copie exacte du bloc concerné. La copie du bloc se positionne directement après le bloc dupliqué. Le bloc est ensuite modifiable. Pour dupliquer un bloc, 3 options sont possible (voir le chapitre ‘Comment accéder aux options’ si nécessaire):

  1. Via le bouton Paramètres du bloc même - Cliquez sur le bouton ‘modifier’ du bloc. - Cliquer ‘Dupliquer’
image
  1. Via la barre d’outils supérieure
  2. image
  1. Via la vue en liste
  • Cliquez sur le bouton ‘Vue liste’ dans la barre située dans le coin supérieur de l’écran.
  • Cliquer sur l’icône ‘Options’ représentée par les 3 petits points.
  • Cliquer sur ‘Dupliquer’.
image

Supprimer

Le bouton ‘Supprimer’ permet de retirer le bloc. Vous avez 3 options (voir le chapitre ‘Comment accéder aux options’ si nécessaire):

  1. Via le bloc même Cliquez sur ‘Supprimer’
image
  1. Via la barre d’outils supérieure ou la Vue en liste Dans le menu ouvert par les trois points, cliquez sur “Supprimer”

Barre d’outils supérieure

image

Vue liste

image
  1. En sélectionnant le bloc et en appuyant sur la touche “Delete” de votre clavier.

Copier

Tous les blocs peuvent être copiés puis collés, dans la même page ou dans une autre.

💡
Vous pouvez copier plusieurs blocs en même temps. Pour cela, sélectionnez les différents blocs en gardant la touche “Majuscule” de votre clavier enfoncée .

Pour cela, vous avez 2 possibilités: Via la Barre d’outils supérieure ou la Vue en liste (voir le chapitre ‘Comment accéder aux options’ si nécessaire):

  • Cliquer sur les trois petits points à côté du bloc concerné puis sur “Copier le bloc”.
  • Allez ensuite à l’endroit souhaité (même sur une autre page), puis cliquez sur le bouton pour ajouter un bloc, sélectionnez n’importe quel bloc, puis faites avec votre clavier “Ctrl+V” (Windows) ou +V (Mac). Votre bloc s’affiche.
E
Exemple via la Barre d’outils supérieure

Verrouiller

Il est également possible de verrouiller un bloc afin d’empêcher son changement de position ou sa suppression via la Barre d’outils supérieure ou la Vue en liste (voir le chapitre ‘Comment accéder aux options’ si nécessaire).

  • Dans le menu ouvert par les trois points, cliquez sur “Verrouiller”.
  • Cliquez sur ‘Tout verrouiller’ ou sur une des deux options pour seulement empêcher le changement de position ou la suppression du bloc.
image

Les blocs Minotaure

Chaque bloc a ensuite ses paramètres d’édition et ses composants propres, détaillés dans le chapitre dédié :

Découvrir tous les blocs Minotaure

Faire des liens entre les blocs - les ancres

Il peut arriver de faire des liens sur une même page entre plusieurs blocs. Par exemple, dans le hero vous avez un bouton “S’inscrire” qui renvoie directement au formulaire en bas de la page.

Ce principe de faire des liens entre plusieurs éléments d’une même page s’appelle les ancres.

Sélectionnez le bloc et cliquez sur l’icône ‘Réglages’ en haut à droite de la l’écran. Dans la barre de droite - onglet “Bloc” - vous pouvez donner un ID (un identifiant unique ) au bloc sélectionné .

image

Lorsque vous faites un lien, dans le champ URL, écrivez “#” puis l’ID du bloc. Le “#” indique que vous faites un lien dans sur la même page.

image
image

L’image mise en avant

Dans la majorité des types de contenus de WordPress (par défaut les "Pages" et les "Articles"), se trouve la possibilité d’ajouter une "image mise en avant". Cette option se trouve dans la partie éditions de nombreux contenus (colonne de droite)

image

Cette image a toute son importance :

  • C'est l'image qui sera utilisée dans les archives et listes de contenu sur votre site (liste des derniers articles, affichage des résultats d'une recherche, etc.)
  • image
  • C'est elle également qui apparaîtra lorsque vous rédigerez un article
  • Et lorsque vous partagerez l'URL (= l'adresse) de votre page web sur les réseaux sociaux (LinkedIn, Facebook, Twitter, etc.).
  • image
image

Exemple ci-dessous d’un article avec son image mise en avan

image

Nous vous invitons à prendre en compte cet élément dans votre quotidien d'éditeur :

  1. Associez toujours une image mise en avant à votre contenu, surtout lors de la rédaction d’un article.
  2. Utilisez un visuel impactant, pour qu'il se démarque dans le flux de contenus des utilisateurs sur les réseaux sociaux
  3. C'est une bonne opportunité pour imposer votre identité de marque. Par exemple, proposer des images cadrées toujours de la même manière, avec un traitement visuel particulier (désaturation, filtres, etc.), avec un logo ou un texte court par-dessus, montrer des illustrations, etc.

Dans la majorité des types de contenus de WordPress (par défaut les "Pages" et les "Articles"), se trouve la possibilité d’ajouter une "image mise en avant". Cette option se trouve dans la partie éditions de nombreux contenus (colonne de droite)

image

Cette image a toute son importance :

  • C'est l'image qui sera utilisée dans les archives et listes de contenu sur votre site (liste des derniers articles, affichage des résultats d'une recherche, etc.)
  • image
  • C'est elle également qui apparaîtra lorsque vous rédigerez un article
  • Et lorsque vous partagerez l'URL (= l'adresse) de votre page web sur les réseaux sociaux (LinkedIn, Facebook, Twitter, etc.).
  • image
image

Exemple ci-dessous d’un article avec son image mise en avan

image

Nous vous invitons à prendre en compte cet élément dans votre quotidien d'éditeur :

  1. Associez toujours une image mise en avant à votre contenu, surtout lors de la rédaction d’un article.
  2. Utilisez un visuel impactant, pour qu'il se démarque dans le flux de contenus des utilisateurs sur les réseaux sociaux
  3. C'est une bonne opportunité pour imposer votre identité de marque. Par exemple, proposer des images cadrées toujours de la même manière, avec un traitement visuel particulier (désaturation, filtres, etc.), avec un logo ou un texte court par-dessus, montrer des illustrations, etc.