{"id":366,"date":"2015-08-07T09:23:09","date_gmt":"2015-08-07T07:23:09","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=366"},"modified":"2016-09-19T16:02:31","modified_gmt":"2016-09-19T14:02:31","slug":"modele","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/manips\/modele\/","title":{"rendered":"Description du mod\u00e8le"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#2\">Architecture d&rsquo;une page<\/a><\/li>\n<\/ul>\n<h3><a name=\"1\"><\/a>Introduction<\/h3>\n<p>L&rsquo;usage d&rsquo;un CMS permet d&rsquo;automatiser la mise en forme des pages web : c&rsquo;est le <a href=\"\/infodoc\/faq\/faq1\/#4\"><b><i>th\u00e8me<\/i><\/b><\/a> (<i>skin<\/i> en anglais), compos\u00e9 de <a href=\"\/infodoc\/faq\/faq1\/#5\"><b><i>templates<\/i><\/b><\/a> et de <a href=\"\/infodoc\/faq\/faq1\/#6\"><b><i>feuilles de style<\/i><\/b><\/a> (CSS), qui d\u00e9crit l&rsquo;apparence que doivent avoir les pages du site.<br \/>\n(voir des <b>d\u00e9finitions plis compl\u00e8tes<\/b> de tous ces \u00e9l\u00e9ments dans la <a href=\"\/infodoc\/faq\/faq1\/\">FAQ1: d\u00e9finitions<\/a>)<\/p>\n<ul>\n<li>le <a href=\"\/infodoc\/faq\/faq1\/#5\"><b><i>template<\/i><\/b><\/a> d\u00e9crit la structure (le <i>code HTML<\/i>) commune des pages, en d\u00e9finissant des <b>slots<\/b>, emplacements destin\u00e9s \u00e0 recevoir des donn\u00e9es en r\u00e9ponse \u00e0 une requ\u00eate.<\/li>\n<li>la <a href=\"\/infodoc\/faq\/faq1\/#6\"><b><i>feuille de style<\/i><\/b><\/a> affecte des valeurs sp\u00e9cifiques aux diff\u00e9rents \u00e9l\u00e9ments de style (balises, classes, ou identifiants) utilis\u00e9s dans le template<\/li>\n<\/ul>\n<p>Pour la restitution d&rsquo;une page, le logiciel WordPress va venir ins\u00e9rer des contenus provenant de sa base de donn\u00e9es dans les <a href=\"\/infodoc\/faq\/faq1\/#7\"><b><i>slots<\/i><\/b><\/a> du <a href=\"\/infodoc\/faq\/faq1\/#5\"><b><i>template<\/i><\/b><\/a> pr\u00e9vus \u00e0 cet effet.<\/p>\n<h3><a name=\"2\"><\/a>Architecture d&rsquo;une page<\/h3>\n<ul>\n<li>les pages de votre nouveau site ont une structure commune, d\u00e9riv\u00e9e d&rsquo;un th\u00e8me standard de WordPress (Sparkling), et d\u00e9clin\u00e9e en 2 versions (LORIA et Inria NGE) qui ne diff\u00e8rent que par les couleurs des encadr\u00e9s et polices et par la disposition du bandeau de logos. Il vous est bien s\u00fbr possible de modifier ces \u00e9l\u00e9ments (voir les tutos), mais restez vigilants au respect des chartes graphiques impos\u00e9es pour les logos (tailles minimales, couleur de fond,&#8230;). Les services Communication de nos \u00e9tablissements sont \u00e0 votre disposition si vous faites partie d&rsquo;une \u00e9quipe qui n&rsquo;entre pas dans ce cadre, et demande une modification sp\u00e9cifique de ce bandeau.<\/li>\n<li>le site propos\u00e9 est tr\u00e8s simple : une page (1) est compos\u00e9e de 3 blocs, dispos\u00e9s les uns en dessous des autres :\n<ol>\n<li>le haut de page (2)<\/li>\n<li>le corps de page (3)<\/li>\n<li>le pied de page (5)<\/li>\n<\/ol>\n<\/li>\n<li>le haut de page contient lui-m\u00eame 2 sous-blocs :\n<ul>\n<li>le titre du site (6)<\/li>\n<li>le menu principal (7)<\/li>\n<\/ul>\n<\/li>\n<li>le corps de page contient lui aussi 2 sous-blocs :\n<ul>\n<li>le corps de texte (12)<\/li>\n<li>la barre lat\u00e9rale (4), qui peut \u00eatre pr\u00e9sente ou non sur une page.<br \/>\nElle contient plusieurs <a href=\"\/infodoc\/faq\/faq1\/#7\"><b><i>slots<\/i><\/b><\/a> pour y ins\u00e9rer des <a href=\"\/infodoc\/faq\/faq1\/#8\"><b><i>widgets<\/i><\/b><\/a>. Ici :<\/p>\n<ul>\n<li>un <a href=\"\/infodoc\/faq\/faq1\/#8\"><b><i>widget<\/i><\/b><\/a> de recherche sur le site (8)<\/li>\n<li>un <a href=\"\/infodoc\/faq\/faq1\/#8\"><b><i>widget<\/i><\/b><\/a> \u00ab\u00a0carte d&rsquo;identit\u00e9\u00a0\u00bb (9)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>le pied de page contient 2 sous-blocs :\n<ul>\n<li>le menu secondaire (10)<\/li>\n<li>les mentions l\u00e9gales (11)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/modele-2.png\" alt=\"mod\u00e8le de page\" \/>\n<\/div>\n<p>Vous trouverez dans les diff\u00e9rents tutoriels tous les \u00e9l\u00e9ments pour modifier chacune de ces sections, ou pour adapter la feuille de style pour personnaliser chaque \u00e9l\u00e9ment : le th\u00e8me vous propose en effet de cr\u00e9er une feuille de style locale \u00e0 votre site, directement dans votre interface d&rsquo;administration et charg\u00e9e apr\u00e8s les feuilles de style communes, de mani\u00e8re \u00e0 surcharger les d\u00e9finitions de style courantes. Vous pourrez ainsi par exemple modifier la pr\u00e9sentation de votre page de blog (voir <a href=\"\/infodoc\/tutoriel\/lecon6\/#3\">le tuto 6<\/a>) ou votre page de publications.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#2\">Architecture d&rsquo;une page<\/a><\/li>\n<\/ul>\n<p><a name=\"1\"><\/a>Introduction<\/p>\n<p>L&rsquo;usage d&rsquo;un CMS permet d&rsquo;automatiser la mise en forme des pages web : c&rsquo;est le <a href=\"\/infodoc\/faq\/faq1\/#4\"><i>th\u00e8me<\/i><\/a> (<i>skin<\/i> en anglais), compos\u00e9 de <a href=\"\/infodoc\/faq\/faq1\/#5\"><i>templates<\/i><\/a> et de <a href=\"\/infodoc\/faq\/faq1\/#6\"><i>feuilles de style<\/i><\/a> (CSS), qui d\u00e9crit l&rsquo;apparence que doivent avoir les pages du site.<br \/>\n(voir des d\u00e9finitions plis compl\u00e8tes de tous ces \u00e9l\u00e9ments dans la <a href=\"\/infodoc\/faq\/faq1\/\">FAQ1: d\u00e9finitions<\/a>)<\/p>\n<ul>\n<li>le <a href=\"\/infodoc\/faq\/faq1\/#5\"><i>template<\/i><\/a> d\u00e9crit la structure (le <i>code HTML<\/i>) commune des pages,<\/li>\n<\/ul>\n","protected":false},"author":5,"featured_media":0,"parent":214,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":16,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/366\/revisions\/1304"}],"up":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/214"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}