Utiliser les blocs

TABLE DES MATIERES

Les blocs sont disponibles pour l'édition de plusieurs types de contenus. La plupart du temps vous les retrouverez lors de l'édition des Pages. Ils peuvent également se trouver dans d'autres types de contenus personnalisés comme des FAQ, Projets, Membres d'une équipe, etc., selon les configurations propres à votre site web.

Il existe un grand nombre de blocs pour couvrir tous les types de contenus souhaités et leurs variations de fonctionnalités ou de présentation.

Ajouter des blocs

Depuis le tableau de bord de votre site, cliquez sur “Pages” puis sur “Ajouter”.

image

Commencez par nommer la page en cliquant sur ‘Saisissez le titre. Son nom est automatiquement repris dans son slug* (que vous pouvez modifier si nécessaire).

Cliquez ensuite sur le “+” au-dessous du titre, ou en haut à gauche de la page.

image

Choisissez le bloc que vous souhaitez afficher à cet endroit.

image
image

Une fois les blocs ajoutés dans la zone principale de votre page, vous pouvez les déplacer et les réagencer comme souhaité. Pour cela, cliquez sur le bloc. Un ensemble d’icônes s’affichent en haut à gauche :

image
  • les deux rangées de 3 points permettent de faire un drag & drop* pour déplacer le bloc
  • les flèches vers le bas / vers le haut sont aussi une façon de déplacer le bloc d’un rang vers le bas / vers le haut
  • les 3 points tout à droite affichent d’autres options :
    • masquer les réglages
    • copier (gardé dans le presse papier pour être collé sur une autre page par exemple)
    • dupliquer (dupliqué sur la même page et placé au dessous)
    • modifier en HTML
    • retirer

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

🤗
Conseil Un bon premier exercice de prise en main est d'ajouter des blocs, en supprimer et jouer avec leur ordre.

À 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

🤗
Conseil 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).

Copier-coller des blocs

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

Pour cela, il suffit de sélectionner le bloc, et dans le rectangle qui s’affiche en haut à gauche de cliquer sur les trois petits points puis sur “Copier”

image
image

Allez ensuite à l’endroit souhaité (même sur une autre page), puis cliquez sur le “+” pour ajouter un bloc, sélectionnez n’importe lequel, puis faites avec votre clavier “Ctrl+V” (Windows) ou +V (Mac). Votre bloc s’affiche.

Copier-coller des pages

C’est exactement le même fonctionnement que pour un seul bloc !

Placez-vous en haut de la page à copier, faites une sélection (la bordure des blocs devient rouge quand ils sont sélectionnés).

Cliquez sur les trois petits points en haut à gauche, puis sur “Copier”.

Copier une page
Copier une page

Sur une page nouvellement créée ou à la suite des blocs d’une autre page, cliquez sur le “+”, sélectionnez n’importe quel bloc puis faites avec votre clavier “Ctrl+V” (Windows) ou +V (Mac). Votre série de blocs s’affiche.

Coller une page
Coller une page

Vous pouvez ainsi recopier à l’infini un ensemble de blocs qui vous plaisent !

Créer des modèles de pages ou de blocs

Vous pourrez avoir envie ou besoin de reprendre une même construction de page plusieurs fois. Ou bien, un bloc ou un ensemble de blocs ont un contenu que vous réutiliserez plusieurs fois à divers endroits du site.

Pour vous éviter de recopier ce contenu x fois et vous faciliter la tâche, voici les template et reusable blocks !

Pour un bloc ou un ensemble de blocs

  • Cliquez sur le bloc ou sélectionnez les différents blocs que vous voulez conserver et copier
  • Dans le menu ouvert par les trois points en haut à gauche, cliquez sur “Add to reusable blocks”.
  • Nommez ce nouvel ensemble de blocs.
  • Vous verrez que ces blocs réutilisables sont visuellement différents des autres, avec un encadré gris.
image

Dans une autre page, pour utiliser ce bloc ou cet ensemble de blocs :

  • cliquez sur le “+”, puis sur “Reusable”
  • sélectionnez le bloc ou l’ensemble de blocs souhaités.
  • Ils apparaissent alors dans votre page, exactement à l’identique - et toujours avec cet encadré gris autour d’eux.

image

🔥
Attention Les blocs réutilisables sont liés : toute modification apportée à l’un modifie l’ensemble des autres sur toutes les pages où ils sont utilisés. Pour pouvoir modifier un bloc sans affecter les autres, il faut le “sortir” de la catégorie réutilisable : voir la démo ci-dessous.

image

  • Cliquez sur votre bloc réutilisable (reconnaissable car encadré de gris)
  • Dans le menu des trois points en haut à gauche, cliquez sur “Convert to regular block”
  • Votre bloc apparaît sans son encadré gris : il est désormais un bloc parmi les autres, qui peut être modifié sans affecter les autres.

Pour une page

C’est exactement la même démarche : sélectionnez seulement l’ensemble des blocs de la page.

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.

Sur Minotaure Ariane, vous pouvez bien sûr jouer avec !

Dans la barre de droite, onglet “Bloc”, se trouve l’ID du bloc sélectionné (son identifiant unique sur la page).

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