{"id":227,"date":"2015-07-21T11:19:49","date_gmt":"2015-07-21T09:19:49","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=227"},"modified":"2016-09-19T16:09:22","modified_gmt":"2016-09-19T14:09:22","slug":"ajoutpage","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/manips\/ajoutpage\/","title":{"rendered":"Ajouter\/\u00c9diter une page"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Ajouter une nouvelle page<\/a><\/li>\n<li><a href=\"#2\">Modifier une page : utiliser l&rsquo;\u00e9diteur<\/a><\/li>\n<li><a href=\"#4\">Comment g\u00e9rer les colonnes de ma page (pleine largeur, barre lat\u00e9rale \u00e0 gauche ou \u00e0 droite,&#8230;) ?<\/a><\/li>\n<li><a href=\"#3\">Supprimer une page<\/a><\/li>\n<\/ul>\n<h3><a name=\"1\"><\/a>Ajouter une nouvelle page<\/h3>\n<p>Pour cr\u00e9er une nouvelle page, l&rsquo;op\u00e9ration peut paraitre simple : allez sur <b>Pages<\/b> ><b>Toutes les pages<\/b>, et cliquez sur le bouton <b>Ajouter<\/b> (ou directement sur <i>Ajouter<\/i> sous <b>Pages<\/b>).<br \/>\nMais il vaut mieux prendre des pr\u00e9cautions ensuite pour ne pas avoir \u00e0 revenir sans arr\u00eat en modification sur cette page pour corriger des d\u00e9tails que l&rsquo;on aurait pu anticiper&#8230;<\/p>\n<p>Tout d&rsquo;abord, il faut savoir que WordPress va utiliser le contenu saisi dans le champ titre pour construire l&rsquo;URL de la page (en rempla\u00e7ant les espaces et autres caract\u00e8res sp\u00e9ciaux par des tirets). Cela peut ne pas \u00eatre tr\u00e8s joli, surtout si le titre est long&#8230;<br \/>\nOn proc\u00e8dera donc plut\u00f4t ainsi :<\/p>\n<ul>\n<li>dans le champ <i>Saisissez votre titre ici<\/i>, saissez <u>uniquement<\/u> la chaine que vous voulez voir apparaitre comme identifiant de la page dans l&rsquo;URL : pour la page dont le titre sera \u00ab\u00a0<i>Curriculum Vitae<\/i>\u00a0\u00bb par exemple, nous saisirons donc simplement : <b>cv<\/b>, une mani\u00e8re simple et facile \u00e0 m\u00e9moriser d&rsquo;exprimer la m\u00eame id\u00e9e.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-0.png\" alt=\"ajouter page 0\" \/>\n<\/div>\n<\/li>\n<li>enregistrez tout de suite en cliquant sur <b>Enregistrer brouillon<\/b>.<\/li>\n<li>vous voyez maintenant apparaitre sous le champ titre la mention du <b>Permalien<\/b> qui servira \u00e0 adresser la page sur le web :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-1.png\" alt=\"ajouter page 1\" \/>\n<\/div>\n<\/li>\n<li>remplacez maintenant le contenu du champ titre par le titre complet :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-2.png\" alt=\"ajouter page 2\" \/>\n<\/div>\n<\/li>\n<li>et cliquez sur <b>Publier<\/b> dans le pav\u00e9 de droite :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-4.png\" alt=\"ajouter page 4\" \/>\n<\/div>\n<\/li>\n<li>vous constatez que le Permalien ne change pas, ce qui est important pour ne pas perturber l&rsquo;indexation de vos pages si vous \u00eates tent\u00e9s d&rsquo;en modifier un jour le titre&#8230;<\/li>\n<li>(vous pouvez cependant bien s\u00fbr aussi le modifier en cliquant dessus&#8230;)<\/li>\n<\/ul>\n<p>Pour saisir le corps du texte, vous disposez d&rsquo;<a href=\"\/infodoc\/manips\/editeur\/\">un \u00e9diteur<\/a>, dont l&rsquo;usage est tr\u00e8s classique et pour lequel nous vous donnons quelques liens <a href=\"\/infodoc\/manips\/editeur\/\">ici<\/a>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/editeur-1.png\" alt=\"\u00e9diteur\" \/>\n<\/div>\n<p>A vous de composer ce texte, <a href=\"\/infodoc\/manips\/regles-de-composition\/\">en respectant toutefois quelques r\u00e8gles pour en faciliter la lecture<\/a>.<\/p>\n<p>La derni\u00e8re chose importante est de r\u00e9gler 2 attributs de la page :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/attributs-page-1.png\" alt=\"attributs de page\" \/>\n<\/div>\n<ol>\n<li>tout d&rsquo;abord, d\u00e9crire la position de la page dans la hi\u00e9rarchie des pages :\n<ul>\n<li>si la page est une page de premier niveau, qui doit apparaitre dans le menu haut comme un titre de rubrique, choisissez : <i>(pas de parent)<\/i><\/li>\n<li>si la page est une sous-page (ou <i>page fille<\/i>) dans la hi\u00e9rarchie des pages, choisissez dans le menu son parent dans la hi\u00e9rarchie.<\/li>\n<\/ul>\n<p><\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/attributs-page-2.png\" alt=\"attributs de page\" \/>\n<\/div>\n<\/li>\n<li>la seconde chose \u00e0 s\u00e9lectionner concerne la construction finale de la page : le <b>mod\u00e8le<\/b> de page. Avec le th\u00e8me choisi, vous avez 2 choix (2 templates) possibles :\n<ul>\n<li><b>Mod\u00e8le par d\u00e9faut<\/b> : ce mod\u00e8le est compos\u00e9 de 2 colonnes, la colonne principale qui contient le corps du texte que vous venez de saisir, et \u00e0 sa droite une barre lat\u00e9rale fixe contenant les widgets que vous avez manipul\u00e9s dans la <a href=\"\/infodoc\/tutoriel\/lecon1\/\">Le\u00e7on1<\/a>.\n<\/li>\n<li><b>Full-width(no sidebar)<\/b> : comme son nom l&rsquo;indique, ce mod\u00e8le est d\u00e9barass\u00e9 de la barre lat\u00e9rale et pr\u00e9sente donc le corps du texte sur toute la largeur de la page. Il est donc \u00e0 privil\u00e9gier pour les pages contenant beaucoup de texte.\n<\/li>\n<\/ul>\n<p><\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/attributs-page-3.png\" alt=\"attributs de page\" \/>\n<\/div>\n<\/li>\n<\/ol>\n<h3><a name=\"2\"><\/a>Modifier une page : utiliser l&rsquo;\u00e9diteur<\/h3>\n<p>Ces manipulations sont g\u00e9n\u00e9ralement intuitives et largement d\u00e9crites sur le site de WordPress, et la pr\u00e9sentation de l&rsquo;\u00e9diteur \u00e9volue dans le temps : nous vous donnons quelques conseils basiques sur la <a href=\"\/infodoc\/manips\/editeur\/\">page d\u00e9di\u00e9e \u00e0 l&rsquo;\u00e9diteur<\/a>, mais n&rsquo;h\u00e9sitez pas \u00e0 vous r\u00e9f\u00e9rer aux <a href=\"\/infodoc\/manips\/editeur\/#3\">pages officielles<\/a> pour des questions plus pointues.<\/p>\n<p>Pour faire apparaitre une page ou un article dans l&rsquo;\u00e9diteur :<\/p>\n<ul>\n<li>en tout \u00e9tat de cause, il faut que vous soyez connect\u00e9 !<\/li>\n<li>si vous \u00eates sur le tableau de bord :\n<ul>\n<li>passez la souris sur Articles ou Pages et s\u00e9lectionnez <i>Tous les Articles<\/i> (resp. <i>Toutes les pages<\/i>).<\/li>\n<li>dans la liste qui apparait, passez la souris sur l&rsquo;\u00e9l\u00e9ment qui vous int\u00e9resse : vous voyez apparaitre sous l&rsquo;\u00e9l\u00e9ment un certain nombre d&rsquo;actions que vous pouvez lui appliquer.<\/li>\n<li>s\u00e9lectionnez l&rsquo;action <i>Modifier<\/i><\/li>\n<\/ul>\n<\/li>\n<li>si vous \u00eates en mode visualisation d&rsquo;une page, vous verrez apparaitre un bouton \u00ab\u00a0\u00c9dition\u00a0\u00bb <b>en fin de page (\u00e0 gauche)<\/b>.<\/li>\n<li>si vous \u00eates en mode visualisation du blog ou d&rsquo;un article, vous verrez apparaitre un bouton \u00ab\u00a0\u00c9dition\u00a0\u00bb <b>sous le titre de chaque article<\/b>.<\/li>\n<\/ul>\n<p>\u00e0 compl\u00e9ter&#8230;<\/p>\n<h3><a name=\"4\"><\/a>Comment g\u00e9rer les colonnes de ma page (pleine largeur, barre lat\u00e9rale \u00e0 gauche ou \u00e0 droite,&#8230;) ?<\/h3>\n<p>Si vous consultez les pages du mod\u00e8le par d\u00e9faut qui vous a \u00e9t\u00e9 fourni, vous constaterez que certaines (CV, \u00c9quipe,&#8230;) ont une barre lat\u00e9rale \u00e0 droite, et d&rsquo;autres (Publis, Projets,&#8230;) sont en pleine largeur.<br \/>\nVous pouvez \u00e0 tout moment modifier cela : <\/p>\n<ul>\n<li>placez-vous en mode modification de page (voir plus haut).<\/li>\n<li>dans la barre de droite, s\u00e9lectionnez <i>Mod\u00e8le par d\u00e9faut<\/i> dans le menu d\u00e9roulant <i>Mod\u00e8le<\/i>.<\/li>\n<li>sous le cadre de l&rsquo;\u00e9diteur, vous avez un bloc (bizarrement en anglais&#8230;) contenant un menu d\u00e9roulant : <i>Select layout for this specific Page only<\/i>.<\/li>\n<li>choisissez la position de la barre lat\u00e9rale (<i>right ou left sidebar<\/i>) ou la pleine largeur (<i>Full Width<\/i>).<\/li>\n<\/ul>\n<h3><a name=\"3\"><\/a>Supprimer une page<\/h3>\n<p>\u00e0 compl\u00e9ter&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Ajouter une nouvelle page<\/a><\/li>\n<li><a href=\"#2\">Modifier une page : utiliser l&rsquo;\u00e9diteur<\/a><\/li>\n<li><a href=\"#4\">Comment g\u00e9rer les colonnes de ma page (pleine largeur, barre lat\u00e9rale \u00e0 gauche ou \u00e0 droite,&#8230;) ?<\/a><\/li>\n<li><a href=\"#3\">Supprimer une page<\/a><\/li>\n<\/ul>\n<p><a name=\"1\"><\/a>Ajouter une nouvelle page<\/p>\n<p>Pour cr\u00e9er une nouvelle page, l&rsquo;op\u00e9ration peut paraitre simple : allez sur Pages Toutes les pages, et cliquez sur le bouton Ajouter (ou directement sur <i>Ajouter<\/i> sous Pages).<br \/>\nMais il vaut mieux prendre des pr\u00e9cautions ensuite pour ne pas avoir \u00e0 revenir sans arr\u00eat en modification sur cette page pour corriger des d\u00e9tails que l&rsquo;on aurait pu anticiper&#8230;<\/p>\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-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/227","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=227"}],"version-history":[{"count":17,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/227\/revisions\/1308"}],"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=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}