{"id":697,"date":"2015-08-27T17:07:35","date_gmt":"2015-08-27T15:07:35","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=697"},"modified":"2016-09-19T15:53:32","modified_gmt":"2016-09-19T13:53:32","slug":"lecon5","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/tutoriel\/lecon5\/","title":{"rendered":"Le\u00e7on5 : les articles"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#5\">Supprimer un article<\/a><\/li>\n<li><a href=\"#2\">Cr\u00e9er un nouvel article<\/a><\/li>\n<li><a href=\"#3\">Activer\/D\u00e9sactiver le blog comme page d&rsquo;accueil<\/a><\/li>\n<li><a href=\"#4\">Ajouter au menu une page de cat\u00e9gorie<\/a><\/li>\n<\/ul>\n<h3><a name=\"1\"><\/a>Introduction<\/h3>\n<ul>\n<li>un <a href=\"\/infodoc\/faq\/faq5\/#articles1\"><b><i>Article<\/i><\/b><\/a> est un contenu sensiblement diff\u00e9rent d&rsquo;une <a href=\"\/infodoc\/faq\/faq5\/#pages1\"><b><i>Page<\/i><\/b><\/a>, tant par la nature de son contenu (dat\u00e9e : actualit\u00e9, annonce,&#8230; et typ\u00e9e : billet d&rsquo;humeur, news,&#8230;), que par sa forme : g\u00e9n\u00e9ralement courts et peu structur\u00e9s (1 titre et 1 contenu), ils peuvent cependant renvoyer vers des pages plus \u00e9toff\u00e9es.<\/li>\n<li>le mode d&rsquo;affichage privil\u00e9gi\u00e9 des <a href=\"\/infodoc\/faq\/faq5\/#articles1\"><b><i>Articles<\/i><\/b><\/a> est le <a href=\"\/infodoc\/faq\/faq5\/#articles1\"><b><i>Blog<\/i><\/b><\/a>, pr\u00e9sent\u00e9 sous la forme d&rsquo;une liste ant\u00e9chronologique d&rsquo;articles (constituant ainsi un fil d&rsquo;actualit\u00e9s).<\/li>\n<li>il est d&rsquo;usage sur un site WordPress de placer cette page de blog, rassemblant les derniers articles, en page d&rsquo;accueil du site. Nous allons voir <a href=\"#3\">comment remplacer la page actuelle par cette page de blog<\/a>.<\/li>\n<li>la caract\u00e9ristique la plus int\u00e9ressante des Articles dans WordPress est de pouvoir \u00eatre caract\u00e9ris\u00e9s (ou <i>marqu\u00e9s<\/i>) par des Cat\u00e9gories et des Tags.<\/li>\n<li>cela permet ensuite de cr\u00e9er des pages dynamiques qui rassembleront, class\u00e9s de mani\u00e8re ant\u00e9chronologique, l&rsquo;ensemble des articles d&rsquo;une <b>Cat\u00e9gorie<\/b> : par exemple, en marquant par la cat\u00e9gorie S\u00e9minaire toutes les annonces de s\u00e9minaires que vous ajouterez \u00e0 votre <b>Blog<\/b>, vous pourrez ajouter tr\u00e8s facilement dans vos menus une page \u00ab\u00a0<b>S\u00e9minaires<\/b>\u00a0\u00bb qui rassemblera tous vos s\u00e9minaires (voir <a href=\"#4\">plus loin<\/a>).<\/li>\n<\/ul>\n<h3><a name=\"5\"><\/a>Supprimer un article<\/h3>\n<ul>\n<li>sur votre <b>Tableau de bord<\/b>, allez sur <b>Articles<\/b> &gt; <b>Tous les articles<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-02.png\" alt=\"supprimer un article\" \/><\/div>\n<\/li>\n<li>la liste des articles qui apparait n&rsquo;est pas vide : l&rsquo;article par d\u00e9faut du blog WordPress est : \u00ab\u00a0Hello tout le monde !\u00a0\u00bb<\/li>\n<li>pour supprimer cet article par d\u00e9faut, passez la souris sur le titre : vous faites apparaitre les diff\u00e9rentes options applicables. Cliquez sur <b>Mettre \u00e0 la Corbeille<\/b>\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-04.png\" alt=\"supprimer un article\" \/><\/div>\n<\/li>\n<li>\u00e0 ce stade, l&rsquo;article n&rsquo;est pas d\u00e9finitivement supprim\u00e9, il a simplement \u00e9t\u00e9 mis de c\u00f4t\u00e9 et ne sera plus publi\u00e9 sur votre Blog.<\/li>\n<li>cliquez sur la Corbeille (qui affiche 1 \u00e9l\u00e9ment) :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-06.png\" alt=\"supprimer un article\" \/><\/div>\n<\/li>\n<li>vous pouvez maintenant soit le r\u00e9cup\u00e9rer, soit le supprimer d\u00e9finitivement\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-08.png\" alt=\"supprimer un article\" \/><\/div>\n<\/li>\n<\/ul>\n<h3><a name=\"2\"><\/a>Cr\u00e9er un nouvel article<\/h3>\n<ul>\n<li>pour cr\u00e9er un <b>Article<\/b>, sur votre <b>Tableau de bord<\/b>, allez sur <b>Articles<\/b> &gt; <b>Tous les articles<\/b>, et cliquez sur <b>Ajouter<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-10.png\" alt=\"cr\u00e9er un article 1\" \/><\/div>\n<\/li>\n<li>le formulaire de saisie est sensiblement le m\u00eame que lors de la saisie d&rsquo;une <b>Page<\/b>, mais on peut observer quelques diff\u00e9rences fondamentales :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-12.png\" alt=\"cr\u00e9er un article 2\" \/>\n<\/div>\n<ol>\n<li>la zone de d&rsquo;attribution du <b>Permalien<\/b> n&rsquo;existe pas : l&rsquo;acc\u00e8s direct et individuel \u00e0 l&rsquo;<b>Article<\/b> n&rsquo;est pas privil\u00e9gi\u00e9 : c&rsquo;est un \u00e9l\u00e9ment marqu\u00e9 dans le temps qu&rsquo;on aura souvent tendance \u00e0 supprimer une fois l&rsquo;\u00e9v\u00e9nement pass\u00e9. On ne porte donc pas une attention particuli\u00e8re \u00e0 son nommage.<\/li>\n<li>la barre lat\u00e9rale des options est tr\u00e8s diff\u00e9rente : il n&rsquo;y a plus la notion de position hi\u00e9rarchique comme dans une <b>Page<\/b> (pas de parent), ni la possibilit\u00e9 de choisir son mod\u00e8le de pr\u00e9sentation. Par contre, de nouvelles notions apparaissent : Format, Cat\u00e9gorie, \u00c9tiquette.<\/li>\n<\/ol>\n<\/li>\n<li>commen\u00e7ons par cr\u00e9er des cat\u00e9gories qui nous serviront \u00e0 trier nos <b>Articles<\/b> (la cat\u00e9gorie Actualit\u00e9 existe par d\u00e9faut) : Annonce, S\u00e9minaire, Colloque, Ev\u00e9nement, Perso,&#8230; : il suffit pour cela de cliquer sur <b>+ Ajouter une nouvelle cat\u00e9gorie<\/b>, la manipulation est triviale.<\/li>\n<li>vous pouvez hi\u00e9rarchiser vos Cat\u00e9gories pour cr\u00e9er un embryon de th\u00e9saurus<\/li>\n<li>maintenant, nous allons ajouter 2 <b>Articles<\/b>, dans 2 <b>Cat\u00e9gories<\/b> diff\u00e9rentes :\n<ol>\n<li><u>un colloque<\/u> : entrez le titre (1), la description (2), puis cochez la (ou les) cat\u00e9gorie (3), et enfin, cliquez sur le bouton <b>Publier<\/b> (4) pour enregistrer l&rsquo;article en le rendant visible :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-14.png\" alt=\"cr\u00e9er un article 3\" \/>\n<\/div>\n<\/li>\n<li>et <u>une annonce personnelle<\/u> : faites de m\u00eame en s\u00e9lectionnant cette fois la cat\u00e9gorie \u00ab\u00a0Perso\u00a0\u00bb :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-16.png\" alt=\"cr\u00e9er un article 4\" \/>\n<\/div>\n<\/li>\n<\/ol>\n<\/li>\n<li>dans le Tableau de bord listant les <b>Articles<\/b> vous pourrez visualiser chaque <b>Article<\/b> individuellement.\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-18.png\" alt=\"cr\u00e9er un article 5\" \/>\n<\/div>\n<\/li>\n<li>mais pour l&rsquo;instant, ces articles n&rsquo;apparaissent au visiteur dans aucune <b>Page<\/b>&#8230;<\/li>\n<\/ul>\n<h3><a name=\"3\"><\/a>Activer\/D\u00e9sactiver le blog comme page d&rsquo;accueil<\/h3>\n<ul>\n<li>selon la version du mod\u00e8le de site que nous vous avons livr\u00e9, votre page d&rsquo;accueil est une simple Page (par exemple la page de CV ou la page Recherche : mod\u00e8le 0.1 ou 1.1), ou bien un blog (une collection d&rsquo;Articles : mod\u00e8le 1.0)<\/li>\n<li>un <b>Blog<\/b> est un type sp\u00e9cial de page que WordPress va vous construire automatiquement en pr\u00e9sentant tous les <b>Articles<\/b> s\u00e9lectionn\u00e9s dans un ordre ant\u00e9chronologique.<\/li>\n<li>pour passer d&rsquo;un type de page d&rsquo;accueil \u00e0 l&rsquo;autre, rien de plus simple : rendez vous dans votre <b>Tableau de Bord<\/b> sur <b>R\u00e9glages<\/b> > <b>Lecture<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-20.png\" alt=\"utiliser le blog 1\" \/>\n<\/div>\n<\/li>\n<li>dans l&rsquo;option <b><i>La page d&rsquo;accueil affiche<\/i><\/b>, remplacez \u00ab\u00a0<i>une page statique<\/i>\u00a0\u00bb\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-22.png\" alt=\"utiliser le blog 2\" \/>\n<\/div>\n<p>par \u00ab\u00a0<i>Les derniers articles<\/i>\u00a0\u00bb :<\/p>\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-24.png\" alt=\"utiliser le blog 3\" \/>\n<\/div>\n<p>et modifiez \u00e9ventuellement les options du <b>Blog<\/b> : nombre d&rsquo;articles par page, etc.\n<\/li>\n<li>pour vous d\u00e9barasser du blog, faites l&rsquo;op\u00e9ration inverse et choisissez l&rsquo;une des pages existantes comme page d&rsquo;accueil<\/li>\n<li>enregistrez les modifications :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-26.png\" alt=\"utiliser le blog 3\" \/>\n<\/div>\n<\/li>\n<li>voici ce que vous obtenez si vous visualisez maintenant la page d&rsquo;accueil du blog (https:\/\/members.loria.fr\/totor\/) :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-27.png\" alt=\"utiliser le blog 3\" \/>\n<\/div>\n<\/li>\n<li>Le design par d\u00e9faut de la page peut paraitre un peu lourd (la couleur de fond des titres et des boutons, l&rsquo;espacement important des articles,&#8230;). C&rsquo;est un des gros d\u00e9faut du th\u00e8me choisi, la structuration des templates est peu discrimante et ne propose pas par d\u00e9faut beaucoup de variations. Nous verrons dans le <a href=\"\/infodoc\/tutoriel\/lecon6\/\">Tutoriel 6<\/a> comment contourner ce probl\u00e8me pour relooker ces pages \u00e0 votre go\u00fbt.<\/li>\n<\/ul>\n<h3><a name=\"4\"><\/a>Ajouter au menu une page de cat\u00e9gorie<\/h3>\n<ul>\n<li>derni\u00e8re manipulation avec nos articles : nous allons voir comment cr\u00e9er des pages dynamiques qui pr\u00e9senteront des listes d&rsquo;articles s\u00e9lectionn\u00e9s selon un crit\u00e8re de <b>Cat\u00e9gorie<\/b> ou d&rsquo;<b>\u00c9tiquette<\/b>.<\/li>\n<li>par exemple, je souhaite avoir une <b>Page<\/b>, avec une pr\u00e9sentation dans le m\u00eame style que mon <b>Blog<\/b>, mais qui ne pr\u00e9sentera QUE les articles qui ont \u00e9t\u00e9 marqu\u00e9s de la cat\u00e9gorie <b><i>Perso<\/i><\/b>. <\/li>\n<li>dans votre Tableau de bord, s\u00e9lectionnez <b>Apparence<\/b> > <b>Menus<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-29.png\" alt=\"page de cat\u00e9gorie 1\" \/>\n<\/div>\n<\/li>\n<li>dans la colonne de gauche de l&rsquo;onglet <b>Modifier les menus<\/b>, d\u00e9roulez l&rsquo;option <b>Cat\u00e9gories<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-31.png\" alt=\"page de cat\u00e9gorie 2\" \/>\n<\/div>\n<\/li>\n<li>cochez la cat\u00e9gorie <b>Perso<\/b>, puis cliquez sur <b>Ajouter au menu<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-33.png\" alt=\"page de cat\u00e9gorie 3\" \/>\n<\/div>\n<\/li>\n<li>on voit apparaitre dans la colonne de droite un nouvel \u00e9l\u00e9ment de menu, appel\u00e9 <b>Perso<\/b> et de type <b>Cat\u00e9gorie<\/b>. Mais attention ! Il existait d\u00e9j\u00e0 un \u00e9l\u00e9ment de menu, de type <b>Page<\/b> (voir juste au-dessus). En d\u00e9roulant le nouvel \u00e9l\u00e9ment, nous allons le renommer <b>Mes annonces<\/b>, et le d\u00e9clarer comme sous-\u00e9l\u00e9ment de <b>Perso<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-35.png\" alt=\"page de cat\u00e9gorie 4\" \/>\n<\/div>\n<\/li>\n<li>une fois ces modifications r\u00e9alis\u00e9es, voici le r\u00e9sultat :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-36.png\" alt=\"page de cat\u00e9gorie 5\" \/>\n<\/div>\n<\/li>\n<li>n&rsquo;oubliez pas <b>d&rsquo;enregistrer les modifications<\/b> du menu (bouton bleu en bas de page)<\/li>\n<li>voici le r\u00e9sultat : en d\u00e9roulant le menu <b>Perso<\/b>, on acc\u00e8de \u00e0 la page de la <b>Cat\u00e9gorie<\/b>, qui en pr\u00e9sente l&rsquo;ensemble des <b>Articles<\/b> :\n<div class=\"encadre\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/articles-37.png\" alt=\"page de cat\u00e9gorie 6\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<\/p>\n<div class=\"vert-align\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/fleche-droite-1.png\" alt=\"fleche\" \/><a href=\"\/infodoc\/tutoriel\/lecon6\/\">Passer \u00e0 la Le\u00e7on6<\/a><\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#5\">Supprimer un article<\/a><\/li>\n<li><a href=\"#2\">Cr\u00e9er un nouvel article<\/a><\/li>\n<li><a href=\"#3\">Activer\/D\u00e9sactiver le blog comme page d&rsquo;accueil<\/a><\/li>\n<li><a href=\"#4\">Ajouter au menu une page de cat\u00e9gorie<\/a><\/li>\n<\/ul>\n<p><a name=\"1\"><\/a>Introduction<\/p>\n<ul>\n<li>un <a href=\"\/infodoc\/faq\/faq5\/#articles1\"><i>Article<\/i><\/a> est un contenu sensiblement diff\u00e9rent d&rsquo;une <a href=\"\/infodoc\/faq\/faq5\/#pages1\"><i>Page<\/i><\/a>, tant par la nature de son contenu (dat\u00e9e : actualit\u00e9, annonce,&#8230; et typ\u00e9e : billet d&rsquo;humeur, news,&#8230;), que par sa forme : g\u00e9n\u00e9ralement courts et peu structur\u00e9s (1 titre et 1 contenu), ils peuvent cependant renvoyer vers des pages plus \u00e9toff\u00e9es.<\/li>\n<\/ul>\n","protected":false},"author":5,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-697","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/697","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=697"}],"version-history":[{"count":43,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":1301,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/697\/revisions\/1301"}],"up":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}