{"id":5579,"date":"2025-11-11T11:51:43","date_gmt":"2025-11-11T19:51:43","guid":{"rendered":"https:\/\/quoris.com\/website-demo-blocs-de-mise-en-page\/"},"modified":"2026-01-16T07:44:44","modified_gmt":"2026-01-16T15:44:44","slug":"website-demo-blocs-de-mise-en-page","status":"publish","type":"page","link":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/","title":{"rendered":"Website Demo – Blocs de mise en page"},"content":{"rendered":"\n

Website Demo – Blocs de mise en page<\/h2>\n\n\n

Toutes les pages du site sont compos\u00e9es d’en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes. <\/p>\n<\/div>\n\n

\n
\n \n\n
\n\n

Sections de page et arri\u00e8re-plans<\/h2>\n\n\n\n

Les sections de page sont des sections de pleine largeur avec un graphique d’arri\u00e8re-plan optionnel, qui peut \u00eatre positionn\u00e9 en haut, au centre ou en bas. Tout groupe de blocs partageant une couleur d’arri\u00e8re-plan commune – m\u00eame si cette couleur est blanche – doit \u00eatre imbriqu\u00e9 dans un bloc de section de page. Sont exclus de cette r\u00e8gle le bloc d’en-t\u00eate de page et le bloc de carrousel de t\u00e9moignages, qui disposent de leurs propres conteneurs pleine largeur. <\/p>\n\n<\/div>\n\n <\/div><\/div>\n\n \n \n\n

\n\n

Fond aqua, vague positionn\u00e9e en haut<\/p>\n\n<\/div>\n <\/div>\n\n \n \n\n

\n\n

Fond blanc, sans graphique<\/p>\n\n<\/div>\n <\/div>\n\n \n \n\n

\n\n

Fond orange, vague positionn\u00e9e au milieu<\/p>\n\n<\/div>\n <\/div>\n\n \n \n\n

\n\n

Fond violet, vague positionn\u00e9e en bas<\/p>\n\n<\/div>\n <\/div>\n\n

\n

Grilles et colonnes<\/h2>\n\n\n\n
\n

Grilles<\/h3>\n<\/div>\n\n\n\n
\n

Les grilles peuvent comporter un nombre quelconque d’\u00e9l\u00e9ments par ligne. Les \u00e9l\u00e9ments sont affich\u00e9s de gauche \u00e0 droite et s’\u00e9tendent naturellement sur une nouvelle ligne. Dans une grille, tous les \u00e9l\u00e9ments ont la m\u00eame hauteur. <\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Point 1<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n\n\n\n

\n

Point 4<\/p>\n<\/div>\n\n\n\n

\n

Point 5<\/p>\n<\/div>\n<\/div>\n\n

Colonnes<\/h3>\n\n

Choisissez le nombre de colonnes, puis ajoutez des \u00e9l\u00e9ments \u00e0 chaque colonne. Les \u00e9l\u00e9ments d’une colonne peuvent \u00eatre d’une hauteur diff\u00e9rente de celle des \u00e9l\u00e9ments de l’autre colonne. <\/p>\n\n

\n
\n
\n

Colonne 1, point 1<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Colonne 1, point 2<\/p>\n\n\n\n

<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Colonne 2, point 1<\/p>\n<\/div>\n\n\n\n

\n

Colonne 2, point 2<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Colonne 2, point 3<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n

Rembourrage et espacement des blocs<\/h3>\n\n

Les blocs peuvent \u00eatre dot\u00e9s d’une marge afin que le texte ne se heurte pas au bord. Ils disposent \u00e9galement d’un espacement et d’une marge par d\u00e9faut entre les blocs. Tous ces param\u00e8tres peuvent \u00eatre personnalis\u00e9s au cas par cas. <\/p>\n\n

\n
\n

Encadrement : 0px<\/p>\n<\/div>\n\n\n\n

\n

Remplissage : 10px<\/p>\n<\/div>\n\n\n\n

\n

Remplissage : 20px (par d\u00e9faut)<\/p>\n<\/div>\n\n\n\n

\n

Remplissage : 30px<\/p>\n<\/div>\n\n\n\n

\n

Remplissage : 40px<\/p>\n<\/div>\n\n\n\n

\n

Rembourrage : 60px<\/p>\n<\/div>\n\n\n\n

\n

Rembourrage : 80px<\/p>\n<\/div>\n\n\n\n

\n

Remplissage : 120px<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 0px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 10px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 20px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 30px <\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 40px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 60px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 80px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

\n
\n

Espacement des blocs : 120px<\/p>\n<\/div>\n\n\n\n

\n

Point 2<\/p>\n<\/div>\n\n\n\n

\n

Point 3<\/p>\n<\/div>\n<\/div>\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Colonnes Choisissez le nombre de colonnes, puis ajoutez des \u00e9l\u00e9ments \u00e0 chaque colonne. Les \u00e9l\u00e9ments d’une colonne peuvent \u00eatre d’une hauteur diff\u00e9rente de celle des \u00e9l\u00e9ments de l’autre colonne. Rembourrage et espacement des blocs Les blocs peuvent \u00eatre dot\u00e9s d’une marge afin que le texte ne se heurte pas au bord. Ils disposent \u00e9galement d’un […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_crdt_document":"","content-type":"","footnotes":""},"class_list":["post-5579","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nWebsite Demo - Blocs de mise en page — Quoris<\/title>\n<meta name=\"description\" content=\"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Demo - Blocs de mise en page — Quoris\" \/>\n<meta property=\"og:description\" content=\"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Quoris\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-16T15:44:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\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:\\\/\\\/quoris.com\\\/fr\\\/website-demo-blocs-de-mise-en-page\\\/\",\"url\":\"https:\\\/\\\/quoris.com\\\/fr\\\/website-demo-blocs-de-mise-en-page\\\/\",\"name\":\"Website Demo - Blocs de mise en page — Quoris\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#website\"},\"datePublished\":\"2025-11-11T19:51:43+00:00\",\"dateModified\":\"2026-01-16T15:44:44+00:00\",\"description\":\"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/website-demo-blocs-de-mise-en-page\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/quoris.com\\\/fr\\\/website-demo-blocs-de-mise-en-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/website-demo-blocs-de-mise-en-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/quoris.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Demo – Blocs de mise en page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/quoris.com\\\/fr\\\/\",\"name\":\"Quoris Healthcare IT\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/quoris.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#organization\",\"name\":\"Quoris Healthcare IT\",\"url\":\"https:\\\/\\\/quoris.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/quoris.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/pressrelease_575703_1763329356.jpg\",\"contentUrl\":\"https:\\\/\\\/quoris.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/pressrelease_575703_1763329356.jpg\",\"width\":667,\"height\":350,\"caption\":\"Quoris Healthcare IT\"},\"image\":{\"@id\":\"https:\\\/\\\/quoris.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/quoris\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Demo - Blocs de mise en page — Quoris","description":"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Website Demo - Blocs de mise en page — Quoris","og_description":"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.","og_url":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/","og_site_name":"Quoris","article_modified_time":"2026-01-16T15:44:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/","url":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/","name":"Website Demo - Blocs de mise en page — Quoris","isPartOf":{"@id":"https:\/\/quoris.com\/fr\/#website"},"datePublished":"2025-11-11T19:51:43+00:00","dateModified":"2026-01-16T15:44:44+00:00","description":"Toutes les pages du site sont compos\u00e9es d'en-t\u00eates et de sections. Ces sections peuvent ensuite \u00eatre organis\u00e9es en groupes, grilles, listes et colonnes.","breadcrumb":{"@id":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/quoris.com\/fr\/website-demo-blocs-de-mise-en-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/quoris.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Website Demo – Blocs de mise en page"}]},{"@type":"WebSite","@id":"https:\/\/quoris.com\/fr\/#website","url":"https:\/\/quoris.com\/fr\/","name":"Quoris Healthcare IT","description":"","publisher":{"@id":"https:\/\/quoris.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quoris.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/quoris.com\/fr\/#organization","name":"Quoris Healthcare IT","url":"https:\/\/quoris.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/quoris.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/quoris.com\/wp-content\/uploads\/2025\/12\/pressrelease_575703_1763329356.jpg","contentUrl":"https:\/\/quoris.com\/wp-content\/uploads\/2025\/12\/pressrelease_575703_1763329356.jpg","width":667,"height":350,"caption":"Quoris Healthcare IT"},"image":{"@id":"https:\/\/quoris.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/quoris\/"]}]}},"_links":{"self":[{"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/pages\/5579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/comments?post=5579"}],"version-history":[{"count":0,"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/pages\/5579\/revisions"}],"wp:attachment":[{"href":"https:\/\/quoris.com\/fr\/wp-json\/wp\/v2\/media?parent=5579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}