{"id":357,"date":"2015-08-06T16:08:48","date_gmt":"2015-08-06T14:08:48","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=357"},"modified":"2016-09-19T15:43:49","modified_gmt":"2016-09-19T13:43:49","slug":"lecon3","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/tutoriel\/lecon3\/","title":{"rendered":"Le\u00e7on3 : modifier son CV (les Pages)"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Pr\u00e9ambule<\/a><\/li>\n<li><a href=\"#2\">Cr\u00e9er la page<\/a><\/li>\n<li><a href=\"#5\">R\u00e9pertorier la page<\/a><\/li>\n<li><a href=\"#3\">Modifier la page CV<\/a>\n<ul>\n<li><a href=\"#5\">Le titre<\/a><\/li>\n<li><a href=\"#6\">Le corps du texte<\/a><\/li>\n<li><a href=\"#7\">L&rsquo;extension <i>skillwrapper<\/i><\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#8\">Attributs de la page<\/a><\/li>\n<li><a href=\"#9\">\u00c9tat de publication<\/a><\/li>\n<li><a href=\"#4\">Supprimer une page<\/a><\/li>\n<\/ul>\n<h3><a name=\"1\"><\/a>Pr\u00e9ambule<\/h3>\n<p>Il est temps maintenant de passer aux choses s\u00e9rieuses et d&rsquo;apprendre \u00e0 saisir de nouvelles informations dans l&rsquo;objet le plus important du site : les <b>Pages<\/b>.<\/p>\n<p>Nous allons utiliser pour cela une page que la plupart d&rsquo;entre vous voudront voir sur leur site, et dont la structure est g\u00e9n\u00e9ralement assez commune : le Curriculum Vitae.<\/p>\n<p>D&rsquo;abord quelques d\u00e9finitions et \u00e9l\u00e9ments techniques pour mettre les choses en place :<\/p>\n<ul>\n<li><a href=\"\/infodoc\/faq\/faq3\/#1\">comment WordPress adresse-t-il ses pages sur le web ?<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq5\/#pages1\">que sont (et que ne sont pas) les Pages ?<\/a><\/li>\n<li><a href=\"\">comment d\u00e9couper et chainer ses pages pour obtenir un ensemble lisible ?<\/a><\/li>\n<li><a href=\"\/infodoc\/manips\/ajoutpage\/\">comment utiliser l&rsquo;\u00e9diteur de l&rsquo;interface d&rsquo;administration ?<\/a><\/li>\n<li><a href=\"\">comment g\u00e9rer les options de publication (\u00e9tat, visibilit\u00e9, version) ?<\/a><\/li>\n<li>et enfin <a href=\"\">quels sont les outils pour structurer et faciliter la recherche de vos pages ?<\/a><\/li>\n<\/ul>\n<h3><a name=\"2\"><\/a>Cr\u00e9er la page<\/h3>\n<p>Nous avons d\u00e9j\u00e0 cr\u00e9\u00e9 un premier jet de la page \u00ab\u00a0<i>Curriculum Vitae<\/i>\u00a0\u00bb pour vous faciliter le travail : voir le <a href=\"\/infodoc\/manips\/ajoutpage\/#1\">d\u00e9tail de l&rsquo;op\u00e9ration<\/b>.<\/p>\n<h3><a name=\"5\"><\/a>R\u00e9pertorier la page CV<\/h3>\n<p>\u00c0 ce stade, il n&rsquo;y a qu&rsquo;une seule fa\u00e7on d&rsquo;acc\u00e9der \u00e0 la page : connaitre son adresse web compl\u00e8te (l&rsquo;URL, ou le <i>Permalien<\/i> que nous venons de voir).<br \/>\nIl vous faudrait ainsi diffuser en permanence les adresses de toutes vos pages&#8230;<br \/>\nMais il est bien plus pratique de ne transmettre que l&rsquo;adresse g\u00e9n\u00e9rique du site (https:\/\/members.loria.fr\/totor\/), si le site est bien organis\u00e9 et fait apparaitre clairement la hi\u00e9rarchie de ses pages, avec de surcroit un outil de recherche performant.<\/p>\n<p>En raison de l&rsquo;importance du CV pour une page professionnelle, nous avons donc choisi de la faire apparaitre en t\u00eate du menu principal (le menu de haut de page) : voir la <a href=\"\/infodoc\/tutoriel\/lecon2\/\">Le\u00e7on2<\/a>. L&rsquo;op\u00e9ration a \u00e9galement \u00e9t\u00e9 d\u00e9crite dans les <a href=\"\/infodoc\/manips\/ajoutmenu\/\">manipulations de r\u00e9f\u00e9rence<\/a>.<\/p>\n<h3><a name=\"3\"><\/a>Modifier la page CV<\/h3>\n<p>Dans le <b>Tableau de bord<\/b>, allez sous <b>Pages<\/b> > <b>Toutes les pages<\/b>, passez le curseur de la souris sur <i>CV<\/i> pour faire apparaitre les options de traitement sous le titre de la page, et cliquez sur <b>Modifier<\/b>. Le contenu de la page apparait dans deux champs de formulaire :<\/p>\n<ul>\n<li>un champ simple contient le titre de la page<\/li>\n<li>le corps du texte de la page apparait dans le m\u00eame \u00e9diteur qui avait d\u00e9j\u00e0 servi pour modifier le <i>bloc identit\u00e9<\/i>. Notez que l&rsquo;onglet Visuel \/ Texte est rest\u00e9 positionn\u00e9 selon votre dernier choix.<\/li>\n<\/ul>\n<p>Le bandeau de droite affiche les options de publication et les attributs de page. Notez dans le bloc publication le bouton <img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/mettre-a-jour.png\" alt=\"mettre \u00e0 jour\" \/> qu&rsquo;il ne faudra pas oublier d&rsquo;activer apr\u00e8s chaque mise-\u00e0-jour de la page.<\/p>\n<h4><a name=\"6\"><\/a>Le titre<\/h4>\n<p>Nous allons commencer par <i>modifier le titre<\/i> de la page :<\/p>\n<ul>\n<li>\nle mod\u00e8le a conserv\u00e9 un titre court mal adapt\u00e9 \u00e0 une Page :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-1.png\" alt=\"changer titre 1\" \/>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Notez au passage le permalien qui fait apparaitre le nom de la page.\n<\/li>\n<li>dans le champ titre, remplacez CV par \u00ab\u00a0Curriculum Vitae\u00a0\u00bb :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/pages-5.png\" alt=\"changer titre 2\" \/>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Enregistrez les modifications en cliquant sur <b>Mettre \u00e0 jour<\/b><br \/>\n<u><b>Remarquez que le permalien n&rsquo;a pas \u00e9t\u00e9 modifi\u00e9 dans l&rsquo;op\u00e9ration car la page \u00e9tait d\u00e9j\u00e0 publi\u00e9e<\/b><\/u>.\n<\/li>\n<li><b>attention : <\/b>pensez \u00e0 toujours v\u00e9rifier le permalien quand vous faites une modification sur le titre. Selon l&rsquo;\u00e9tat de publication de la page, le permalien peut en effet \u00e9galement avoir \u00e9t\u00e9 modifi\u00e9 (par exemple si la page est simplement \u00e0 l&rsquo;\u00e9tat <o>brouillon<\/i>.<br \/>\nCela peut \u00eatre tr\u00e8s g\u00e9nant si d&rsquo;autres pages ou menus pointent vers cette page en utilisant le <b>Permalien<\/b> : dans ce cas, <u>le lien serait rompu<\/u>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><a name=\"6\"><\/a>Le corps du texte<\/h4>\n<p>Pour le rubricage de la page, c&rsquo;est bien s\u00fbr affaire de go\u00fbt&#8230;<br \/>\nVous pouvez modifier toutes les donn\u00e9es textuelles, mettre des niveaux de titre gr\u00e2ce \u00e0 l&rsquo;\u00e9diteur. Si vous avez des difficult\u00e9s \u00e0 l&rsquo;utiliser, appuyez-vous sur les diff\u00e9rentes documentations cit\u00e9es dans <a href=\"\/infodoc\/liens\/\">ce lien<\/a>.<\/p>\n<p>Notez que, si vous voulez int\u00e9grer vos publications \u00e0 la page CV plut\u00f4t que d&rsquo;en faire une page \u00e0 part, vous pouvez utiliser les m\u00eames <b>extensions<\/b> et <b>shortcodes<\/b> et les int\u00e9grant \u00e0 cette page : voir pour cela la <a href=\"\/infodoc\/tutoriel\/lecon5\/\">Le\u00e7on5 : g\u00e9rer ses publications<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4><a name=\"7\"><\/a>L&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/skt-skill-bar\/\"><i>SKT Skill Bar<\/i><\/a><\/h4>\n<p>Cette extension affiche des barres de progression ou des demi-cercles avec une petite animation jQuery pour exprimer par exemple vos diff\u00e9rentes comp\u00e9tences. Une mani\u00e8re un peu plus ludique d&rsquo;agr\u00e9menter votre CV en ligne&#8230;<br \/>\nPrenez exemple sur les shortcodes fournis. <\/p>\n<ul>\n<li>pour une barre de progression :<br \/>\nSi vous tapez :<\/p>\n<div class=\"precadre\">\n&#091;skillwrapper type=&#39;bar&#39;&#093;<br \/>\n&#091;skill title_background=&#39;#f7a53b&#39; bar_foreground=&#39;#f7a53b&#39; bar_background=&#39;#eeeeee&#39; percent=&#39;80&#39; title=&#39;Analyse num\u00e9rique&#39;&#093;<br \/>\n&#091;skill title_background=&#39;#6adcfa&#39; bar_foreground=&#39;#6adcfa&#39; bar_background=&#39;#eeeeee&#39; percent=&#39;55&#39; title=&#39;Bases de donn\u00e9es&#39;&#093;<br \/>\n&#091;\/skillwrapper&#093;\n<\/div>\n<p>vous produirez :<br \/>\n<div id=\"skillbar_straight\" style=\"padding:10px 0;\">\n\n<div class=\"skillbar clearfix\" data-percent=\"80%\" style=\"background: #eeeeee;\">\r\n\t\t\t\t<div class=\"skillbar-title\" style=\"background: #f7a53b !important;\"><span>Analyse num\u00e9rique<\/span><\/div>\r\n\t\t\t\t<div class=\"skillbar-bar\" style=\"background: #f7a53b;\"><\/div>\r\n\t\t\t\t<div class=\"skill-bar-percent\">80%<\/div>\r\n\t\t\t<\/div>\n\n<div class=\"skillbar clearfix\" data-percent=\"55%\" style=\"background: #eeeeee;\">\r\n\t\t\t\t<div class=\"skillbar-title\" style=\"background: #6adcfa !important;\"><span>Bases de donn\u00e9es<\/span><\/div>\r\n\t\t\t\t<div class=\"skillbar-bar\" style=\"background: #6adcfa;\"><\/div>\r\n\t\t\t\t<div class=\"skill-bar-percent\">55%<\/div>\r\n\t\t\t<\/div>\n\n\n<div style=\"clear:both;\"><\/div>\n<\/div>\n<div style=\"clear:both; height:10px; overflow:hidden;\"><\/div>\n<style type=\"text\/css\">.skillbar-title{font-size:px;color:;}.skill-bar-percent{font-size:px;color:;}<\/style><script>\r\n\t\t\t\tfunction sbar(){\r\n\t\t\t\t\tjQuery(\".skillbar\").each(function(){\r\n\t\t\t\t\t\tjQuery(this).find(\".skillbar-bar\").animate({\r\n\t\t\t\t\t\t\twidth:jQuery(this).attr(\"data-percent\")\r\n\t\t\t\t\t\t},3000);\r\n\t\t\t\t\t});\t\r\n\t\t\t\t}\r\n\t\t\t\tif ( jQuery(\"#skillbar_straight\").next().is(\":appeared\") ){\r\n\t\t\t\t\tsbar();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tjQuery( window ).scroll(function() {\r\n\t\t\t\t\t\tif ( jQuery(\"#skillbar_straight\").next().is(\":appeared\") ){\r\n\t\t\t\t\t\t\tsbar();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\t<\/script>\n<\/li>\n<li>pour un demi-cercle :<br \/>\nSi vous tapez :<\/p>\n<div class=\"precadre\">\n&#091;skillwrapper type=&#39;gage&#39;&#093;<br \/>\n&#091;skill percent=&#39;80&#39; title=&#39;Analyse num\u00e9rique&#39; bar_foreground=&#39;#f60&#39; bar_background=&#39;#eee&#39;&#093;<br \/>\n&#091;skill percent=&#39;55&#39; title=&#39;Bases de donn\u00e9es&#39; bar_foreground=&#39;#900&#39; bar_background=&#39;#eee&#39;&#093;<br \/>\n&#091;\/skillwrapper&#093;\n<\/div>\n<p>vous produirez :<br \/>\n<style type=\"text\/css\">#gage_chart_1 #g1_1, #gage_chart_1 #g2_1{ width:200px; height:160px; display:inline-block; margin:0.5em; }\r\n\t\t\t\t#gage_chart_1{ text-align:center; }<\/style><script>var g1_1, g2_1;\nfunction gager_1(){var g1_1 = new JustGage({\r\n\t\t\t\t\tid: \"g1_1\",\r\n\t\t\t\t\tvalue: 80,\r\n\t\t\t\t\ttitle: \"Analyse num\u00e9rique\",\r\n\t\t\t\t\tvalueFontColor: \"#f60\",\r\n\t\t\t\t\tlevelColors: [\"#f60\"],\r\n\t\t\t\t\ttitleFontColor: \"#f60\",\r\n\t\t\t\t\tlabelFontColor: \"#f60\",\r\n\t\t\t\t\tgaugeColor: \"#eee\",\r\n\t\t\t\t\tmin: 0,\r\n\t\t\t\t\tmax: 100,\r\n\t\t\t\t\tlabel: \"%\",\r\n\t\t\t\t\tlevelColorsGradient: false,\r\n\t\t\t\t\tshowMinMax: \"hide\",\r\n\t\t\t\t\tshadowOpacity: \"0.2\",\r\n\t\t\t\t\tshadowSize: \"5\",\r\n\t\t\t\t\tstartAnimationType: \"easein\"\r\n\t\t\t\t});\nvar g2_1 = new JustGage({\r\n\t\t\t\t\tid: \"g2_1\",\r\n\t\t\t\t\tvalue: 55,\r\n\t\t\t\t\ttitle: \"Bases de donn\u00e9es\",\r\n\t\t\t\t\tvalueFontColor: \"#900\",\r\n\t\t\t\t\tlevelColors: [\"#900\"],\r\n\t\t\t\t\ttitleFontColor: \"#900\",\r\n\t\t\t\t\tlabelFontColor: \"#900\",\r\n\t\t\t\t\tgaugeColor: \"#eee\",\r\n\t\t\t\t\tmin: 0,\r\n\t\t\t\t\tmax: 100,\r\n\t\t\t\t\tlabel: \"%\",\r\n\t\t\t\t\tlevelColorsGradient: false,\r\n\t\t\t\t\tshowMinMax: \"hide\",\r\n\t\t\t\t\tshadowOpacity: \"0.2\",\r\n\t\t\t\t\tshadowSize: \"5\",\r\n\t\t\t\t\tstartAnimationType: \"easein\"\r\n\t\t\t\t});\n};\njQuery(document).ready(function(){\r\n\t\t\t\tif ( jQuery(\"#gage_chart_1\").next().is(\":appeared\") ){\r\n\t\t\t\t\tif ( ! jQuery(\"#gage_chart_1\").hasClass(\"gc_active\") ) {\r\n\t\t\t\t\t\tgager_1();\r\n\t\t\t\t\t\tjQuery(\"#gage_chart_1\").addClass(\"gc_active\");\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tjQuery(window).scroll(function(){\r\n\t\t\t\t\t\tif ( jQuery(\"#gage_chart_1\").next().is(\":appeared\") ){\r\n\t\t\t\t\t\t\tif ( ! jQuery(\"#gage_chart_1\").hasClass(\"gc_active\") ) {\r\n\t\t\t\t\t\t\t\tgager_1();\r\n\t\t\t\t\t\t\t\tjQuery(\"#gage_chart_1\").addClass(\"gc_active\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});<\/script><div id=\"gage_chart_1\"><div id=\"g1_1\"><\/div><div id=\"g2_1\"><\/div><\/div><div style=\"clear:both; height:10px; overflow:hidden;\"><\/div>\n<\/li>\n<li>pour un cercle complet :<br \/>\nSi vous tapez :<\/p>\n<div class=\"precadre\">\n&#091;skillwrapper type=&#39;circle&#39; track_color=&#39;#dddddd&#39; chart_color=&#39;#333333&#39; chart_size=&#39;150&#39; align=&#39;center&#39;&#093;<br \/>\n&#091;skill percent=&#39;80&#39; title=&#39;Analyse num\u00e9rique&#39;&#093;<br \/>\n&#091;skill percent=&#39;55&#39; title=&#39;Bases de donn\u00e9es&#39;&#093;<br \/>\n&#091;\/skillwrapper&#093;\n<\/div>\n<p>vous produirez :<br \/>\n<style>.sktb_pie_graph {\r\n\t\t\t  --w:150px;\r\n\t\t\t  width: 200px;\r\n\t\t\t  aspect-ratio: 1;\r\n\t\t\t  position: relative;\r\n\t\t\t  display: inline-grid;\r\n\t\t\t  place-content: center;\r\n\t\t\t  margin: 5px 1em;\r\n\t\t\t  \r\n\t\t\t  font-weight: bold;\r\n\t\t\t  font-family: sans-serif;\r\n\t\t\t  border-radius: 50%;\r\n\t\t   }\r\n\t\t   .sktb_pie_graph:before {\r\n\t\t\t  content: \"\";\r\n\t\t\t  position: absolute;\r\n\t\t\t  border-radius: 50%;\r\n\t\t\t  inset: 0;\r\n\t\t\t  background: conic-gradient(var(--c) calc(var(--p)*1%),#333333 0);\r\n\t\t\t  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));\r\n\t\t\t\t\t mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));\r\n\t\t   }<\/style><div class=\"skt_skill_flex-wrapper\" style=\"font-size:12px;text-align:center\"><div class=\"sktb_pie_graph\">\r\n                         <div class=\"sktb_pie_graph\" style=\"--p:80;--b:30px;--c:#dddddd;font-size: px;color:#333333\"\"><span style=\"color:#dddddd\">80%<\/span><\/div>\r\n                         <span style=\"font-size: px;text-align:center;color:#dddddd\">Analyse num\u00e9rique<\/span>\r\n                    <\/div><div class=\"sktb_pie_graph\">\r\n                         <div class=\"sktb_pie_graph\" style=\"--p:55;--b:30px;--c:#dddddd;font-size: px;color:#333333\"\"><span style=\"color:#dddddd\">55%<\/span><\/div>\r\n                         <span style=\"font-size: px;text-align:center;color:#dddddd\">Bases de donn\u00e9es<\/span>\r\n                    <\/div><\/div>\n<\/li>\n<\/ul>\n<p>A vous d&rsquo;adapter ce petit outil selon vos besoins.<\/p>\n<p>&nbsp;<\/p>\n<h3><a name=\"8\"><\/a>Attributs de la page<\/h3>\n<p>A ce stade, notre CV est toujours construit sur le mod\u00e8le de page par d\u00e9faut, avec 2 colonnes et le bloc identit\u00e9 dans le bandeau lat\u00e9ral. Cela convient tr\u00e8s bien pour un affichage r\u00e9serv\u00e9 au web sur un \u00e9cran de bonne taille.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/cv-1.png\" alt=\"cv deux colonnes\" \/>\n<\/div>\n<p>Mais si vous imprimez la page, ou si vous la visualisez sur un \u00e9cran de tablette ou de smartphone, vous verrez que le caract\u00e8re <i>responsive<\/i> du th\u00e8me rejette le bandeau lat\u00e9ral \u00e0 la suite du corps du texte.<\/p>\n<p>Selon vos priorit\u00e9s, vous pouvez donc choisir de passer au mod\u00e8le <i>pleine largeur<\/i> (<i>Full-width(no sidebar)<\/i>).<br \/>\nDans ce cas, apr\u00e8s avoir s\u00e9lectionn\u00e9 ce mod\u00e8le, vous pouvez afficher le Text Block <i>Sidebar_identit\u00e9<\/i> en t\u00eate de la page pleine largeur, en tapant simplement son <i>shortcode<\/i> avant le premier titre  (voir <b>Text Blocks<\/b> > <b>All Text Blocks<\/b> pour trouver le shortcode correspondant) :<\/p>\n<div class=\"precadre\">\n&#091;text-blocks id=&rsquo;30&rsquo;&#093;\n<\/div>\n<p>Enregistrez la page qui se pr\u00e9sente maintenant ainsi :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/cv-2.png\" alt=\"cv pleine page\" \/>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Si cette pr\u00e9sentation vous plait pas, vous pouvez aussi construire un nouveau <b>Text Block<\/b>, nomm\u00e9 par exemple bloc_identite, que vous pourrez ensuite appeler avec son shortcode sp\u00e9cifique. Voici par exemple un bloc identit\u00e9 sur 2 colonnes, int\u00e9gr\u00e9 dans la page CV pleine largeur :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/cv-3.png\" alt=\"cv pleine page\" \/>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Voici le code de ce Text-Block :<\/p>\n<div class=\"precadre\">\n&#60;div style=&#34;widtn: 100% ; text-align: left ; vertical-align: middle; padding-bottom: 30px ;&#34;&#62;<br \/>\n&#60;div style=&#34;display: inline-block ; padding-right: 300px ; padding-left: 30px ; text-align: left ; vertical-align: middle;&#34;&#62;<br \/>\n&#60;h2 style=&#34;text-align: center;&#34;&#62;Momo TOTOR&#60;\/h2&#62;<br \/>\n&#60;strong&#62;Fonction&#60;\/strong&#62; :<br \/>\nstagiaire au LORIA<br \/>\n&#60;strong&#62;Contact :&#60;\/strong&#62;<br \/>\nmomo dot totor at loria dot fr<br \/>\nTel. : +33 (0)3.83.59.30.00<br \/>\nBureau X23<br \/>\nLORIA, Campus Scientifique,<br \/>\nF54506 Vand\u0153uvre l\u00e8s Nancy<br \/>\n&#60;\/div&#62;<br \/>\n&#60;div style=&#34;display: inline-block ; padding: 20px 80px; text-align: center ; vertical-align: middle;&#34;&#62;<br \/>\n&#60;a href=&#34;https:\/\/members.loria.fr\/totor\/wp-content\/blogs.dir\/17\/files\/sites\/17\/2015\/08\/photo-totor.jpg&#34;&#62;&#60;img class=&#34;aligncenter wp-image-186 size-thumbnail&#34; src=&#34;https:\/\/members.loria.fr\/totor\/wp-content\/blogs.dir\/17\/files\/sites\/17\/2015\/08\/photo-totor-150&#215;150.jpg&#34; alt=&#34;photo totor&#34; width=&#34;150&#34; height=&#34;150&#34; \/&#62;&#60;\/a&#62;<br \/>\n&#60;\/div&#62;<br \/>\n&#60;\/div&#62;\n<\/div>\n<p>&nbsp;<\/p>\n<h3><a name=\"9\"><\/a>\u00c9tat de publication<\/h3>\n<p>Nous avions choisi de publier la page CV d\u00e8s sa cr\u00e9ation, mais lorsque vous travaillez sur une nouvelle page, vous ne souhaitez pas toujours qu&rsquo;elle soit visible par tous tant que son contenu n&rsquo;est pas satisfaisant.<br \/>\nDans WordPress vous pouvez jouer sur 3 <b>\u00e9tats du workflow de publication<\/b>, et 3 <b>options de visibilit\u00e9<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/etat-publication-1.png\" alt=\"\u00e9tat de publication\" \/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/etat-publication-2.png\" alt=\"\u00e9tat de publication 2\" \/>\n<\/div>\n<ul>\n<li><b>\u00c9tat de publication :<\/b>\n<ul>\n<li>Publi\u00e9 : publi\u00e9 et visible de tous<\/li>\n<li>En attente de relecture : publication en attente de validation par un administrateur du site<\/li>\n<li>Brouillon : enregistr\u00e9 mais pas publi\u00e9<\/li>\n<\/ul>\n<\/li>\n<li><b>Visibilit\u00e9 :<\/b>\n<ul>\n<li>Public : visible par tous<\/li>\n<li>Prot\u00e9g\u00e9 par mot de passe : un formulaire de demande de mot de passe s&rsquo;affiche<\/li>\n<li>Priv\u00e9 : visible uniquement par les administrateurs du site<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><a name=\"4\"><\/a>Supprimer une page<\/h3>\n<p>Lorsqu&rsquo;une page (ou un article) vous semble obsol\u00e8te, vous pouvez \u00eatre tent\u00e9 de la supprimer. L&rsquo;op\u00e9ration est simple :<\/p>\n<ul>\n<li><i>Mettre la page \u00e0 la corbeille<\/i> dans les options de la page sur <b>Pages<\/b> > <b>Toutes les pages<\/b><\/li>\n<li>quand la corbeille n&rsquo;est pas vide, le nombre d&rsquo;\u00e9l\u00e9ments qu&rsquo;elle contient apparait en haut de page :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/corbeille-1.png\" alt=\"corbeille\" \/>\n<\/div>\n<\/li>\n<li>cliquez sur <i>Corbeille<\/i> pour en voir le contenu<\/li>\n<li>en passant la souris sur chaque \u00e9l\u00e9ment dans la corbeille, vous faites apparaitre les op\u00e9rations possibles : <i>R\u00e9tablir<\/i> et <i>Supprimer d\u00e9finitivement<\/i><\/li>\n<\/ul>\n<p>Mais ce n&rsquo;est pas la meilleure option : supprimer une page vous fait perdre d\u00e9finitivement son contenu.<br \/>\nSi vous voulez simplement emp\u00eacher l&rsquo;acc\u00e8s \u00e0 la page, il est pr\u00e9f\u00e9rable d&rsquo;utiliser pour cela les options de visibilit\u00e9 vues plus haut :<\/p>\n<ul>\n<li>en passant la page en mode <i>Priv\u00e9<\/i>, son acc\u00e8s sera interdit au simple visiteur. En tant qu&rsquo;administrateur, vous pourrez toujours la consulter.<\/li>\n<li>et si vous voulez retravailler une page pour en mettre le contenu \u00e0 jour, passez son \u00e9tat de publication \u00e0 <b>Brouillon<\/b> : l\u00e0 aussi, l&rsquo;op\u00e9ration restreint les droits d&rsquo;acc\u00e8s \u00e0 la page.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Enfin, quelle que soit la m\u00e9thode, n&rsquo;oubliez pas de remettre \u00e0 jour vos menus et vos pages d&rsquo;index : cela ne se fait pas automatiquement, et vos liens pointeraient dans le vide ! <\/p>\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\/lecon4\/\">Passer \u00e0 la Le\u00e7on4<\/a><\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Pr\u00e9ambule<\/a><\/li>\n<li><a href=\"#2\">Cr\u00e9er la page<\/a><\/li>\n<li><a href=\"#5\">R\u00e9pertorier la page<\/a><\/li>\n<li><a href=\"#3\">Modifier la page CV<\/a>\n<ul>\n<li><a href=\"#5\">Le titre<\/a><\/li>\n<li><a href=\"#6\">Le corps du texte<\/a><\/li>\n<li><a href=\"#7\">L&rsquo;extension <i>skillwrapper<\/i><\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#8\">Attributs de la page<\/a><\/li>\n<li><a href=\"#9\">\u00c9tat de publication<\/a><\/li>\n<li><a href=\"#4\">Supprimer une page<\/a><\/li>\n<\/ul>\n<p><a name=\"1\"><\/a>Pr\u00e9ambule<\/p>\n<p>Il est temps maintenant de passer aux choses s\u00e9rieuses et d&rsquo;apprendre \u00e0 saisir de nouvelles informations dans l&rsquo;objet le plus important du site : les Pages.<\/p>\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-357","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/357","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=357"}],"version-history":[{"count":65,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/357\/revisions"}],"predecessor-version":[{"id":1299,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/357\/revisions\/1299"}],"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=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}