{"id":178,"date":"2015-07-20T16:21:16","date_gmt":"2015-07-20T14:21:16","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=178"},"modified":"2016-09-19T15:28:02","modified_gmt":"2016-09-19T13:28:02","slug":"lecon1","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/tutoriel\/lecon1\/","title":{"rendered":"Le\u00e7on1 : prise en main de l&rsquo;interface d&rsquo;administration"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Pr\u00e9ambule<\/a><\/li>\n<li><a href=\"#2\">Particularit\u00e9s de la version utilis\u00e9e<\/a><\/li>\n<li><a href=\"#8\">Une pr\u00e9caution<\/a> : site en <b>mode Maintenance<\/b><\/li>\n<li><a href=\"#3\">Se connecter \u00e0 l\u2019interface d\u2019administration<\/a><\/li>\n<li><a href=\"#4\">Tour d\u2019horizon des options d\u2019administration<\/a><\/li>\n<li><a href=\"#5\">Premi\u00e8res modifications<\/a> : le bloc identit\u00e9<\/li>\n<li><a href=\"#6\">Manipuler les widgets<\/a> : retirer le calendrier<\/li>\n<li><a href=\"#7\">Voir la page d&rsquo;accueil modifi\u00e9e<\/a><\/li>\n<\/ul>\n<h3><a name=\"1\"><\/a>Pr\u00e9ambule<\/h3>\n<p>Vous venez de r\u00e9ceptionner votre nouveau site de <i>pages professionnelles individuelles<\/i>.<br \/>\nIl est compos\u00e9 de 2 parties (libre \u00e0 vous d&rsquo;utiliser l&rsquo;une ou l&rsquo;autre, ou de combiner les deux, selon la nature des contenus \u00e0 mettre en place).<\/p>\n<ul>\n<li>une premi\u00e8re partie est g\u00e9r\u00e9e par le <a href=\"\/infodoc\/faq\/faq1\/#1\">CMS WordPress<\/a>, qui vous permet un acc\u00e8s facilit\u00e9 \u00e0 l&rsquo;administration de vos pages.<\/li>\n<li>une seconde partie est modifiable comme vous le faisiez jusqu&rsquo;\u00e0 pr\u00e9sent : vous d\u00e9posez vos fichiers sur un nouvel <i>espace web<\/i> personnel (votre machine devra \u00eatre identifi\u00e9e sur le r\u00e9seau loria pour y acc\u00e9der). <b>Attention :<\/b> <span style=\"color: red;\">il s&rsquo;agit d&rsquo;une nouvelle partition, il faudra migrer vos fichiers depuis l&rsquo;ancienne partition \/homepages\/<\/span>.<\/li>\n<\/ul>\n<p><b>Remarque 1 :<\/b> l&rsquo;espace web personnel est maintenant r\u00e9serv\u00e9 \u00e0 des \u00e9l\u00e9ments <i>statiques<\/i> : pages HTML (ou HTML5), fichiers images, sons, vid\u00e9os, PDF,&#8230;<br \/>\nPour des raisons de s\u00e9curit\u00e9, l&rsquo;ex\u00e9cution de programmes (PHP, Perl, Python,&#8230;) n&rsquo;y est plus autoris\u00e9e.<br \/>\n<b>Remarque 2 :<\/b> pour mettre en ligne des sites dynamiques (d\u00e9monstrations de projets de recherche, collecte et traitement d&rsquo;information,&#8230;), d&rsquo;autres solutions existent. Mais ces travaux doivent faire l&rsquo;objet de demandes sp\u00e9cifiques bien identifi\u00e9es et ne doivent pas figurer sur les <i>pages professionnelles individuelles<\/i>.<br \/>\n<b>Remarque 3 :<\/b> cet espace n&rsquo;est plus sur le m\u00eame volume du NAS. Vous devrez migrer vos donn\u00e9es, en vous d\u00e9barassant des fichiers de scripts (.php, .pl, .py,&#8230;) qui apparaitraient maintenant en clair. Pour y acc\u00e9der, r\u00e9f\u00e9rez vous \u00e0 <a href=\"http:\/\/infodoc.loria.fr\/pages\/viewpage.action?pageId=3343734\" target=\"_blank\"><b>infodoc<\/b><\/a>.<\/p>\n<p>Pour vous faciliter la t\u00e2che, votre site ne vous a pas \u00e9t\u00e9 livr\u00e9 vide : nous vous fournissons un embryon de site combin\u00e9 \u00e0 un tutoriel qui doivent vous permettre, en tr\u00e8s peu de temps, d&rsquo;obtenir un premier jet exploitable. Si vous connaissez d\u00e9j\u00e0 WordPress et si l&rsquo;usage des CMS vous est familier, vous pourrez sauter les passages que nous avons d\u00e9port\u00e9s sur les pages <i><b><a href=\"\/infodoc\/manips\/\">Toutes les manips<\/a><\/b><\/i>.<\/p>\n<p>Dans la premi\u00e8re le\u00e7on de ce tutoriel, nous allons vous d\u00e9tailler la prise en main de l&rsquo;interface d&rsquo;administration de WordPress, l&rsquo;outil qui g\u00e8re la partie <i>dynamique<\/i> du site.<\/p>\n<h3><a name=\"2\"><\/a>Particularit\u00e9s de la version utilis\u00e9e<\/h3>\n<p>Si vous \u00eates un peu d\u00e9rout\u00e9 par l&rsquo;aspect du <b>Tableau de bord<\/b> un peu sp\u00e9cial de votre site WordPress, <a href=\"\/infodoc\/manips\/version\/\">lisez ici ce qui le diff\u00e9rencie d&rsquo;un WordPress classique<\/a>.<\/p>\n<h3><a name=\"8\"><\/a>Une pr\u00e9caution : site en <b>mode Maintenance<\/b><\/h3>\n<ul>\n<li>votre site vous a donc \u00e9t\u00e9 livr\u00e9 avec des pages mod\u00e8les qui correspondent \u00e0 l&rsquo;usage, mais devront \u00eatre personnalis\u00e9es, enrichies, remplac\u00e9es ou supprim\u00e9es selon vos besoins propres.<\/li>\n<li>pour \u00e9viter de pr\u00e9senter au monde ces pages inachev\u00e9es, nous avons donc mis votre site en <b>mode Maintenance<\/b> (page \u00ab\u00a0en travaux\u00a0\u00bb).<\/li>\n<li>ceci est r\u00e9alis\u00e9 gr\u00e2ce \u00e0 une <a href=\"\/infodoc\/faq\/faq1\/#18\">extension<\/a> (plugin) de WordPress<\/li>\n<li>tant que le mode Maintenance est activ\u00e9, une page sp\u00e9ciale, d\u00e9finie dans les options du plugin, s&rsquo;affiche pour tous les utilisateurs \u00ab\u00a0non connect\u00e9s\u00a0\u00bb. Seuls les utilisateurs authentifi\u00e9s sur le site voient les pages du site.<\/li>\n<li>vous devez donc vous connecter \u00e0 votre interface d&rsquo;administration pour modifier vos pages, et d\u00e9sactiver le mode Maintenance lorsque celui-ci sera pr\u00eat.<\/li>\n<li>voyez <a href=\"\/infodoc\/faq\/faq3\/#2\">ici<\/a> comment activer\/d\u00e9sactiver ce mode pour rendre votre site accessible sur tout l&rsquo;Internet lorsque vous l&rsquo;estimerez pr\u00eat \u00e0 \u00eatre publi\u00e9.<\/li>\n<\/ul>\n<h3><a name=\"3\"><\/a>Se connecter \u00e0 l&rsquo;interface d&rsquo;administration<\/h3>\n<p>Pour modifier votre site web WordPress, il faut vous <a href=\"\/infodoc\/manips\/connexion\/\">connecter \u00e0 son interface d&rsquo;administration<\/a>.<\/p>\n<h3><a name=\"4\"><\/a>Tour d&rsquo;horizon des options d&rsquo;administration<\/h3>\n<p>D\u00e9tail du <b><i><a href=\"\/infodoc\/manips\/connexion\/\">Tableau de bord<\/a><\/i><\/b>, le centre de commandes de l&rsquo;administrateur d&rsquo;un site WordPress.<\/p>\n<hr width=\"50%\" \/>\n<h3><a name=\"5\"><\/a>Premi\u00e8res modifications : la barre lat\u00e9rale<\/h3>\n<ul>\n<li>pour notre premi\u00e8re le\u00e7on, nous allons modifier le <i>bloc identit\u00e9<\/i> qui apparait dans la barre lat\u00e9rale de votre actuelle page d&rsquo;accueil :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/identite-1.png\" alt=\"bloc identit\u00e9\" \/>\n<\/div>\n<\/li>\n<li>les \u00e9l\u00e9ments de cette barre lat\u00e9rale sont d\u00e9finis dans notre th\u00e8me.<\/li>\n<li>allez \u00e0 l&rsquo;option <b>Apparence<\/b> > <b>Personnaliser<\/b> du menu principal du tableau de bord, et cliquez sur <i><b><a href=\"\/infodoc\/faq\/faq1\/#8\">Widgets<\/a><\/b><\/i>.<\/li>\n<li>des <i><b><a href=\"\/infodoc\/faq\/faq1\/#8\">Widgets<\/a><\/b><\/i> peuvent \u00eatre ins\u00e9r\u00e9s dans 4 zones de la page : la barre lat\u00e9rale, et 3 <i><b><a href=\"\/infodoc\/faq\/faq1\/#7\">Slots<\/a><\/b><\/i> d\u00e9finis en bas de page.<\/li>\n<li>cliquez sur <b>Barre lat\u00e9rale<\/b>.<\/li>\n<li>vous voyez que le <i><b><a href=\"\/infodoc\/faq\/faq1\/#7\">Slot<\/a><\/b><\/i> (zone destin\u00e9e \u00e0 recevoir des contenus) de la barre lat\u00e9rale a \u00e9t\u00e9 garni avec 3 <i><b><a href=\"\/infodoc\/faq\/faq1\/#8\">Widgets<\/a><\/b><\/i> :\n<ul>\n<li>en haut une zone de recherche :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/search.png\" alt=\"bloc identit\u00e9\" \/>\n<\/div>\n<\/li>\n<li>au centre notre <i> bloc identit\u00e9<\/i> : cliquez sur ce Widget pour en voir les caract\u00e9ristiques.<\/li>\n<li>et en bas un calendrier :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/calendar-1.png\" alt=\"bloc identit\u00e9\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<li>vous pouvez ajouter, supprimer des <i><b><a href=\"\/infodoc\/faq\/faq1\/#8\">Widgets<\/a><\/b><\/i> ou en changer l&rsquo;ordre : en allant dans <b>Apparence<\/b> > <b>Widgets<\/b>, vous verrez les nombreux widgets d\u00e9j\u00e0 disponibles, et vous pourrez en ajouter d&rsquo;autres.<\/li>\n<li>pour l&rsquo;heure, nous nous int\u00e9ressons donc au <i><b><a href=\"\/infodoc\/faq\/faq1\/#8\">Widget<\/a><\/b><\/i> central que nous allons personnaliser :\n<p><\/li>\n<\/ul>\n<p>Comme nous venons de le voir, le Widget <i>bloc identit\u00e9<\/i> est de type <b>Text Blocks<\/b>, c&rsquo;est \u00e0 dire qu&rsquo;il a \u00e9t\u00e9 fabriqu\u00e9 \u00e0 l&rsquo;aide de l&rsquo;extension du m\u00eame nom que nous avons install\u00e9e sur le r\u00e9seau. Cette extension permet de m\u00e9moriser des blocs de texte r\u00e9utilisables, et qu&rsquo;il suffit d&rsquo;appeler \u00e0 l&rsquo;aide d&rsquo;un <i><b><a href=\"\/infodoc\/faq\/faq1\/#9\">shortcode<\/a><\/b><\/i>.<\/p>\n<ul>\n<li>le Text Block s\u00e9lectionn\u00e9 dans le <b>bloc identit\u00e9<\/b> s&rsquo;appelle <i>Sidebar_identit\u00e9<\/i><\/li>\n<\/ul>\n<p>Pour en modifier le contenu, nous devons donc nous rendre dans le menu principal et choisir <b>Text Blocks<\/b> > <b>All Text Blocks<\/b> pour voir tous les contenus de type <b>Text Block<\/b> d\u00e9j\u00e0 saisis dans le mod\u00e8le :<\/p>\n<ul>\n<li>parmi les 5 <b>Text Blocks<\/b> cr\u00e9\u00e9s, vous en voyez un qui s&rsquo;appelle <i>Sidebar_identit\u00e9<\/i>, et un autre qui s&rsquo;appelle <i>Logo<\/i>. Ces 2 <b>Text Blocks<\/b> sont utilis\u00e9s dans le mod\u00e8le.<\/li>\n<li>en passant la souris sur le nom <i>Sidebar_identit\u00e9<\/i>, vous faites apparaitre les op\u00e9rations possibles : Modifier, Modification rapide, Mettre \u00e0 la corbeille.<\/li>\n<li>dans la seconde colonne du tableau apparait le <i><b><a href=\"\/infodoc\/faq\/faq1\/#9\">shortcode<\/a><\/b><\/i> qui vous permettra d&rsquo;utiliser le <b>Text Block<\/b> n&rsquo;importe o\u00f9 dans vos pages. La formule magique pour utiliser <i>Sidebar_identit\u00e9<\/i> est donc : &lbrack;text-blocks id=\u00a0\u00bb30&Prime;&rbrack;<\/li>\n<li>enfin dans la 3\u00e8me colonne, un rappel des donn\u00e9es textuelles du bloc.<\/li>\n<\/ul>\n<p>Si vous avez l&rsquo;habitude d&rsquo;utiliser souvent un m\u00eame bloc pr\u00e9-formatt\u00e9, par exemple pour faire une alerte, vous avez donc int\u00e9r\u00eat \u00e0 l&rsquo;enregistrer en tant que <b>Text Block<\/b>. C&rsquo;est une mani\u00e8re de factoriser des op\u00e9rations r\u00e9p\u00e9titives sur le site. Il suffira ensuite de placer son <i>shortcode<\/i> partout o\u00f9 vous voulez le voir apparaitre, plut\u00f4t que de r\u00e9p\u00e9ter tout son texte et son formattage (encadrement, mise en gras, couleur de fond, etc.) : cela vous fera gagner du temps. <\/p>\n<p><span style=\"color: red ; font-weight: bold ;\">Attention<\/span> : c&rsquo;est peut-\u00eatre juste une erreur de ma part, mais je n&rsquo;ai pas r\u00e9ussi \u00e0 ins\u00e9rer un Text-Block DANS un autre Text-Block&#8230; si vous trouvez, mail \u00e0 : thierry.gartiser@loria.fr !<\/p>\n<p>Nous voulons modifier le <b>bloc identit\u00e9<\/b>, cliquons donc sur <b>Modifier<\/b> sous <i>Sidebar_identit\u00e9<\/i>.<\/p>\n<p>Le bloc comporte 2 champs :<\/p>\n<ul>\n<li>le <b>Titre<\/b> : il ne sera pas affich\u00e9, c&rsquo;est un simple identifiant pour le rep\u00e9rer parmi les autres <b>Text Blocks<\/b><br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/edit-text-block-3.png\" alt=\"\u00e9diter le bloc texte : le titre\" \/>\n<\/div>\n<\/li>\n<li>le <b>Corps du bloc<\/b> : c&rsquo;est la partie qui sera affich\u00e9e par le <b>shortcode<\/b>, elle contient du texte, des m\u00e9dias (images) et des \u00e9l\u00e9ments de formattage (code HTML)<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/edit-text-block-2.png\" alt=\"\u00e9diter le bloc texte : le corps du bloc\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p>Pour \u00e9diter le corps du bloc, vous disposez d&rsquo;un petit \u00e9diteur minimaliste. Il propose 2 modes :<\/p>\n<ul>\n<li>le mode <b>Visuel<\/b> vous permet d&rsquo;ins\u00e9rer directement des \u00e9l\u00e9ments de formattage <i>WYSIWYG<\/i> (<i>What You See Is What You Get<\/i>) :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/edit-visuel-2.png\" alt=\"\u00e9diter le corps du bloc : mode visuel\" \/>\n<\/div>\n<\/li>\n<li>le mode <b>Texte<\/b>, pour ceux qui connaissent HTML, vous oblige \u00e0 entrer tous ces \u00e9l\u00e9ments \u00e0 la main (mais quand on sait, c&rsquo;est bien plus efficace pour obtenir une mise en forme pr\u00e9cise&#8230;) :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/edit-texte-2.png\" alt=\"\u00e9diter le corps du bloc : mode texte\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p>Il ne vous reste plus qu&rsquo;\u00e0 savoir comment  uploader votre photo sur le serveur avant de vous attaquer aux modifications du bloc.<br \/>\nSur la pr\u00e9sentation en mode Texte de l&rsquo;\u00e9diteur, vous avez pu voir que pour le portrait par d\u00e9faut, nous avons utilis\u00e9 une image de 139 points de large sur 164 points de haut. Vous pouvez bien s\u00fbr modifier ces dimensions selon votre choix, mais cela vous donne une id\u00e9e du poids \u00e0 donner \u00e0 votre photo d&rsquo;identit\u00e9. Pr\u00e9parez donc sur votre station, avec l&rsquo;outil de votre choix (Photoshop, iPhoto,&#8230;) l&rsquo;image qui vous repr\u00e9sentera.<\/p>\n<p>Voici celle qu&rsquo;a choisie Totor :<\/p>\n<div class=\"encadre\">\n<img loading=\"lazy\" decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/photo-totor.jpg\" alt=\"photo Totor\" width=\"139\" height=\"164\" \/>\n<\/div>\n<p>Pour l&rsquo;instant elle est en local sur sa machine, il va donc falloir l&rsquo;importer sur le serveur WordPress.<br \/>\nCela va nous donner l&rsquo;occasion de voir de plus pr\u00e8s un second type de contenus : les <i><b><a href=\"\/infodoc\/faq\/faq1\/#12\">M\u00e9dias<\/a><\/b><\/i>.<br \/>\nDans le menu de gauche, allez donc dans <b>M\u00e9dias<\/b> > <b>Biblioth\u00e8que<\/b> pour acc\u00e9der \u00e0 la liste des m\u00e9dias que vous avez d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9s (liste qui pour l&rsquo;instant est bien s\u00fbr vide). <\/p>\n<ul>\n<li>cliquez sur <b>Ajouter<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/medias-3.png\" alt=\"ajouter m\u00e9dia 1\" \/>\n<\/div>\n<\/li>\n<li>vous pouvez \u00e0 pr\u00e9sent faire glisser directement votre photo vers l&rsquo;encadr\u00e9, ou cliquer sur le bouton <b>S\u00e9lectionner<\/b> pour aller chercher votre photo sur le disque :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/medias-4.png\" alt=\"ajouter m\u00e9dia 2\" \/>\n<\/div>\n<p>s\u00e9lectionnez votre photo (ici photo-totor.png), puis cliquez sur <b>Choisir<\/b>.<br \/>\n<b>attention<\/b> : la taille maximale des fichiers t\u00e9l\u00e9chargeables a \u00e9t\u00e9 fix\u00e9e \u00e0 1 Mo.<br \/>\ncliquez maintenant sur <b>Modifier<\/b> : vous allez pouvoir cr\u00e9er le nouveau <b>M\u00e9dia<\/b> avec toutes ses m\u00e9ta-donn\u00e9es.<\/p>\n<ul>\n<li>notez bien le <b><i><a href=\"\/infodoc\/faq\/faq1\/#15\">Permalien<\/a><\/i><\/b> : c&rsquo;est lui qui vous permettra de faire r\u00e9f\u00e9rence \u00e0 votre image quand vous voudrez l&rsquo;utiliser.<\/li>\n<li>la <i>l\u00e9gende<\/i> de l&rsquo;image pourra apparaitre pour en pr\u00e9ciser le contenu<\/li>\n<li>le <i>texte alternatif<\/i> compl\u00e8tera la propri\u00e9t\u00e9 <i>alt<\/i> de la balise &#8249;img&#8250; lorsque l&rsquo;image ne pourra \u00eatre affich\u00e9e.<\/li>\n<li>enfin vous pouvez ajouter une description de l&rsquo;mage<\/li>\n<\/ul>\n<\/li>\n<li>une fois ces champs remplis, vous pouvez cliquer sur <b>Mettre \u00e0 jour<\/b>.<\/li>\n<li>l&rsquo;image est maintenant disponible pour \u00eatre incluse dans un autre contenu\n<\/ul>\n<p><b>remarque<\/b> : nous verrons plus tard une solution alternative, offerte par votre espace web statique, et qui vous permettra des manipulations plus simples pour les mises \u00e0 jour de vos images.<\/p>\n<p>Retournons maintenant \u00e0 notre <b>Text Block<\/b> <i>Sidebar_identit\u00e9<\/i>.<\/p>\n<ul>\n<li>s\u00e9lectionnez l&rsquo;image par d\u00e9faut et supprimez la.<\/li>\n<li>cliquez sur <b>Ins\u00e9rer un m\u00e9dia<\/b>.<\/li>\n<li>sur la page des <b>M\u00e9dias<\/b>, s\u00e9lectionnez votre photo : son d\u00e9tail apparait dans la barre lat\u00e9rale droite.<\/li>\n<li>cliquez sur <b>Ins\u00e9rer dans l&rsquo;article<\/b> (supprimez \u00e9ventuellement la l\u00e9gende).<\/li>\n<li>s\u00e9lectionnez la photo dans le <b>Text Block<\/b> : une barre d&rsquo;outils apparait.<\/li>\n<li>cliquez sur <b>centrer<\/b>.<\/li>\n<li>avec l&rsquo;outil <b>modifier<\/b>, r\u00e9ajustez \u00e9ventuellement la taille.<\/li>\n<li>voil\u00e0, votre photo est en place : <span style=\"color: red ;\">et n&rsquo;oubliez pas d&rsquo;enregistrer en cliquant sur <b>Mettre \u00e0 jour<\/b><\/span> ! (le bouton bleu \u00e0 droite&#8230;)<\/li>\n<\/ul>\n<p>Il ne reste plus qu&rsquo;\u00e0 mettre les infos textuelles \u00e0 jour&#8230; Mais \u00e7a, nous supposons que vous savez faire !<br \/>\nEnregistrez tout \u00e7a (toujours le bouton <i><b>Mettre \u00e0 jour<\/b><\/i>).<\/p>\n<h3><a name=\"6\"><\/a>Manipuler les widgets : retirer le calendrier<\/h3>\n<p>Encore une petite chose : pour l&rsquo;instant, tant qu&rsquo;il n&rsquo;est pas associ\u00e9 \u00e0 des \u00e9v\u00e9nements sur notre site, le <b>Calendrier<\/b> de notre barre lat\u00e9rale ne sert pas \u00e0 grand-chose. Nous allons donc voir comment retirer un <b>Widget<\/b> de cette barre, et vous comprendrez vite qu&rsquo;il est tout aussi simple de l&rsquo;y rajouter !<\/p>\n<p>Comme pr\u00e9c\u00e9demment, dans le <B>Menu principal<\/b> de votre <b>Tableau de bord<\/b>, allez donc dans <b>Apparence<\/b> > <b>Personnaliser<\/b>.<\/p>\n<ul>\n<li>cliquez sur <b>Widgets<\/b>, puis <b>Barre lat\u00e9rale<\/b>, et enfin <b>Calendrier<\/b>.<\/li>\n<li>dans le bloc de configuration du calendrier, cliquez sur <b>Supprimer<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/calendar-3.png\" alt=\"supprimer calendrier\" \/>\n<\/div>\n<\/li>\n<li>n&rsquo;oubliez pas d&rsquo;enregistrer les modifications en cliquant sur le bouton <b>Enregistrer &#038; publier<\/b>, en haut du bandeau :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/enregistrer-1.png\" alt=\"enregistrer\" \/>\n<\/div>\n<\/li>\n<li>pour rajouter le Calendrier lorsque vous en aurez besoin, c&rsquo;est tout aussi simple : lorsque vous \u00eates au niveau \u00ab\u00a0Barre lat\u00e9rale\u00a0\u00bb, vous avez 2 boutons en dessous de la liste des widgets activ\u00e9s :\n<ul>\n<li><b>+ Ajouter un widget<\/b> : suivez les instructions pour ajouter un widget \u00e0 la barre lat\u00e9rale (au passage, vous voyez que dans le th\u00e8me choisi, vous disposez d\u00e9j\u00e0 de nombreux autres widgets)<\/li>\n<li><b>R\u00e9arranger<\/b> : pour modifier l&rsquo;ordre des widgets activ\u00e9s dans la barre lat\u00e9rale<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><a name=\"7\"><\/a>Voir la page d&rsquo;accueil modifi\u00e9e<\/h3>\n<p>Et maintenant, retournez voir votre page d&rsquo;accueil : pour cela, dans le menu secondaire, d\u00e9roulez le menu avec la petite maison et le nom de votre site, et choisissez <b>Aller sur le site<\/b>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-secondaire-5.png\" alt=\"aller sur le site\" \/>\n<\/div>\n<p>Et voil\u00e0 le r\u00e9sultat :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/accueil-3.png\" alt=\"page accueil Totor\" \/>\n<\/div>\n<\/p>\n<p>Vous en avez fini avec la premi\u00e8re le\u00e7on.<br \/>\nVous pourriez \u00e9galement modifier le <b>Text Block<\/b> Logo, qui reprend les logos de vos diff\u00e9rentes tutelles, dans un ordre diff\u00e9rent selon que vous ayez choisi au d\u00e9part le mod\u00e8le LORIA ou le mod\u00e8le Inria Nancy Grand-Est.<br \/>\nAttention cependant : ces 2 mod\u00e8les ont \u00e9t\u00e9 valid\u00e9s par les directions et les services de communication de nos \u00e9tablissements.<br \/>\nL&rsquo;usage des logos est soumis \u00e0 une charte qui pr\u00e9cise leurs conditions d&rsquo;utilisation.<br \/>\nSoyez donc vigilants \u00e0 toujours respecter ces r\u00e8gles d&rsquo;utilsation (couleur de fond, taille minimale, espacement par rapport aux autres \u00e9l\u00e9ments, etc.)\n<\/p>\n<\/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\/lecon2\/\">Passer \u00e0 la Le\u00e7on2<\/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\">Particularit\u00e9s de la version utilis\u00e9e<\/a><\/li>\n<li><a href=\"#8\">Une pr\u00e9caution<\/a> : site en mode Maintenance<\/li>\n<li><a href=\"#3\">Se connecter \u00e0 l\u2019interface d\u2019administration<\/a><\/li>\n<li><a href=\"#4\">Tour d\u2019horizon des options d\u2019administration<\/a><\/li>\n<li><a href=\"#5\">Premi\u00e8res modifications<\/a> : le bloc identit\u00e9<\/li>\n<li><a href=\"#6\">Manipuler les widgets<\/a> : retirer le calendrier<\/li>\n<li><a href=\"#7\">Voir la page d&rsquo;accueil modifi\u00e9e<\/a><\/li>\n<\/ul>\n<p><a name=\"1\"><\/a>Pr\u00e9ambule<\/p>\n<p>Vous venez de r\u00e9ceptionner votre nouveau site de <i>pages professionnelles individuelles<\/i>.<br \/>\nIl est compos\u00e9 de 2 parties (libre \u00e0 vous d&rsquo;utiliser l&rsquo;une ou l&rsquo;autre,<\/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-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/178","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=178"}],"version-history":[{"count":114,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/178\/revisions\/323"}],"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=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}