{"id":58,"date":"2021-01-26T14:55:24","date_gmt":"2021-01-26T14:55:24","guid":{"rendered":"https:\/\/inserm.xyz\/kb\/?post_type=docs&#038;p=58"},"modified":"2022-09-13T11:42:56","modified_gmt":"2022-09-13T11:42:56","slug":"comment-changer-lapparence-de-x","status":"publish","type":"post","link":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/?p=58","title":{"rendered":"Comment changer l&rsquo;apparence de [X] ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">L&rsquo;apparence d&rsquo;inserm.fr est g\u00e9r\u00e9e \u00e0 3 grands endroits, selon ce qu&rsquo;on cherche \u00e0 modifier. Cette page explique o\u00f9 g\u00e9rer quoi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tables-des-matieres\">Tables des mati\u00e8res<\/h2>\n\n\n\n<nav aria-label=\"Table des mati\u00e8res\" class=\"wp-block-table-of-contents\"><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#tables-des-matieres\">Tables des mati\u00e8res<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#en-bref\">En bref<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#dans-le-th\u00e8me\">Dans le th\u00e8me<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#dans-la-config-dun-plugin\">Dans la config d&rsquo;un plugin<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#dans-l\u00e9diteur-de-contenu-\">Dans l&rsquo;\u00e9diteur de contenu <\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#modifier-la-largeur-dun-page\">Modifier la largeur d&rsquo;un page<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/theme\/comment-changer-lapparence-de-x\/#modifier-un-bloc\">Modifier un bloc<\/a><\/li><\/ol><\/li><\/ol><\/nav>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"en-bref\">En bref<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-background\" style=\"background-color:#f3f4f5\"><thead><tr><th><em>Type d&rsquo;\u00e9l\u00e9ment \u00e0 modifier<\/em><\/th><th><em>O\u00f9 \u00e7a se passe<\/em><\/th><\/tr><\/thead><tbody><tr><td>Design global<\/td><td>Th\u00e8me Inserm<\/td><\/tr><tr><td>Fonctionnalit\u00e9 ajout\u00e9e par un plugin<\/td><td>Config du plugin <strong>OU<\/strong> Th\u00e8me Inserm<\/td><\/tr><tr><td>Item \u00e0 l&rsquo;int\u00e9rieur d&rsquo;un contenu<\/td><td>Contenu (mod\u00e8le de page, bloc) <strong>OU<\/strong> Config du plugin <strong>OU<\/strong> Th\u00e8me Inserm<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dans-le-th\u00e8me\">Dans le th\u00e8me<\/h2>\n\n\n\n<p class=\"has-pale-cyan-blue-background-color has-background wp-block-paragraph\">Le th\u00e8me d\u00e9termine si l&rsquo;apparence par d\u00e9faut est modifiable par l&rsquo;utilisateur. <strong>Dans de nombreux cas, les styles ont \u00e9t\u00e9 fig\u00e9s<\/strong>. <strong>L&rsquo;administrateur ne peut pas les modifier en back-office<\/strong>, m\u00eame si une interface d\u00e9di\u00e9e lui semble lui permettre de le faire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les \u00e9l\u00e9ments suivants r\u00e9v\u00e8lent du design global et sont modifiables aux endroits indiqu\u00e9s.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-background\" style=\"background-color:#f3f4f5\"><thead><tr><th><em>Header<\/em><\/th><th><em>G\u00e9r\u00e9 par<\/em><\/th><\/tr><\/thead><tbody><tr><td>Apparence g\u00e9n\u00e9rale<\/td><td>Th\u00e8me Inserm<\/td><\/tr><tr><td>Logos<\/td><td>Apparence &gt; Options du th\u00e8me<\/td><\/tr><tr><td>Bouton \u00ab\u00a0Faire un don\u00a0\u00bb<\/td><td>Apparence &gt; Menu (classe additionnelle CSS associ\u00e9e \u00e0 l&rsquo;item*)<\/td><\/tr><tr><td>Favicon<\/td><td>Apparence &gt; Personnaliser<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">* Pour afficher cette classe, il faut cocher une case dans \u00ab\u00a0Options de l&rsquo;\u00e9cran\u00a0\u00bb dans l&rsquo;\u00e9cran de gestion des Menus<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background\" style=\"background-color:#f3f4f5\"><thead><tr><th><em>Autres \u00e9l\u00e9ments transverses<\/em><\/th><th><em>G\u00e9r\u00e9 par<\/em><\/th><\/tr><\/thead><tbody><tr><td>Footer (hors contenu)<\/td><td>Th\u00e8me Inserm<\/td><\/tr><tr><td>Bouton \u00ab\u00a0Remonter en haut de page\u00a0\u00bb<\/td><td>Th\u00e8me Inserm<\/td><\/tr><tr><td>Bandeau \u00ab\u00a0Cookies\u00a0\u00bb<\/td><td>GDPR Cookie Consent + Th\u00e8me Inserm<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dans-la-config-dun-plugin\">Dans la config d&rsquo;un plugin<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les plugins suivant disposent d&rsquo;une interface pour configurer des styles. <\/p>\n\n\n\n<p class=\"has-pale-cyan-blue-background-color has-background wp-block-paragraph\">Ces interfaces ne sont pas 100% fonctionnelles : certaines parties ont un effet en front-office<span style=\"text-decoration: underline;\"><\/span>, d&rsquo;autres pas. Cela d\u00e9pend de ce qui a \u00e9t\u00e9 fig\u00e9 par le th\u00e8me.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background\" style=\"background-color:#f3f4f5\"><thead><tr><th><em>Plugin<\/em><\/th><th><em>Agit sur <\/em><\/th><th><em>O\u00f9 modifier l&rsquo;apparence<\/em><\/th><\/tr><\/thead><tbody><tr><td>GDPR cookie consent<\/td><td>Bandeau cookie<\/td><td>Config du plugin + dans le th\u00e8me<\/td><\/tr><tr><td><s>The Event Calendar<\/s><\/td><td><s>Contenu \u00c9v\u00e9nement<\/s><\/td><td><s>Juste dans le plugin<\/s><\/td><\/tr><tr><td>Tooltips<\/td><td>Infobulles du glossaire<\/td><td>Juste dans le th\u00e8me (malgr\u00e9 l&rsquo;interface)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"dans-l\u00e9diteur-de-contenu-\">Dans l&rsquo;\u00e9diteur de contenu <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modifier-la-largeur-dun-page\">Modifier la largeur d&rsquo;un page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La largeur de page se d\u00e9finit selon les \u00ab\u00a0<a href=\"https:\/\/developer.wordpress.org\/themes\/template-files-section\/page-template-files\/\">Mod\u00e8les de page<\/a>\u00a0\u00bb d\u00e9clar\u00e9s dans le th\u00e8me. L&rsquo;utilisateur peut changer cette largeur pour chaque contenu, en allant dans \u00ab\u00a0Mod\u00e8le de page\u00a0\u00bb dans les r\u00e9glages du contenu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modifier-un-bloc\">Modifier un bloc<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque bloc poss\u00e8de des r\u00e9glages qui permettent de changer son apparence. Les r\u00e9glages disponibles d\u00e9pendent du bloc concern\u00e9 et des fonctionnalit\u00e9s du th\u00e8me. Si un changement d&rsquo;apparence est disponible pour plusieurs blocs, c&rsquo;est qu&rsquo;il est g\u00e9r\u00e9 par le th\u00e8me.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-background\" style=\"background-color:#f3f4f5\"><thead><tr><th>Bloc<\/th><th>Origine du bloc<\/th><th>Modification de l&rsquo;apparence<\/th><\/tr><\/thead><tbody><tr><td>Blocs Inserm<\/td><td>d\u00e9veloppement custom (BeAPI)<\/td><td>R\u00e9glages du bloc + Th\u00e8me<\/td><\/tr><tr><td>Accord\u00e9on<\/td><td>Accordion block<\/td><td>R\u00e9glages du bloc + Th\u00e8me<\/td><\/tr><tr><td><s>Table des mati\u00e8res<\/s><\/td><td><s>GutenTOC<\/s><\/td><td><s>R\u00e9glage du bloc + Th\u00e8me (bride les r\u00e9glages)<\/s><\/td><\/tr><tr><td><s>Blocs \u00e9v\u00e9nements<\/s><\/td><td><s>TheEventCalendar<\/s><\/td><td><s>R\u00e9glage du bloc + styles du plugin<\/s><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><s><strong>GutenTOC<\/strong> : la plupart des styles sont fig\u00e9s, mais pas tous. Les r\u00e9glages du bloc sont accessibles, mais la plupart ne sont pas rendus en front.<\/s> Plugin supprim\u00e9 et remplac\u00e9 par du natif<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;apparence d&rsquo;inserm.fr est g\u00e9r\u00e9e \u00e0 3 grands endroits, selon ce qu&rsquo;on cherche \u00e0 modifier. Cette page explique o\u00f9 g\u00e9rer quoi. Tables des mati\u00e8res En bref Type d&rsquo;\u00e9l\u00e9ment \u00e0 modifier O\u00f9 \u00e7a se passe Design global Th\u00e8me Inserm Fonctionnalit\u00e9 ajout\u00e9e par un plugin Config du plugin OU Th\u00e8me Inserm Item \u00e0 l&rsquo;int\u00e9rieur d&rsquo;un contenu Contenu (mod\u00e8le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","_crdt_document":"","footnotes":""},"categories":[14],"tags":[42,39],"class_list":["post-58","post","type-post","status-publish","format-standard","hentry","category-theme","tag-custom","tag-tutoriel"],"_links":{"self":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=58"}],"version-history":[{"count":25,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":627,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/58\/revisions\/627"}],"wp:attachment":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}