{"id":406,"date":"2024-06-25T17:28:41","date_gmt":"2024-06-25T15:28:41","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=406"},"modified":"2024-09-12T16:57:36","modified_gmt":"2024-09-12T14:57:36","slug":"banniere","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/banniere\/","title":{"rendered":"Banni\u00e8re"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Banni\u00e8re<\/h1>\n\n\n\n<p class=\"has-xl-font-size\">Ajoutez davantage de visuel dans votre site avec le bloc Banni\u00e8re. Apr\u00e8s avoir \u00e9t\u00e9 pos\u00e9, le bloc Banni\u00e8re vous invite \u00e0 y int\u00e9grer une image, vous pouvez aussi utiliser un aplat de couleur en choisissant une des couleurs de la palette du th\u00e8me. Puis, vous pourrez saisir un texte ou d&rsquo;autres blocs qui s\u2019afficheront sur l\u2019image ou l\u2019aplat de couleur. Vous pourrez \u00e9galement choisir l&rsquo;alignement de votre contenu. Ainsi que choisir la hauteur de la banni\u00e8re.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Exemples de banni\u00e8re<\/h2>\n\n\n\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-top-left\" style=\"min-height:175px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-alt-blue-france-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-left has-text-title-grey-color has-text-color has-link-color has-h-2-font-size wp-elements-2e5298891d22786f5215ba71f1ffbac0\">Une banni\u00e8re avec un applat de couleur, align\u00e9e \u00e0 gauche<\/p>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:340px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-alt-blue-france-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-h-2-font-size\">Une banni\u00e8re pleine largeur<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-left wp-element-button\" href=\"#\">Et un bouton d&rsquo;action<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:340px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-alt-blue-france-background-color has-background-dim-90 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"920\" class=\"wp-block-cover__image-background wp-image-277\" alt=\"\" src=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2.png\" data-object-fit=\"cover\" srcset=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2.png 2560w, https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-300x108.png 300w, https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-1024x368.png 1024w, https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-768x276.png 768w, https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-1536x552.png 1536w, https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-2048x736.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-display-xs-font-size\">Une banni\u00e8re avec une image<\/p>\n\n\n\n<p class=\"has-text-align-center has-xl-font-size\"><strong>La banni\u00e8re permet d&rsquo;ajouter facilement sur l&rsquo;image un calque de superposition avec une couleur du th\u00e8me pour rendre le texte lisible.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--80)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Banni\u00e8re Ajoutez davantage de visuel dans votre site avec le bloc Banni\u00e8re. Apr\u00e8s avoir \u00e9t\u00e9 pos\u00e9, le bloc Banni\u00e8re vous invite \u00e0 y int\u00e9grer une image, vous pouvez aussi utiliser un aplat de couleur en choisissant une des couleurs de la palette du th\u00e8me. Puis, vous pourrez saisir un texte ou d&rsquo;autres blocs qui s\u2019afficheront [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/empty-page.php","meta":{"footnotes":""},"class_list":["post-406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":2,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":526,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/406\/revisions\/526"}],"up":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/media?parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}