blocks.
md 2/10/2021
Les blocs de contenu
Les blocs de contenu sont les différents types de contenu pouvant êtres insérés dans l'éditeur de WordPress.
Ils vous permettent d'afficher vos textes, images et autres médias dans différents formattages et visuels.
Certains blocs sont natifs de WordPress et d'autres ont été créés spécialement pour votre site.
Manipulation des blocs
Ajouter/supprimer un bloc
Pour ajouter un bloc, cliquer sur l'icône + dans le coin supérieur gauche de l'écran. Ensuite, sélectionner le
bloc souhaité. Il est possible de voir la totalité des blocs selon leur type (Blocs communs, Mise en forme, Mise
en page,...) ou de rechercher un bloc par son nom. Aussi, WordPress proposera les blocs les plus utilisés en
premier.
Pour supprimer un bloc, sélectionner le bloc souhaité, cliquer sur l'icône des options (les trois points
superposés) et sélectionner "Retirer le bloc".
1 / 29
blocks.md 2/10/2021
Déplacer un bloc
L'outil de déplacement se situe juste à gauche du bloc sélectionné. Pour déplacer le bloc d'une position,
utiliser les flèches (soit une position vers le haut, soit une position vers le bas). Si vous devez déplacer votre
bloc de plusieurs positions, par exemple ramener un bloc tout en bas en premier dans la page, vous pouvez
sélectionner l'outil du milieu et glisser/déposer le bloc et le mener à la position désirée en tenant le curseur
de votre souris.
Astuce : Avec l'option glisser/déposer, il vous est aussi possible de déplacer un bloc à l'intérieur d'un groupe
de blocs ou d'une colonne, par exemple.
Astuce : Il vous est possible d'ajouter un nouveau bloc à n'importe quelle position avec le petit + entre les
blocs. Ainsi, pas besoin d'ajouter un nouveau bloc à la toute fin et ensuite le déplacer au bon endroit.
Blocs et options natifs de WordPress
WordPress contient par défaut une multitude de blocs utilisables dans l'éditeur. En voici une liste de
quelques-uns qui sont particulièrement intéressants et/ou plus complexes à manipuler dans le CMS.
Boutons
2 / 29
blocks.md 2/10/2021
Le bloc Boutons permet d'ajouter un ou plusieurs boutons sur la page web. Lorsque vous ajouter le bloc dans
la page, le premier bouton sera déjà présent. Vous pouvez ensuite ajouter des boutons avec l'icône + situé à
la suite des boutons déjà présents.
Options d'un bouton
La barre d'outils au-dessus du bloc comporte plusieurs options pour le bouton sélectionné.
Les flèches, qui permettent de déplacer le bouton dans son groupe pour le situer plus au début ou
plus à la fin.
Le bouton Modifier le type de bloc ou le style de bloc qui permet de rapidement transformer votre
bloc en un autre, ou encore de changer son style. Cette option est présente pour tous les blocs et
WordPress vous proposera des blocs qui peuvent facilement s'interchanger (par exemple un bloc
Paragraphe peut facilement devenir un bloc Titre). Dans le cas du bloc Boutons, il ne peut être changé
en aucun un autre bloc, donc seul le style est modifiable par cette option.
Le bouton Alignement, qui permet de modifier l'alignement du bouton sélectionné*.
Le bouton Lien, qui permet d'ajouter l'URL du bouton.
Les options d'édition de texte, qui permettent d'ajouter du gras, de l'italique, etc.
*Astuce : Au lieu de modifier l'alignement de chaque bouton individuellement, vous pouvez modifier
l'alignement du groupe de boutons au complet lorsque le bloc Boutons est sélectionné.
Styles des boutons
3 / 29
blocks.md 2/10/2021
Il se peut que votre site propose différents styles visuels pour vos boutons. Vous pouvez changer le style de
votre bouton dans la colonne de droite, dans l'accordéon Styles, ou encore avec le bouton Modifier le type
de bloc ou le style de bloc dans la barre d'outils.
Le style choisi est propre au bouton sélectionné, vous pouvez donc ajouter plusieurs boutons de styles
différents dans un même groupe de boutons.
Réglages du lien
Dans la colonne de droite vers le bas, lorsque le bouton est sélectionné, vous aurez l'option Réglages du lien
qui permet entre-autre d'activer l'ouverture du lien dans un nouvel onglet.
Note : Lorsque vous retirez un bloc Bouton de la page, c'est le bloc individuel qui est retiré. Il se peut que
vous ayez aussi à retirer le bloc Boutons, qui regroupe l'ensemble des boutons.
Colonnes
À l'ajout de ce blog dans la page, WordPress vous demandera tout d'abord de choisir un modèle de colonnes.
Ce modèle sera modifiable par la suite.
WordPress créera alors les différentes colonnes selon le modèle créé. Chaque colonne sera donc un sous-bloc
sous l'ensemble Colonnes. Ensuite, vous pourrez ajouter les blocs de votre choix dans les colonnes créées.
Options des colonnes
4 / 29
blocks.md 2/10/2021
Les colonnes présentent trois options intéressantes: l'alignement, le style et le nombre de colonnes.
L'alignement des colonnes change l'alignement vertical du contenu entre les différentes colonnes. Il
peut être aligné vers le haut, centré ou aligné vers le bas. C'est l'option représentée par le deuxième
icône avec des flèches parmi le groupe de trois icônes juste au-dessus du bloc Colonnes. Dans
l'exemple ci-dessous, l'alignement est réglé à centré verticalement, donc le texte de la colonne de
droite est centré verticalement avec l'image de la colonne de gauche.
Le style permet, comme avec les boutons, de modifier le style visuel des colonnes parmi les choix
proposés, s'il y en a de disponible.
Le nombre de colonnes permet d'ajouter ou de supprimer des colonnes. L'option est située dans la
colonne de droite de l'éditeur du CMS.
Options d'une colonne
Lorsqu'une colonne est sélectionnée, il est possible de changer sa largeur en pourcentage dans la colonne de
droite. En changeant sa largeur, les autres colonnes seront aussi affectées pour que le total de toutes les
colonnes donnent toujours 100%.
Note : Il n'est pas possible de retirer une colonne individuelle. Pour enlever toutes les colonnes, il faut bien
sélectionner le bloc Colonnes et retirer celui-ci. Pour ajouter ou enlever des colonnes, il faut sélectionner le
bloc Colonnes et changer son nombre de colonnes.
Astuce : Pour mieux naviguer entre l'ensemble des colonnes et à l'intérieur de celui-ci (d'une colonne à
l'autre), vous pouvez vous aider de l'outil Navigation de bloc, situé en haut à gauche de l'écran. Il est parfois
difficile de sélectionner la bonne colonne, ou même le bloc Colonnes, avec la souris seulement.
5 / 29
blocks.md 2/10/2021
Média et texte
Ce bloc permet d'ajouter deux colonnes, l'une contenant une image, et l'autre contenant du texte.
Note : Ce bloc ne permet pas d'afficher une légende sous l'image, comme le fait le bloc Image. Dans le cas
où vous voudriez utiliser la légende, vous pourriez plutôt ajouter un bloc Colonnes, choisir un modèle de 2
colonnes égales et insérer un bloc Image dans la colonne souhaitée. Le visuel de ces deux blocs est très
semblable et vous aurez ainsi les options dont vous avez besoin.
Options du bloc Média et texte
6 / 29
blocks.md 2/10/2021
La barre d'outils comporte deux options propres à ce bloc, celle de la disposition et celle de l'alignement.
La disposition vous permet de choisir si l'image devrait être dans la colonne de gauche ou dans la
colonne de droite.
L'alignement vous permet d'aligner verticalement le contenu des deux colonnes (aligné vers le haut,
centré ou aligné vers le bas).
Pour le média, vous avez la possibilité de choisir une image parmi la bibliothèque des médias déjà existante,
ou de téléverser une nouvelle image dans la bibliothèque.
Lorsqu'un média est sélectionné, deux options s'ajoutent à la barre d'outils : lien et remplacement de
l'image
L'option lien permet d'ajouter un lien sur l'image, pour que celle-ci soit donc cliquable.
L'option Remplacer permet de changer l'image choisie.
Blocs spécifiques à votre site
Bloc - Home carousel
Ce bloc permet d'afficher un carousel d'image ou/et de vidéo en pleine largeur. Pour le trouver vous pouvez
utiliser le racourcis : "/carousel" en le tapant directement dans le contenu d'une page, et le bloc sera
7 / 29
blocks.md 2/10/2021
selectionnable.
Options en admin
Plusieurs options son disponible.
Options sur le comportement du slider:
Slider autoplay speed (permet de gérer la vitesse de l'autoplay)
Slider tansition spedd (permet de gérer le temps de transition au clique pour un changement de
slide, mieux vaut le laisser vide ou mettre pas plus de 1s)
Options des slides
Vous avez la possibilité de modifier chaque slide que vous souhaitez afficher.
Slide Image
Sélectionner l'image dans les medias Wordpress
Un bloc texte vous permetant de mettre des titres, paragraphes...
Lien, si vous souhaite que la slide devienne cliquable
Slide vidéo
Lien de la viéo Youtube (ce lancera automatiquement)
Un bloc texte (le texte s'affichera par dessus la vidéo)
Lien, si vous souhaite que la slide devienne cliquable
Bloc - Text & media effect
Un peu comme le bloc Media et texte, mais celui-ci permet de pouvoir afficher un effet sur l'image et de
sélectionner une image différente pour le desktop et mobile. Pourqioi effect car il y aura un element sur
l'image sur le côté gauche.
8 / 29
blocks.md 2/10/2021
Options en admin
9 / 29
blocks.md 2/10/2021
10 / 29
blocks.md 2/10/2021
Vous avez plusieurs possibiliées.
Un premier bloc de texte
Un second bloc de texte
D'afficher des boutons
Choisir l'image desktop
Choisir l'image pour mobile
Bloc - Text & media
Contrairement au bloc précédent celui-ci, affiche aussi du texte et une image, mais dans un style différent.
11 / 29
blocks.md 2/10/2021
Options en admin
12 / 29
blocks.md 2/10/2021
Deux options sont disponible:
Contenu (il est possible de mettre des paragraphes, titre.., listes...)
Image (l'image s'affichera de la même hauteur du contenu à gauche )
Bloc - Shop presentation
Ce bloc est divisé en deux parties: Une partie carrousel et une autre catégorie de produit.
13 / 29
blocks.md 2/10/2021
Options en admin
Partie carrousel
Permet d'afficher plusieurs éléments. Il est possible d'avoir plusieur slides.
Titre promotion
Sous-titre promotion
Image de fond
Lien
Partie catégorie
14 / 29
blocks.md 2/10/2021
Permet d'afficher plusieurs éléments. Toute fois un grand nombre ne serai plus trés beau niveau design.
Un titre global (qui sera affiché au dessus des autres éléments)
Un repeteur permetant d'ajouter un ligne d'éléments composés de:
Un titre
Un contenu texte (priviligié un texte court)
Lien
Et une image (une icon)
Bloc - Achievement
Ce bloc permet d'afficher les réalisations présente dans le CPT "Achievements". Le comportement de bases
est qu'il affichera les réalisations les plus proche de votre position géographiquement.
15 / 29
blocks.md 2/10/2021
Petite subtilitée concernant le titre et le lien s'affichant en haut du bloc. Ils ne sont pas directement gérable
dans le bloc mais dans les options du site. Pourquoi cela ? Comme ce bloc s'affichera toujours de la même
maniére quelque soit sa page, cela permet de ne pas a ravoir à mettre le titre et le lien sur chaque page. Ils
sont généralisé dans Theme Option->Achievement.
Ou vous avez la posibilité de séctionner plusieurs options.
Bloc - News
Affiche le contenu que vous souhaitez dans une forme différent.
Options en admin Deux volets sont présent, ce qui permet de différencier la partie gauche et droite du bloc.
Le texte au dessus est gérable dans ce bloc (il est devenu aussi un bloc à part entière par la suite (Bloc - Titre
pleine page) ). Gérable dans le champ title section.
Volet gauche (Promote news)
Options possible:
16 / 29
blocks.md 2/10/2021
Image
Titre
Contenu texte
Lien
Volet droit (Multi Post Section)
Il est possible de rajouter un maximun de 2 éléments. Ceci pour des raisons de desing.
On retrouve les même options que le volet présédant mais disposé d'une autre façon. Options possible:
Image
Titre
Contenu texte
Lien
Bloc - Advantage
Ce bloc permet d'afficher sur une seul ligne plusieur éléments.
Options en admin
17 / 29
blocks.md 2/10/2021
Plusieurs options sint disponible. La partie en-tête:
Titre de section
Sous-titre ou contenu
Lien (Bouton)
La partie élément:
Une icone (ou image)
Titre
Contenu
Lien Chaque élément n'est pas obligatoire, si le champs est vide, il y aura juste rien d'afficher pour cette
Bloc - Title pleine page
Permet d'afficher un titre en pleine largeur.
Option en admin
18 / 29
blocks.md 2/10/2021
Le stricte minimun
Titre
Bloc - Bannière
Permet d'afficher une bannière en pleine largeur, comprenant plusieurs options.
Options en admin
Le texte au dessus est gérable dans ce bloc (il est devenu aussi un bloc à part entière par la suite (Bloc - Titre
pleine page) ). Gérable dans le champ titre au dessus de la bannière.
19 / 29
blocks.md 2/10/2021
Plusieurs options:
Image de fond
Titre
Sous-titre
Lien
Bloc - Logo
Permet d'afficher un carrousel de logo, avec possibilité de mettre des liens sur les logos.
Options en admin
20 / 29
blocks.md 2/10/2021
Il est possible d'ajouter autant de logo que l'on souhaite.
Image (logo)
Lien (s'il est vide cela fera que le logo n'est pas cliquable)
Bloc - Formulaire
Pemet d'afficher un formulaire avec un titre et sous-titre. Le numéro de téléphone est générer
automatiquement en fonction de notre géolocalisation.
21 / 29
blocks.md 2/10/2021
Options en admin
Il est possible de modifier : - Titre de la section - Sous-titre de la section (c'est á la suite de ce champs que le
numéro de téléphone s'affichera - Choix du formulaire (propose les formulaires entrés dans Gravity Forms)
Bloc - Catalog
Permet d'afficher toute les catégories présente dans catalogues.
22 / 29
blocks.md 2/10/2021
Options en admin
23 / 29
blocks.md 2/10/2021
Le titre est gérable directement dans le bloc. Pour le reste des éléments, comme l'image et le titre sont
gérable dirrectement dans les options de la catégorie.
24 / 29
blocks.md 2/10/2021
Pour l'image, correspond au champs Portfolio Image
Et le titre, au titre de la catégorie.
Bloc - Secteur
Il s'appel Sectuer mais permet de faire afficher ce que nous souhaitons sous forme de colonne. Ce bloc
était initialement prévu pour apparaitre dans un marché (exemple Musique et tournées) et de pouvoir afficher
les secteurs de ce marché que nous souhaitons.
Options en admin
25 / 29
blocks.md 2/10/2021
Options disponible:
Le titre (qui apparaitra au-dessus des éléments)
Image de présentation
Titre du secteur
Contenu secteur
Lien de la page
Comme signaler plus haut, ce bloc peu servir à d'autre fin que d'afficher les secteurs.
Bloc - Marche
26 / 29
blocks.md 2/10/2021
Ce bloc permet d'afficher les marches que nous souhaitons, c'est à dire qu'il est possible sélectionner
seulement les marchés que nous souhaitons afficher.
Options en admin
27 / 29
blocks.md 2/10/2021
Il est possible de mettre un titre qui sera affiché em haut du bloc. Nous pouvons sélectionner les marchés que
nous souhaitons afficher ( si aucun n'est sélectionné, ils s'afficheront tous)
Un effet a été ajouté, permettant d'afficher du texte au hover de la souris. Ce texte est gérable dans le excerpt
(situer dans la colonne de droite, il ne faut pas etre en mode page builder) d'un marché.
Bloc - Expertise
Il permet d'afficher les pages que nous souhaitons dans expertise. Dans n'importe quelle sous-catégorie
de celui-ci (aussi bien dans Intégration de systèmes que dans Production). Il est visuellement identique au
bloc marché.
28 / 29
blocks.md 2/10/2021
Options en admin
Il est possible de mettre un titre qui sera affiché em haut du bloc. Nous pouvons sélectionner les expertises
que nous souhaitons afficher ( si aucun n'est sélectionné, ils s'afficheront tous)
Un effet a été ajouté, permettant d'afficher du texte au hover de la souris. Ce texte est gérable dans le excerpt
(situer dans la colonne de droite, il ne faut pas etre en mode page builder) d'une expertise
29 / 29
