{"id":356,"date":"2024-06-20T16:45:16","date_gmt":"2024-06-20T14:45:16","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=356"},"modified":"2024-09-02T13:13:56","modified_gmt":"2024-09-02T11:13:56","slug":"mise-en-exergue","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/mise-en-exergue\/","title":{"rendered":"Mise en exergue"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Mise en exergue<\/h1>\n\n\n\n<p>La mise en exergue permet \u00e0 l\u2019utilisateur de distinguer et rep\u00e9rer une information facilement. Elle met en \u00e9vidence une information d\u00e9j\u00e0 pr\u00e9sente dans le reste du contenu : soit une reformulation, soit une reprise du texte.<\/p>\n\n\n\n<p>Pour mettre en \u00e9vidence une information compl\u00e9mentaire, utilisez\u00a0<a href=\"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/mise-en-avant\/\" data-type=\"page\" data-id=\"133\">la mise en avant<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-group fr-highlight\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Ceci est une mise en exergue qui reformule ou simplifie une partie importante du contenu de page. Elle est \u00e0 placer entre plusieurs paragraphes.<\/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\n\n\n<h2 class=\"wp-block-heading\">Variations de tailles de texte<\/h2>\n\n\n\n<div class=\"wp-block-group fr-highlight\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-sm-font-size\">Taille SM &#8211; 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.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-md-font-size\">Taille MD &#8211; 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.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-lg-font-size\">Taille LG &#8211; 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.<\/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\n\n\n<h2 class=\"wp-block-heading\">Styles avec palette de couleur<\/h2>\n\n\n\n<p>Le filet vertical peut utiliser les couleurs illustratives.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group fr-highlight fr-highlight--green-tilleul-verveine\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--green-bourgeon\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--green-emeraude\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--green-menthe\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--green-archipel\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--blue-ecume\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--blue-cumulus\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--purple-glycine\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group fr-highlight fr-highlight--brown-opera\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--brown-caramel\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--brown-cafe-creme\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--orange-terre-battue\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--yellow-moutarde\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--yellow-tournesol\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--pink-tuile\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fr-highlight fr-highlight--pink-macaron\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mise en exergue La mise en exergue permet \u00e0 l\u2019utilisateur de distinguer et rep\u00e9rer une information facilement. Elle met en \u00e9vidence une information d\u00e9j\u00e0 pr\u00e9sente dans le reste du contenu : soit une reformulation, soit une reprise du texte. Pour mettre en \u00e9vidence une information compl\u00e9mentaire, utilisez\u00a0la mise en avant. Ceci est une mise en [&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-356","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/356","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=356"}],"version-history":[{"count":1,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":484,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/356\/revisions\/484"}],"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=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}