{"id":347,"date":"2024-06-20T12:08:26","date_gmt":"2024-06-20T10:08:26","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=347"},"modified":"2024-09-02T13:23:30","modified_gmt":"2024-09-02T11:23:30","slug":"citation","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/citation\/","title":{"rendered":"Citation"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Citation<\/h1>\n\n\n\n<p class=\"has-xl-font-size\">La citation permet de citer un texte dans une page \u00e9ditoriale. La citation peut provenir d&rsquo;un extrait d\u2019un discours oral formul\u00e9 par une tierce personne ou d\u2019un texte \u00e9crit.<\/p>\n\n\n\n<figure class=\"fr-quote fr-quote--column\"><blockquote cite=\"\"><p class=\"\">La temp\u00eate a b\u00e9ni mes \u00e9veils maritimes.Plus l\u00e9ger qu\u2019un bouchon j\u2019ai dans\u00e9 sur les flotsQu\u2019on appelle rouleurs \u00e9ternels de victimes,Dix nuits, sans regretter l\u2019\u0153il niais des falots !<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\">Arthur Rimbaud<\/p><ul class=\"fr-quote__source\"><li>\u00ab Le Bateau ivre \u00bb (1871)<\/li><\/ul><div class=\"fr-quote__image\"><img decoding=\"async\" class=\"fr-responsive-img\" src=\"https:\/\/wp-dsfr.fr\/demo\/wp-content\/uploads\/sites\/2\/2024\/06\/Arthur-Rimbaud-2-228x300.png\" alt=\"\"\/><\/div><\/figcaption><\/figure>\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>L&rsquo;ic\u00f4ne de citation 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<figure class=\"fr-quote fr-quote--green-bourgeon\"><blockquote cite=\"\"><p class=\"\">Code is poetry<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\"><\/p><ul class=\"fr-quote__source\"><\/ul><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"fr-quote fr-quote--green-archipel\"><blockquote cite=\"\"><p class=\"\">Code is poetry<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\"><\/p><ul class=\"fr-quote__source\"><\/ul><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"fr-quote fr-quote--pink-tuile\"><blockquote cite=\"\"><p class=\"\">Code is poetry<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\"><\/p><ul class=\"fr-quote__source\"><\/ul><\/figcaption><\/figure>\n<\/div>\n<\/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\">Exemple d&rsquo;utilisation<\/h2>\n\n\n\n<p>Le portrait de l&rsquo;auteur, son nom et le d\u00e9tail de la source sont optionnels.<\/p>\n\n\n\n<figure class=\"fr-quote\"><blockquote cite=\"\"><p class=\"\">La temp\u00eate a b\u00e9ni mes \u00e9veils maritimes.Plus l\u00e9ger qu\u2019un bouchon j\u2019ai dans\u00e9 sur les flotsQu\u2019on appelle rouleurs \u00e9ternels de victimes,Dix nuits, sans regretter l\u2019\u0153il niais des falots !<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\">Arthur Rimbaud<\/p><ul class=\"fr-quote__source\"><li>\u00ab Le Bateau ivre \u00bb (1871)<\/li><\/ul><\/figcaption><\/figure>\n\n\n\n<figure class=\"fr-quote\"><blockquote cite=\"\"><p class=\"\">La temp\u00eate a b\u00e9ni mes \u00e9veils maritimes.Plus l\u00e9ger qu\u2019un bouchon j\u2019ai dans\u00e9 sur les flotsQu\u2019on appelle rouleurs \u00e9ternels de victimes,Dix nuits, sans regretter l\u2019\u0153il niais des falots !<\/p><\/blockquote><figcaption><p class=\"fr-quote__author\"><\/p><ul class=\"fr-quote__source\"><\/ul><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Citation La citation permet de citer un texte dans une page \u00e9ditoriale. La citation peut provenir d&rsquo;un extrait d\u2019un discours oral formul\u00e9 par une tierce personne ou d\u2019un texte \u00e9crit. Styles avec palette de couleur L&rsquo;ic\u00f4ne de citation peut utiliser les couleurs illustratives. Exemple d&rsquo;utilisation Le portrait de l&rsquo;auteur, son nom et le d\u00e9tail de [&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-347","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/347","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=347"}],"version-history":[{"count":1,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":487,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/347\/revisions\/487"}],"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=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}