{"id":516,"date":"2021-05-25T11:13:14","date_gmt":"2021-05-25T09:13:14","guid":{"rendered":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/?p=516"},"modified":"2024-07-05T14:01:09","modified_gmt":"2024-07-05T12:01:09","slug":"blocs-apparence","status":"publish","type":"post","link":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/2021\/05\/25\/blocs-apparence\/","title":{"rendered":"Blocs apparence"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Bloc <em>Bouton<\/em><\/h1>\n\n\n\n<p> Il permet de cr\u00e9er une ic\u00f4ne avec du texte associ\u00e9 \u00e0 un lien hypertexte.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\">Bloc bouton sans lien<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"http:\/\/www.ac-clermont.fr\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloc bouton vers le site du rectorat<\/a><\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Bloc <em>Colonnes<\/em><\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"289\" src=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_01.png\" alt=\"\" class=\"wp-image-521\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_01.png 695w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_01-300x125.png 300w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>Le bloc Colonnes permet de choisir la r\u00e9partition.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>Il permet \u00e9galement de choisir le type de bloc pour chaque colonne.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"417\" src=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_02.png\" alt=\"\" class=\"wp-image-522\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_02.png 904w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_colonne_02-300x138.png 300w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Bloc <em>Lire la suite<\/em><\/h1>\n\n\n\n<p>Le bloc <strong>Lire la suite<\/strong> est invisible lorsqu&rsquo;un article est ouvert. Son utilisation permet de limiter la longueur de l&rsquo;extrait d&rsquo;un article sur la page d&rsquo;accueil avec le th\u00e8me <em>Twenty Sixteen<\/em>. En revanche, il n&rsquo;est pas utile pour les sites qui utilisent le th\u00e8me <em>Customizr<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_lirelasuite.png\" alt=\"\" class=\"wp-image-533\" width=\"840\" height=\"54\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_lirelasuite.png 874w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_lirelasuite-300x20.png 300w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Apparence du bloc <em>Lire la suite<\/em> lors de l&rsquo;\u00e9dition<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><\/div><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Bloc <em>Saut de page<\/em><\/h1>\n\n\n\n<p>Le bloc <strong>Saut de page<\/strong> permet de scinder un article ou une page en deux pages distinctes.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>Positionn\u00e9 sous le paragraphe Bloc bouton&#8230;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"380\" src=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage.png\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage.png 859w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage-300x133.png 300w\" sizes=\"auto, (max-width: 859px) 100vw, 859px\" \/><figcaption>Positionnement du bloc <em>Saut de page<\/em> lors de l&rsquo;\u00e9dition<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"234\" src=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage02.png\" alt=\"\" class=\"wp-image-538\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage02.png 619w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_sautdepage02-300x113.png 300w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><figcaption>Apparence de l&rsquo;article lors de la consultation. Les chiffres <em>1<\/em> et <em>2<\/em> apparaissent \u00e0 l&#8217;emplacement du bloc <em>Saut de page<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>&#8230; il scinde l&rsquo;article et indique la pr\u00e9sence d&rsquo;une seconde page.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Bloc <em>S\u00e9parateur<\/em><\/h1>\n\n\n\n<p>Il cr\u00e9e un espacement mat\u00e9rialis\u00e9 par une fine ligne grise entre deux \u00e9l\u00e9ments.<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<figure class=\"wp-block-image size-large is-style-rounded\"><img decoding=\"async\" src=\"http:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2018\/12\/ekilby_lilac2.jpg\" alt=\"\" class=\"wp-image-240\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Bloc <em>Espacement<\/em><\/h1>\n\n\n\n<p>Il ins\u00e8re un espace entre deux blocs. Sa hauteur peut \u00eatre choisie. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"192\" src=\"http:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_espacement.png\" alt=\"\" class=\"wp-image-553\" srcset=\"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_espacement.png 865w, https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-content\/uploads\/sites\/32\/2021\/05\/bloc_espacement-300x67.png 300w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><figcaption>Insertion du bloc <em>Espacement<\/em><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bloc Bouton Il permet de cr\u00e9er une ic\u00f4ne avec du texte associ\u00e9 \u00e0 un lien hypertexte. Bloc Colonnes Le bloc Colonnes permet de choisir la r\u00e9partition. Il permet \u00e9galement de [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":{"0":"post-516","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-editeur-de-textes","8":"czr-hentry"},"_links":{"self":[{"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":1,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/posts\/516\/revisions\/1001"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/media\/621"}],"wp:attachment":[{"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitesdemo.ac-clermont.fr\/test-mediascolaire\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}