{"id":386,"date":"2026-09-28T23:15:58","date_gmt":"2026-09-28T23:15:58","guid":{"rendered":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/"},"modified":"2026-09-29T00:16:05","modified_gmt":"2026-09-29T00:16:05","slug":"developpement-blocs-gutenberg","status":"publish","type":"page","link":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/","title":{"rendered":"D\u00e9veloppement de blocs Gutenberg"},"content":{"rendered":"<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-hero-brand wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Gutenberg<\/span>\n\t\t\t\t\t\t\t\t\t\t<h1 class=\"wpl-display-title\">D\u00e9veloppement de blocs Gutenberg<\/h1>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-7 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">L&rsquo;\u00e9diteur de blocs est la meilleure chose arriv\u00e9e au travail \u00e9ditorial dans WordPress, et la plus facile \u00e0 rater. Bien fait, les r\u00e9dacteurs assemblent des pages \u00e0 partir de composants qui portent d\u00e9j\u00e0 la bonne structure, le bon balisage et le bon comportement d&rsquo;accessibilit\u00e9. Mal fait, il devient un constructeur de pages aux mille r\u00e9glages et un site diff\u00e9rent sur chaque page. Le d\u00e9veloppement de blocs Gutenberg sur mesure, c&rsquo;est le travail de b\u00e2tir ce jeu de composants : chaque bloc enregistre ses r\u00e9glages sous forme de donn\u00e9es structur\u00e9es et produit son balisage depuis PHP au moment o\u00f9 la page est demand\u00e9e, au lieu d&rsquo;enregistrer du HTML dans la base de donn\u00e9es.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Blocs rendus c\u00f4t\u00e9 serveur : le balisage vient de PHP \u00e0 l&rsquo;affichage, pas du HTML enregistr\u00e9<\/li>\n\n<li>Un jeu de composants choisi, pas une toile ouverte<\/li>\n\n<li>Structure et accessibilit\u00e9 impos\u00e9es par le bloc plut\u00f4t que document\u00e9es dans un guide<\/li>\n\n<li>Panneaux et outillage \u00e9ditoriaux l\u00e0 o\u00f9 le flux de travail en a besoin<\/li>\n<\/ul>\n\n<\/div>\n\n\n<div class=\"cell small-12 medium-5 large-auto align-self-top wp-block-wpl-cell\">\n\t\n<div class=\"wpl-button-wrap text-right wp-block-wpl-button\">\n\t<a\n\t\thref=\"\/fr\/soumission\/\"\n\t\tclass=\"button action-button red large\"\n\t\t\t>\n\t\t\t\tParler de votre projet\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\t\t\t<\/a>\n<\/div>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Approche<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Un syst\u00e8me de composants, pas un constructeur de pages<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">La question de conception derri\u00e8re une biblioth\u00e8que de blocs est celle du degr\u00e9 de libert\u00e9. Trop peu et les r\u00e9dacteurs ne peuvent pas b\u00e2tir les pages dont ils ont besoin, alors ils demandent un d\u00e9veloppeur ou collent du HTML. Trop et chaque r\u00e9glage devient une fa\u00e7on de produire quelque chose hors marque, inaccessible ou illisible sur t\u00e9l\u00e9phone, et apr\u00e8s deux ans le syst\u00e8me de design n&rsquo;existe plus que dans les maquettes d&rsquo;origine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous construisons des blocs \u00e9troits et composables : une primitive de mise en page, un petit ensemble de composants de contenu, et des options limit\u00e9es aux choix qu&rsquo;un designer a r\u00e9ellement approuv\u00e9s. Les r\u00e9dacteurs obtiennent une vraie libert\u00e9 sur la disposition des composants et tr\u00e8s peu sur leur apparence, ce qui est le partage qui garde un grand site coh\u00e9rent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous les construisons <em>rendus c\u00f4t\u00e9 serveur<\/em> : le bloc enregistre ses attributs, et le balisage est produit en PHP au moment de l&rsquo;affichage. Cela co\u00fbte un peu plus au d\u00e9part et cela signifie que le balisage de tout le site peut changer en un seul endroit : une correction de structure de titres, un ajustement d&rsquo;accessibilit\u00e9 ou un nouveau jeton de design s&rsquo;applique \u00e0 toutes les pages existantes sans qu&rsquo;un r\u00e9dacteur touche \u00e0 quoi que ce soit et sans migration de base de donn\u00e9es.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-table-cells-large services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-table-cells-large\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Primitives de mise en page<\/h4>\n\t\t\n\t\t\t\t\t<p>Un petit ensemble de blocs de section, de grille et de cellule qui portent les r\u00e8gles d&rsquo;espacement et de conteneur, pour que chaque page retombe sur le m\u00eame rythme sans que les r\u00e9dacteurs choisissent des valeurs de marge.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-cubes services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-cubes\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Composants de contenu<\/h4>\n\t\t\n\t\t\t\t\t<p>Titres, cartes, \u00e9l\u00e9ments de service et de fonctionnalit\u00e9, galeries, appels \u00e0 l&rsquo;action, accord\u00e9ons de FAQ avec leurs donn\u00e9es structur\u00e9es, chacun produisant par construction un balisage correct et accessible.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-database services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\t\t<a href=\"\/fr\/expertise\/integrations-api-wordpress\/\" class=\"services-block__link\">\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-database\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Blocs dynamiques<\/h4>\n\t\t\n\t\t\t\t\t<p>Des blocs qui interrogent le contenu ou appellent une int\u00e9gration \u00e0 l&rsquo;affichage : grilles de projets, r\u00e9pertoires, listes filtr\u00e9es, donn\u00e9es en direct. Configur\u00e9s par les r\u00e9dacteurs, rendus par le code.<\/p>\t\t\n\t\t\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-clone services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-clone\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Motifs et gabarits<\/h4>\n\t\t\n\t\t\t\t\t<p>Des arrangements pr\u00e9compos\u00e9s pour les types de pages qu&rsquo;une \u00e9quipe b\u00e2tit \u00e0 r\u00e9p\u00e9tition, pour qu&rsquo;une nouvelle page d&rsquo;atterrissage parte de quelque chose de correct plut\u00f4t que d&rsquo;un document vide.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-sliders services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-sliders\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Panneaux lat\u00e9raux d&#039;\u00e9diteur<\/h4>\n\t\t\n\t\t\t\t\t<p>Des panneaux pour les m\u00e9tadonn\u00e9es et le flux de travail dont un projet a besoin : champs SEO, r\u00e9glages de publication, donn\u00e9es par page et rapports, int\u00e9gr\u00e9s \u00e0 l&rsquo;\u00e9diteur plut\u00f4t que rang\u00e9s dans un \u00e9cran d&rsquo;administration distinct.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-lock services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-lock\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Contraintes \u00e9ditoriales<\/h4>\n\t\t\n\t\t\t\t\t<p>Gabarits verrouill\u00e9s, r\u00e8gles de blocs autoris\u00e9s et champs obligatoires l\u00e0 o\u00f9 la structure compte, pour que la bonne forme de page soit la valeur par d\u00e9faut plut\u00f4t qu&rsquo;une convention dont il faut se souvenir.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section id=\"gutenberg-work\" style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Preuves<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Des biblioth\u00e8ques de blocs en production<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">Quatre biblioth\u00e8ques livr\u00e9es, et ce que chacune a chang\u00e9 pour les personnes qui s&rsquo;en servent. C&rsquo;est cela qui m\u00e9rite d&rsquo;\u00eatre jug\u00e9 : un nombre de blocs ne dit rien sur la capacit\u00e9 d&rsquo;une \u00e9quipe \u00e0 faire vivre son site.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-building-columns services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Une correction atteint cinq marques<\/h4>\n\t\t\n\t\t\t\t\t<p>Multi-Pr\u00eats, Mortgage Alliance, Invis, Mortgage Intelligence et Intelligence Hypoth\u00e9caire partagent une biblioth\u00e8que tenue dans un th\u00e8me parent, avec un th\u00e8me enfant chacune. Corriger un niveau de titre, un \u00e9tat de focus ou la mise en page d&rsquo;une carte est un seul changement qui atteint les cinq, au lieu de la m\u00eame retouche faite cinq fois et oubli\u00e9e la cinqui\u00e8me.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-cart-shopping services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-cart-shopping\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Une boutique men\u00e9e sans d\u00e9veloppeur<\/h4>\n\t\t\n\t\t\t\t\t<p>Sur iAmEvolving\u00ae, la fondatrice publie produits, prix, le\u00e7ons de cours et pages de campagne depuis l&rsquo;\u00e9diteur WordPress, sans constructeur de pages ni extension de commerce en dessous. Le parcours d&rsquo;achat est assembl\u00e9 \u00e0 partir de composants plut\u00f4t que configur\u00e9 dans l&rsquo;extension de quelqu&rsquo;un d&rsquo;autre, donc le modifier n&rsquo;exige pas d&rsquo;ouvrir un billet.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-users services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-users\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des permissions que le r\u00e9dacteur ne peut pas rater<\/h4>\n\t\t\n\t\t\t\t\t<p>Doolittle Lake Club s\u00e9pare le contenu des membres de celui des actionnaires. Le bouton de t\u00e9l\u00e9chargement v\u00e9rifie qui demande avant de servir un fichier, et les blocs de liste filtrent selon le r\u00f4le au moment de l&rsquo;affichage. Un administrateur b\u00e9n\u00e9vole ne peut donc pas publier le mauvais document au mauvais public en choisissant le mauvais bloc.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-code services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-code\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>La page que vous lisez<\/h4>\n\t\t\n\t\t\t\t\t<p>wplook.ca repose sur la m\u00eame approche, ce qui en fait la seule affirmation de cette page que vous pouvez v\u00e9rifier vous-m\u00eame. Ouvrez le code source : chaque section, carte et accord\u00e9on ici a \u00e9t\u00e9 produit par PHP au moment o\u00f9 vous avez demand\u00e9 la page, et rien n&rsquo;est du HTML enregistr\u00e9 dans une base de donn\u00e9es.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\n<div class=\"wp-block-wpl-portfolio-grid\">\n\t<div class=\"grid-x grid-margin-x grid-padding-x\">\n\t\t\t\t\t<div class=\"small-12 medium-4 cell\">\n\t\t\t\t<article class=\"project-card\">\n\t\t\t\t\t<a href=\"https:\/\/wplook.ca\/fr\/portfolio\/iamevolving-plateforme-e-commerce-et-infolettre-sur-mesure\/\" class=\"project-card__link\">\n\t\t\t\t\t\t<div class=\"project-card__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured-1024x682.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured-1024x682.webp 1024w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured-300x200.webp 300w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured-768x512.webp 768w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured-1536x1023.webp 1536w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/iamevolving-featured.webp 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"project-card__body\">\n\t\t\t\t\t\t\t<h3 class=\"project-card__title\">iAmEvolving \u2013 Plateforme WordPress sur mesure<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"project-card__client\">iAmEvolving<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"project-card__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Conception<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Int\u00e9gration WordPress<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>SEO<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"small-12 medium-4 cell\">\n\t\t\t\t<article class=\"project-card\">\n\t\t\t\t\t<a href=\"https:\/\/wplook.ca\/fr\/portfolio\/multi-prets-hypotheques-plateforme-wordpress-entreprise\/\" class=\"project-card__link\">\n\t\t\t\t\t\t<div class=\"project-card__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/multi-prets-hypotheques-site-web.png\" class=\"attachment-large size-large wp-post-image\" alt=\"Multi-Pr\u00eats Hypoth\u00e8ques courtage hypoth\u00e9caire site web\" srcset=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/multi-prets-hypotheques-site-web.png 800w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/multi-prets-hypotheques-site-web-300x200.png 300w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/multi-prets-hypotheques-site-web-768x512.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"project-card__body\">\n\t\t\t\t\t\t\t<h3 class=\"project-card__title\">Multi-Pr\u00eats Hypoth\u00e8ques \u2013 Plateforme WordPress entreprise<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"project-card__client\">Multi-Pr\u00eats Mortgages<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"project-card__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Conception<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Int\u00e9gration WordPress<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>SEO<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"small-12 medium-4 cell\">\n\t\t\t\t<article class=\"project-card\">\n\t\t\t\t\t<a href=\"https:\/\/wplook.ca\/fr\/portfolio\/mortgage-alliance-plateforme-wordpress-entreprise\/\" class=\"project-card__link\">\n\t\t\t\t\t\t<div class=\"project-card__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/mortgage-alliance-site-web.png\" class=\"attachment-large size-large wp-post-image\" alt=\"Mortgage Alliance site web de courtage hypoth\u00e9caire\" srcset=\"https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/mortgage-alliance-site-web.png 800w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/mortgage-alliance-site-web-300x200.png 300w, https:\/\/wplook.ca\/fr\/wp-content\/uploads\/sites\/2\/2026\/03\/mortgage-alliance-site-web-768x512.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"project-card__body\">\n\t\t\t\t\t\t\t<h3 class=\"project-card__title\">Mortgage Alliance \u2013 Plateforme WordPress entreprise<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"project-card__client\">Mortgage Alliance<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"project-card__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Conception<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Int\u00e9gration WordPress<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>SEO<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section id=\"gutenberg-cta\" style=\"background-color:#d7162d\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--light wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">D\u00e9marrer un projet<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Vous b\u00e2tissez un syst\u00e8me \u00e9ditorial, pas seulement un site?<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-8 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">Dites-nous qui \u00e9dite le site et ce que ces personnes doivent pouvoir b\u00e2tir sans aide. La biblioth\u00e8que de blocs se con\u00e7oit autour de cette r\u00e9ponse, et c&rsquo;est la partie d&rsquo;une construction qui rapporte pendant des ann\u00e9es.<\/p>\n\n<\/div>\n\n\n<div class=\"cell small-12 medium-4 large-auto align-self-middle wp-block-wpl-cell\">\n\t\n<div class=\"wpl-button-wrap text-right wp-block-wpl-button\">\n\t<a\n\t\thref=\"\/fr\/soumission\/\"\n\t\tclass=\"button action-button white large\"\n\t\t\t>\n\t\t\t\tParlez-nous de votre projet\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\t\t\t<\/a>\n<\/div>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">En pratique<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Ce que cette fa\u00e7on de faire change<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Les r\u00e9dacteurs cessent de demander des d\u00e9veloppeurs<\/h4>\n\t\t\n\t\t\t\t\t<p>Nouvelles pages, nouvelles sections et nouvelles campagnes sont b\u00e2ties par l&rsquo;\u00e9quipe des communications, et c&rsquo;est l\u00e0 que se cache habituellement le co\u00fbt courant d&rsquo;un site.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Le syst\u00e8me de design survit<\/h4>\n\t\t\n\t\t\t\t\t<p>Deux ans et quatre cents pages plus tard, le site ressemble encore \u00e0 un seul site, parce que les composants ne permettaient pas autre chose.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>L&#039;accessibilit\u00e9 est structurelle<\/h4>\n\t\t\n\t\t\t\t\t<p>Ordre des titres, points de rep\u00e8re, comportement au clavier et gestion du focus vivent dans le composant. Les r\u00e9dacteurs ne peuvent pas produire accidentellement une version inaccessible d&rsquo;un motif existant.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Un changement global est un seul changement<\/h4>\n\t\t\n\t\t\t\t\t<p>Parce que le balisage est rendu \u00e0 l&rsquo;affichage, une correction s&rsquo;applique \u00e0 toutes les pages qui utilisent le bloc, y compris celles publi\u00e9es il y a trois ans.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>La migration reste possible<\/h4>\n\t\t\n\t\t\t\t\t<p>Des attributs structur\u00e9s plut\u00f4t que du HTML enregistr\u00e9 signifient que le contenu peut \u00eatre r\u00e9affich\u00e9, r\u00e9habill\u00e9 ou d\u00e9plac\u00e9 sans extraire du balisage de la base de donn\u00e9es.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Moins d&#039;extensions<\/h4>\n\t\t\n\t\t\t\t\t<p>Une biblioth\u00e8que de blocs couvre ce qu&rsquo;une pile d&rsquo;extensions de mise en page, de carrousel, d&rsquo;accord\u00e9on et d&rsquo;appel \u00e0 l&rsquo;action ferait autrement, avec un seul code \u00e0 maintenir au lieu de huit.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section id=\"gutenberg-faq\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">FAQ<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Questions fr\u00e9quentes<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n<ul class=\"accordion wpl-faq wp-block-wpl-faq\" data-accordion data-allow-all-closed=\"true\" data-multi-expand=\"false\">\n\t\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Est-ce la m\u00eame chose qu&#039;Elementor ou Divi?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Non, et la diff\u00e9rence est l&rsquo;endroit o\u00f9 vit le balisage. Un constructeur de pages enregistre la mise en page et le balisage dans la base de donn\u00e9es, donc changer un composant plus tard exige de toucher chaque page qui l&rsquo;utilisait, ou un script de migration qui r\u00e9\u00e9crit le contenu enregistr\u00e9. Les blocs rendus c\u00f4t\u00e9 serveur enregistrent des attributs et produisent le balisage depuis le code \u00e0 l&rsquo;affichage, donc une correction s&rsquo;applique partout, y compris aux pages publi\u00e9es il y a trois ans. Les constructeurs de pages livrent aussi un gros bagage de code \u00e0 chaque visiteur ; une biblioth\u00e8que de blocs ne livre que le balisage dont la page a besoin.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Que se passe-t-il si nous changeons de th\u00e8me plus tard?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Avec des blocs rendus c\u00f4t\u00e9 serveur, le contenu survit au changement parce qu&rsquo;il n&rsquo;a jamais \u00e9t\u00e9 du HTML. Les attributs sont des donn\u00e9es structur\u00e9es, donc le m\u00eame contenu peut \u00eatre r\u00e9affich\u00e9 avec de nouveaux gabarits ou un nouveau syst\u00e8me de design. C&rsquo;est aussi cette propri\u00e9t\u00e9 qui rend une future <a href=\"\/fr\/expertise\/migration-de-contenu-et-de-donnees\/\">migration<\/a> possible plut\u00f4t qu&rsquo;un exercice d&rsquo;arch\u00e9ologie.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Les r\u00e9dacteurs peuvent-ils encore casser le design?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Beaucoup moins, et c&rsquo;est d\u00e9lib\u00e9r\u00e9. Les options sont limit\u00e9es aux choix approuv\u00e9s par un designer, l&rsquo;espacement et les conteneurs vivent dans des primitives de mise en page plut\u00f4t que dans des r\u00e9glages par page, et l\u00e0 o\u00f9 la forme de la page compte nous verrouillons les gabarits et restreignons les blocs autoris\u00e9s. Les r\u00e9dacteurs obtiennent une vraie libert\u00e9 sur la disposition des composants et tr\u00e8s peu sur leur apparence, ce qui est le partage qui garde coh\u00e9rent un site de quatre cents pages.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">De combien de blocs sur mesure un site a-t-il r\u00e9ellement besoin?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Moins qu&rsquo;on ne le pense, et le nombre est une d\u00e9cision de conception plut\u00f4t qu&rsquo;un d\u00e9compte. Ce site en utilise dix-neuf, ce qui couvre toutes ses pages. Les plateformes hypoth\u00e9caires en ont demand\u00e9 davantage parce qu&rsquo;elles portent des r\u00e9pertoires de courtiers, des tableaux de taux et des calculateurs. Une biblioth\u00e8que qui n&rsquo;arr\u00eate pas de grossir est g\u00e9n\u00e9ralement le signe que les primitives de mise en page n&rsquo;\u00e9taient pas assez composables.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Utilisez-vous l&#039;\u00e9dition compl\u00e8te du site et les th\u00e8mes de blocs?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>De fa\u00e7on s\u00e9lective. Les th\u00e8mes de blocs et theme.json sont une vraie am\u00e9lioration pour les sites dont les gabarits devraient \u00eatre modifiables, et nous les utilisons quand c&rsquo;est le cas. Pour des plateformes au syst\u00e8me de design strict, \u00e0 la gouvernance \u00e9ditoriale exigeante et aux obligations d&rsquo;accessibilit\u00e9, un th\u00e8me classique avec une biblioth\u00e8que de blocs sur mesure donne un contr\u00f4le plus serr\u00e9 sur le balisage et sur ce que les r\u00e9dacteurs peuvent changer. Nous tranchons projet par projet plut\u00f4t que par mode.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Les blocs sur mesure ralentissent-ils le site?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Non, et g\u00e9n\u00e9ralement l&rsquo;inverse. Un constructeur de pages livre \u00e0 chaque visiteur un gros bagage de JavaScript et de CSS, que la page s&rsquo;en serve ou non. Un bloc rendu c\u00f4t\u00e9 serveur produit du balisage simple en PHP, donc une page ne transporte que ce dont elle a r\u00e9ellement besoin et rien n&rsquo;est assembl\u00e9 dans le navigateur. Quand un bloc interroge du contenu ou appelle un service externe, la strat\u00e9gie de cache est d\u00e9cid\u00e9e pour ce bloc plut\u00f4t qu&rsquo;ajout\u00e9e \u00e0 la fin.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Pouvez-vous construire des blocs sur mesure pour le th\u00e8me que nous avons d\u00e9j\u00e0?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Habituellement oui, et c&rsquo;est une bonne fa\u00e7on de commencer. Une biblioth\u00e8que de blocs s&rsquo;enregistre ind\u00e9pendamment du th\u00e8me, donc les blocs peuvent \u00eatre ajout\u00e9s \u00e0 une construction existante et adopt\u00e9s page par page sans refonte. La limite, c&rsquo;est le th\u00e8me lui-m\u00eame : si ses gabarits et sa feuille de style se battent contre le balisage que produisent les blocs, vous finissez par contourner, et \u00e0 ce moment-l\u00e0 reconstruire le th\u00e8me co\u00fbte moins cher que continuer \u00e0 rapi\u00e9cer. Nous vous dirons dans quel cas vous \u00eates apr\u00e8s avoir regard\u00e9 le code.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Nous avons des ann\u00e9es de contenu dans l&#039;\u00e9diteur classique. Qu&#039;en advient-il?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Il continue de fonctionner, et il peut \u00eatre converti. Le contenu classique s&rsquo;affiche tel quel, donc rien ne casse le jour o\u00f9 la nouvelle biblioth\u00e8que arrive. Le convertir en blocs est un travail script\u00e9, exactement le genre de travail que couvre la page <a href=\"\/fr\/expertise\/migration-de-contenu-et-de-donnees\/\">migration<\/a>, et il se fait normalement pour les gabarits et les types de pages qui comptent plut\u00f4t que pour toute l&rsquo;archive.<\/p>\t<\/div>\n<\/li>\n\n<\/ul>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Est-ce la m\u00eame chose qu'Elementor ou Divi?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non, et la diff\u00e9rence est l'endroit o\u00f9 vit le balisage. Un constructeur de pages enregistre la mise en page et le balisage dans la base de donn\u00e9es, donc changer un composant plus tard exige de toucher chaque page qui l'utilisait, ou un script de migration qui r\u00e9\u00e9crit le contenu enregistr\u00e9. Les blocs rendus c\u00f4t\u00e9 serveur enregistrent des attributs et produisent le balisage depuis le code \u00e0 l'affichage, donc une correction s'applique partout, y compris aux pages publi\u00e9es il y a trois ans. Les constructeurs de pages livrent aussi un gros bagage de code \u00e0 chaque visiteur ; une biblioth\u00e8que de blocs ne livre que le balisage dont la page a besoin.\"}},{\"@type\":\"Question\",\"name\":\"Que se passe-t-il si nous changeons de th\u00e8me plus tard?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Avec des blocs rendus c\u00f4t\u00e9 serveur, le contenu survit au changement parce qu'il n'a jamais \u00e9t\u00e9 du HTML. Les attributs sont des donn\u00e9es structur\u00e9es, donc le m\u00eame contenu peut \u00eatre r\u00e9affich\u00e9 avec de nouveaux gabarits ou un nouveau syst\u00e8me de design. C'est aussi cette propri\u00e9t\u00e9 qui rend une future migration possible plut\u00f4t qu'un exercice d'arch\u00e9ologie.\"}},{\"@type\":\"Question\",\"name\":\"Les r\u00e9dacteurs peuvent-ils encore casser le design?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Beaucoup moins, et c'est d\u00e9lib\u00e9r\u00e9. Les options sont limit\u00e9es aux choix approuv\u00e9s par un designer, l'espacement et les conteneurs vivent dans des primitives de mise en page plut\u00f4t que dans des r\u00e9glages par page, et l\u00e0 o\u00f9 la forme de la page compte nous verrouillons les gabarits et restreignons les blocs autoris\u00e9s. Les r\u00e9dacteurs obtiennent une vraie libert\u00e9 sur la disposition des composants et tr\u00e8s peu sur leur apparence, ce qui est le partage qui garde coh\u00e9rent un site de quatre cents pages.\"}},{\"@type\":\"Question\",\"name\":\"De combien de blocs sur mesure un site a-t-il r\u00e9ellement besoin?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Moins qu'on ne le pense, et le nombre est une d\u00e9cision de conception plut\u00f4t qu'un d\u00e9compte. Ce site en utilise dix-neuf, ce qui couvre toutes ses pages. Les plateformes hypoth\u00e9caires en ont demand\u00e9 davantage parce qu'elles portent des r\u00e9pertoires de courtiers, des tableaux de taux et des calculateurs. Une biblioth\u00e8que qui n'arr\u00eate pas de grossir est g\u00e9n\u00e9ralement le signe que les primitives de mise en page n'\u00e9taient pas assez composables.\"}},{\"@type\":\"Question\",\"name\":\"Utilisez-vous l'\u00e9dition compl\u00e8te du site et les th\u00e8mes de blocs?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"De fa\u00e7on s\u00e9lective. Les th\u00e8mes de blocs et theme.json sont une vraie am\u00e9lioration pour les sites dont les gabarits devraient \u00eatre modifiables, et nous les utilisons quand c'est le cas. Pour des plateformes au syst\u00e8me de design strict, \u00e0 la gouvernance \u00e9ditoriale exigeante et aux obligations d'accessibilit\u00e9, un th\u00e8me classique avec une biblioth\u00e8que de blocs sur mesure donne un contr\u00f4le plus serr\u00e9 sur le balisage et sur ce que les r\u00e9dacteurs peuvent changer. Nous tranchons projet par projet plut\u00f4t que par mode.\"}},{\"@type\":\"Question\",\"name\":\"Les blocs sur mesure ralentissent-ils le site?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non, et g\u00e9n\u00e9ralement l'inverse. Un constructeur de pages livre \u00e0 chaque visiteur un gros bagage de JavaScript et de CSS, que la page s'en serve ou non. Un bloc rendu c\u00f4t\u00e9 serveur produit du balisage simple en PHP, donc une page ne transporte que ce dont elle a r\u00e9ellement besoin et rien n'est assembl\u00e9 dans le navigateur. Quand un bloc interroge du contenu ou appelle un service externe, la strat\u00e9gie de cache est d\u00e9cid\u00e9e pour ce bloc plut\u00f4t qu'ajout\u00e9e \u00e0 la fin.\"}},{\"@type\":\"Question\",\"name\":\"Pouvez-vous construire des blocs sur mesure pour le th\u00e8me que nous avons d\u00e9j\u00e0?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Habituellement oui, et c'est une bonne fa\u00e7on de commencer. Une biblioth\u00e8que de blocs s'enregistre ind\u00e9pendamment du th\u00e8me, donc les blocs peuvent \u00eatre ajout\u00e9s \u00e0 une construction existante et adopt\u00e9s page par page sans refonte. La limite, c'est le th\u00e8me lui-m\u00eame : si ses gabarits et sa feuille de style se battent contre le balisage que produisent les blocs, vous finissez par contourner, et \u00e0 ce moment-l\u00e0 reconstruire le th\u00e8me co\u00fbte moins cher que continuer \u00e0 rapi\u00e9cer. Nous vous dirons dans quel cas vous \u00eates apr\u00e8s avoir regard\u00e9 le code.\"}},{\"@type\":\"Question\",\"name\":\"Nous avons des ann\u00e9es de contenu dans l'\u00e9diteur classique. Qu'en advient-il?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Il continue de fonctionner, et il peut \u00eatre converti. Le contenu classique s'affiche tel quel, donc rien ne casse le jour o\u00f9 la nouvelle biblioth\u00e8que arrive. Le convertir en blocs est un travail script\u00e9, exactement le genre de travail que couvre la page migration, et il se fait normalement pour les gabarits et les types de pages qui comptent plut\u00f4t que pour toute l'archive.\"}}]}<\/script>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":10,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-blocks.php","meta":{"_yoast_wpseo_focuskw":"d\u00e9veloppement blocs gutenberg","_yoast_wpseo_title":"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio","_yoast_wpseo_metadesc":"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche.","_wpl_gsc_clicks":0,"_wpl_gsc_impressions":0,"_wpl_gsc_ctr":0,"_wpl_gsc_position":0,"_wpl_gsc_queries":"","_wpl_gsc_updated":"","footnotes":"","wpl_teaser_subtitle":"Gutenberg","wpl_teaser_description":"Des biblioth\u00e8ques de blocs sur mesure rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche, et pr\u00e9servent le syst\u00e8me de design.","opposite_language_url":"https:\/\/wplook.ca\/expertise\/gutenberg-development\/"},"class_list":["post-386","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio<\/title>\n<meta name=\"description\" content=\"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu&#039;une page blanche.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio\" \/>\n<meta property=\"og:description\" content=\"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu&#039;une page blanche.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio WPlook\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T00:16:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/developpement-blocs-gutenberg\\\/\",\"url\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/developpement-blocs-gutenberg\\\/\",\"name\":\"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/#website\"},\"datePublished\":\"2026-09-28T23:15:58+00:00\",\"dateModified\":\"2026-09-29T00:16:05+00:00\",\"description\":\"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/developpement-blocs-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/developpement-blocs-gutenberg\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/developpement-blocs-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Expertise\",\"item\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9veloppement de blocs Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/\",\"name\":\"Studio WPlook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio","description":"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/","og_locale":"fr_CA","og_type":"article","og_title":"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio","og_description":"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche.","og_url":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/","og_site_name":"Studio WPlook","article_modified_time":"2026-09-29T00:16:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/","url":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/","name":"D\u00e9veloppement de blocs Gutenberg sur mesure | WPlook Studio","isPartOf":{"@id":"https:\/\/wplook.ca\/fr\/#website"},"datePublished":"2026-09-28T23:15:58+00:00","dateModified":"2026-09-29T00:16:05+00:00","description":"D\u00e9veloppement de blocs Gutenberg sur mesure : biblioth\u00e8ques rendues c\u00f4t\u00e9 serveur qui donnent aux r\u00e9dacteurs un jeu de composants plut\u00f4t qu'une page blanche.","breadcrumb":{"@id":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wplook.ca\/fr\/expertise\/developpement-blocs-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wplook.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"Expertise","item":"https:\/\/wplook.ca\/fr\/expertise\/"},{"@type":"ListItem","position":3,"name":"D\u00e9veloppement de blocs Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/wplook.ca\/fr\/#website","url":"https:\/\/wplook.ca\/fr\/","name":"Studio WPlook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wplook.ca\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"}]}},"_links":{"self":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/comments?post=386"}],"version-history":[{"count":8,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/386\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/386\/revisions\/468"}],"up":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/media?parent=386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}