{"id":344,"date":"2024-06-20T11:58:32","date_gmt":"2024-06-20T09:58:32","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=344"},"modified":"2024-09-02T13:05:21","modified_gmt":"2024-09-02T11:05:21","slug":"hero-image","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/hero-image\/","title":{"rendered":"Hero Image"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Hero Image<\/h1>\n\n\n\n<p class=\"has-xl-font-size\">Composer simplement d&rsquo;un titre et d&rsquo;une image, ce hero met l&rsquo;accent sur un visuel d\u00e8s le d\u00e9but de votre page. Utilisez-le sur des pages sp\u00e9cifique pour leur donner une plus grande importance et mieux repr\u00e9senter votre unicit\u00e9 gr\u00e2ce \u00e0 un visuel large et fin.<\/p>\n\n\n\n<header class=\"wp-block-group alignfull wp-block-group--hero\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading is-style-flag-fr has-display-sm-font-size\">Hero Image<\/h1>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"920\" src=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2.png\" alt=\"\" class=\"wp-image-277\" 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\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/header>\n\n\n\n<header class=\"wp-block-group alignfull wp-block-group--hero has-background-alt-blue-france-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading is-style-flag-fr has-display-sm-font-size\">Hero sur fond bleu<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"368\" src=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Banniere-Marianne-2-1024x368.png\" alt=\"\" class=\"wp-image-277\" srcset=\"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-300x108.png 300w, 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: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/header>\n\n\n\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hero Image Composer simplement d&rsquo;un titre et d&rsquo;une image, ce hero met l&rsquo;accent sur un visuel d\u00e8s le d\u00e9but de votre page. Utilisez-le sur des pages sp\u00e9cifique pour leur donner une plus grande importance et mieux repr\u00e9senter votre unicit\u00e9 gr\u00e2ce \u00e0 un visuel large et fin. Hero Image Hero sur fond bleu<\/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-344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/344","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=344"}],"version-history":[{"count":2,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/344\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/344\/revisions\/533"}],"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=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}