{"id":50,"date":"2015-06-16T13:21:42","date_gmt":"2015-06-16T11:21:42","guid":{"rendered":"http:\/\/members.loria.fr\/thierrygartiser\/?page_id=50"},"modified":"2017-03-06T11:02:48","modified_gmt":"2017-03-06T09:02:48","slug":"faq","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/faq\/","title":{"rendered":"la FAQ"},"content":{"rendered":"<p>les FAQs :<\/p>\n<ul>\n<li><a href=\"\/infodoc\/faq\/faq1\/\">D\u00e9finitions<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq2\/\">Prise en main<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq3\/\">R\u00e9glages<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq4\/\">Apparence<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq5\/\">Contenus<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq6\/\">Extensions<\/a><\/li>\n<\/ul>\n<h3>Questions :<\/h3>\n<h4>D\u00e9finitions<\/h4>\n<ol>\n<li><a href=\"#faq1-1\">quel est l&rsquo;outil de gestion de contenu utilis\u00e9 sur ce nouveau site ?<\/a><\/li>\n<li><a href=\"#faq1-2\">\u00e0 quoi correspondent les \u00e9l\u00e9ments qui apparaissent dans mon tableau de bord wordpress ?<\/a><\/li>\n<li><a href=\"#faq1-10\">qu&rsquo;est-ce qu&rsquo;un <i>contenu<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-11\">qu&rsquo;est-ce qu&rsquo;un <i>contenant<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-3\">quels <b>Contenants<\/b> (ou <i>formats de contenus<\/i>) puis-je manipuler avec WordPress ?<\/a>\n<ul>\n<li>la <a href=\"#faq1-14\"><i>Page<\/i><\/a><\/li>\n<li>l&rsquo;<a href=\"#faq1-15\"><i>Article<\/i><\/a><\/li>\n<li>la <a href=\"#faq1-16\"><i>M\u00e9dia<\/i><\/a><\/li>\n<li>la <a href=\"#faq1-17\"><i>Commentaire<\/i><\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#faq1-4\">qu&rsquo;est-ce qu&rsquo;un <i>th\u00e8me<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-5\">qu&rsquo;est-ce qu&rsquo;un <i>template<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-6\">qu&rsquo;est-ce qu&rsquo;une <i>feuille de style<\/i> (ou CSS) ?<\/a><\/li>\n<li><a href=\"#faq1-7\">qu&rsquo;est-ce qu&rsquo;un <i>slot<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-8\">qu&rsquo;est-ce qu&rsquo;un <i>widget<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-18\">qu&rsquo;est-ce qu&rsquo;une <i>extension<\/i> (ou plugin) de WordPress ?<\/a><\/li>\n<li><a href=\"#faq1-9\">qu&rsquo;est-ce qu&rsquo;un <i>shortcode<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-12\">qu&rsquo;est-ce qu&rsquo;un <i>blog<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-13\">qu&rsquo;est-ce qu&rsquo;une <i>cat\u00e9gorie<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-14\">qu&rsquo;est-ce qu&rsquo;un <i>tag<\/i> ?<\/a><\/li>\n<\/ol>\n<h4>Prise en main<\/h4>\n<ol>\n<li><a href=\"#faq2-1\">comment puis-je acc\u00e9der \u00e0 l&rsquo;interface d&rsquo;administration de mon site ?<\/a><\/li>\n<li><a href=\"#faq2-2\">sur mon interface d&rsquo;administration, la barre de menu de gauche apparait sans les libell\u00e9s. Comment puis-je l&rsquo;\u00e9tendre pour avoir l&rsquo;aspect vu dans infodoc ?<\/a><\/li>\n<\/ol>\n<h4>R\u00e9glages<\/h4>\n<ol>\n<li><a href=\"#faq3-1\">comment WordPress adresse-t-il ses pages sur le web ?<\/a><\/li>\n<li><a href=\"#faq3-2\">comment activer\/d\u00e9sactiver le mode Maintenance ?<\/a><\/li>\n<\/ol>\n<h4>Apparence<\/h4>\n<ol>\n<li><a href=\"#faq4-1\">comment modifier le titre de mon site ?<\/a><\/li>\n<li><a href=\"#faq4-3\">comment modifier la couleur de fond du bandeau haut de la page ?<\/a><\/li>\n<li><a href=\"#faq4-4\">comment g\u00e9rer le <b>Menu horizontal<\/b> du haut de page ?<\/a><\/li>\n<li><a href=\"#faq4-6\">comment ajouter un \u00ab\u00a0glyphicon\u00a0\u00bb dans le <b>Menu horizontal<\/b> du haut de page ?<\/a><\/li>\n<li><a href=\"#faq4-5\">pourquoi l&rsquo;option habituelle <b>Discussion<\/b> n&rsquo;apparait-elle pas dans le menu <b>R\u00e9glages<\/b> de mon panneau d&rsquo;administration ?<\/a><\/li>\n<li><a href=\"#faq4-2\">comment visualiser les feuilles de style associ\u00e9es \u00e0 ma page ?<\/a><\/li>\n<\/ol>\n<h4>Contenus et contenants<\/h4>\n<p><!-- ----------Articles---------- --><\/p>\n<ul>\n<li class=\"faqsep\"><span class=\"lititle\">les Articles<\/span> :\n<ol>\n<li><a href=\"#articles1\">qu&rsquo;est-ce qu&rsquo;un <b>Article<\/b> ?<\/a><\/li>\n<li><a href=\"#articles2\">comment est stock\u00e9 l&rsquo;<b>Article<\/b> dans WordPress ?<\/a><\/li>\n<li><a href=\"#articles3\">comment limiter l&rsquo;affichage d&rsquo;un <b>Article<\/b> dans le blog ?<\/a> (insertion de la mention \u00ab\u00a0lire la suite\u00a0\u00bb)<\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Pages---------- --><\/p>\n<li class=\"faqsep\"><span class=\"lititle\">les Pages<\/span> :\n<ol>\n<li><a href=\"#pages1\">qu&rsquo;est-ce qu&rsquo;une <b>Page<\/b> ?<\/a><\/li>\n<li><a href=\"#pages2\">comment administrer sa hi\u00e9rarchie de pages ?<\/a><\/li>\n<li><a href=\"#pages3\">comment supprimer la barre lat\u00e9rale sur une page ?<\/a><\/li>\n<li><a href=\"#pages4\">comment modifier l&rsquo;URL d&rsquo;une page ?<\/a><\/li>\n<li><a href=\"#pages5\">comment est stock\u00e9e une <b>Page<\/b> ?<\/a><\/li>\n<li><a href=\"#pages6\">&#8230;<\/a><\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Medias---------- --><\/p>\n<li class=\"faqsep\"><span class=\"lititle\">les M\u00e9dias<\/span> :\n<ol>\n<li><a href=\"#medias1\">qu&rsquo;est-ce qu&rsquo;un <b>M\u00e9dia<\/b> ?<\/a><\/li>\n<li><a href=\"#medias2\">comment est stock\u00e9 un <b>M\u00e9dia<\/b> ?<\/a><\/li>\n<li><a href=\"#medias3\">&#8230;<\/a><\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Commentaires---------- --><\/p>\n<li class=\"faqsep\"><span class=\"lititle\">les Commentaires<\/span> :\n<ol>\n<li><a href=\"#comments1\">qu&rsquo;est-ce qu&rsquo;un <b>Commentaire<\/b> ?<\/a><\/li>\n<li><a href=\"#comments2\">puis-je autoriser les commentaires sur mon site ?<\/a><\/li>\n<li><a href=\"#comments3\">&#8230;<\/a><\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Text Blocks---------- --><\/p>\n<li class=\"faqsep\"><span class=\"lititle\">les Text Blocks<\/span> :\n<ol>\n<li><a href=\"#blocks1\">qu&rsquo;est-ce qu&rsquo;un <b>Text Block<\/b> ?<\/a><\/li>\n<li><a href=\"#blocks2\">&#8230;<\/a><\/li>\n<\/ol>\n<p><b>voir aussi<\/b> (dans la faq6:Extensions) :<\/p>\n<ol>\n<li><a href=\"\/infodoc\/faq\/faq6\/#tb1\">\u00e0 quoi sert un <b>Text Block<\/b> ?<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq6\/#tb2\">quels sont les <b>Text Blocks<\/b> disponibles par d\u00e9faut ?<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq6\/#tb3\">comment modifier\/ajouter un <b>Text Block<\/b> ?<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq6\/#tb4\">comment utiliser un <b>Text Block<\/b> ?<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<h4>Extensions<\/h4>\n<ul>\n<li><b>G\u00e9n\u00e9ralit\u00e9s (voir aussi faq1:D\u00e9finitions)<\/b> :\n<ol>\n<li><a href=\"#gener1\">comment faire installer une nouvelle extension ?<\/a><\/li>\n<li><a href=\"#gener2\">comment ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>Text Blocks<\/b> :\n<ol>\n<li><a href=\"#tb1\">\u00e0 quoi sert un <b>Text Block<\/b> ?<\/a><\/li>\n<li><a href=\"#tb2\">quels sont les <b>Text Blocks<\/b> disponibles par d\u00e9faut ?<\/a><\/li>\n<li><a href=\"#tb3\">comment modifier\/ajouter un <b>Text Block<\/b> ?<\/a><\/li>\n<li><a href=\"#tb4\">comment utiliser un <b>Text Block<\/b> ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>SKT Skill Bar<\/b> :\n<ol>\n<li><a href=\"#skill1\">quels types de graphiques sont disponibles ?<\/a><\/li>\n<li><a href=\"#skill2\">comment modifier l&rsquo;aspect des graphiques ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>Inria HAL<\/b> :\n<ol>\n<li><a href=\"#ih1\">quoi ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>TeachPress<\/b> :\n<ol>\n<li><a href=\"#tp1\">quoi ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>Papercite<\/b> :\n<ol>\n<li><a href=\"#pc1\">quoi ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>WordPress Google Maps<\/b> :\n<ol>\n<li><a href=\"#tp1\">quoi ?<\/a><\/li>\n<\/ol>\n<\/li>\n<li><b>Contact Form 7<\/b> :\n<ol>\n<li><a href=\"#cf7-1\">quoi ?<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<h3>R\u00e9ponses :<\/h3>\n<h4>D\u00e9finitions<\/h4>\n<ol>\n<li class=\"faqsep\"><a name=\"faq1-1\"><\/a><span class=\"faqreponse\">quel est l&rsquo;outil de gestion de contenu utilis\u00e9 sur ce nouveau site<\/span> :\n<ul>\n<li>l&rsquo;outil est <b>WordPress<\/b><\/li>\n<li>c&rsquo;est un <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Syst%C3%A8me_de_gestion_de_contenu\">CMS<\/a>, qui vous permet de g\u00e9rer des contenus (des \u00ab\u00a0pages web\u00a0\u00bb) depuis n&rsquo;importe o\u00f9, du moment que vous avez un acc\u00e8s internet, gr\u00e2ce \u00e0 une interface d&rsquo;administration \u00e0 laquelle vous acc\u00e9dez avec votre authentification classique.<\/li>\n<li>vous ne saisissez que la partie <i>utile<\/i> de la page (le <i>corps de page<\/i>), c&rsquo;est l&rsquo;outil qui mettra en forme, ajoutera les menus ou assurera diverses t\u00e2ches d&rsquo;administration.<\/li>\n<li>il est install\u00e9 avec une option sp\u00e9cifique dite <i>multi-utilisateurs<\/i> ou <i><b>WordPress MU<\/b><\/i> (on parle aussi de <i>WordPress multi-sites<\/i>) :\n<ul>\n<li>un <b>super-administrateur<\/b> cr\u00e9e les nouveaux sites et donne un r\u00f4le d&rsquo;<b>administrateur<\/b> \u00e0 son propri\u00e9taire. Il associe au site un certain nombres d&rsquo;\u00e9l\u00e9ments (th\u00e8mes, extensions) que l&rsquo;<b>administrateur<\/b> pourra manipuler.<\/li>\n<li>l&rsquo;<b>administrateur<\/b> (vous) peut ajouter et modifier des contenus, intervenir sur des r\u00e9glages de th\u00e8mes ou d&rsquo;extensions, mais ne peut pas ajouter de nouveau th\u00e8me ou d&rsquo;extension (en cas de besoin, il pourra faire une demande au <b>super-administrateur<\/b>)<\/li>\n<\/ul>\n<\/li>\n<li><b>WordPress<\/b> permet \u00e0 chaque <b>administrateur<\/b> de site de modifier directement ses contenus via une interface d&rsquo;administration accessible en mode connect\u00e9 (authentification CAS). Vous pouvez donc mettre \u00e0 jour votre site depuis n&rsquo;importe quelle connexion Internet.<\/li>\n<li>la particularit\u00e9 de notre installation est qu&rsquo;elle permet aussi l&rsquo;acc\u00e8s \u00e0 un espace <i>statique<\/i><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-2\"><\/a><span class=\"faqreponse\">\u00e0 quoi correspondent les \u00e9l\u00e9ments qui apparaissent dans mon tableau de bord wordpress<\/span> :\n<ul>\n<li>il y a plusieurs familles d&rsquo;\u00e9l\u00e9ments repr\u00e9sent\u00e9es dans le menu d&rsquo;administration :\n<ul>\n<li>les <b>Contenants<\/b> : ce sont les formats de donn\u00e9es (ou <i>contenus<\/i>) que vous allez saisir pour construire votre site. Il y a plusieurs fa\u00e7ons de structurer un contenu ou d&rsquo;y donner acc\u00e8s. Chaque <b>Contenant<\/b> correspond \u00e0 un besoin sp\u00e9cifique, il faut bien les diff\u00e9rencier (voir leurs d\u00e9finitions plus loin) avant de s\u00e9lectionner celui qui va correspondre au contenu \u00e0 saisir : <b>Articles<\/b>, <b>Pages<\/b>, <b>M\u00e9dias<\/b> (les 3 <b>Contenants<\/b> par d\u00e9faut de wordpress), mais aussi les <b>Menus<\/b> (dans Apparence > Menus), et les autres formats d\u00e9finis par des extensions comme <b>Text Blocks<\/b>, <b>Formulaires<\/b> (dans Contact), qui sont rendus accessibles par des <b>shortcodes<\/b> dans les contenants principaux.<\/li>\n<li>les <b>Th\u00e8mes<\/b> (accessibles dans Apparence) : le th\u00e8me (parfois appel\u00e9 <i>skin<\/i>) d\u00e9finit l&rsquo;apparence de votre site \u00e0 l&rsquo;aide de templates (programmes qui g\u00e9n\u00e8rent le code de votre page web) et de feuilles de style (CSS) qui impl\u00e9mentent les d\u00e9finitions de style du template. Par d\u00e9faut seuls les th\u00e8mes valid\u00e9s par le <b>super-admin<\/b> sont accessibles. Ce sont des th\u00e8mes modifi\u00e9s et adapt\u00e9s, qui vous autorisent cependant certains r\u00e9glages (via l&rsquo;option Apparence du menu)<\/li>\n<li>les <b>Extensions<\/b> : aussi appel\u00e9es <i>plugins<\/i> dans les versions anglaises, les extensions ajoutent des possibilit\u00e9s ou des formats de contenus \u00e0 votre interface<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-10\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>contenu<\/b><\/span> :\n<ul>\n<li>on appelle <b><i>contenu<\/i><\/b> les donn\u00e9es qu&rsquo;un r\u00e9dacteur saisit dans l&rsquo;interface d&rsquo;administration, qui seront enregistr\u00e9es dans la base de donn\u00e9es et qui seront restitu\u00e9es dans un <a href=\"#faq1-11\"><b>contenant<\/b><\/a> de la page par l&rsquo;interm\u00e9diaire d&rsquo;un <a href=\"#faq1-7\"><b>slot<\/b><\/a>.<\/li>\n<li>selon le type de champ de formulaire que vous remplissez dans l&rsquo;interface d&rsquo;administration, le <b>contenu<\/b> correspondra donc au corps de la page (le plus souvent : Page, Article,&#8230;), \u00e0 la barre lat\u00e9rale (si elle est active sur la page : Widget, Text Block, Map,&#8230;) ou \u00e0 la construction d&rsquo;un menu (Cat\u00e9gories, &#8230;)<\/li>\n<li>les champs <b>titres<\/b> des pages principales figureront g\u00e9n\u00e9ralement \u00e0 la fois dans un slot du <b>corps de la page<\/b> et dans un slot de type <b>Menu<\/b>.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-11\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>contenant<\/b><\/span> :\n<ul>\n<li>un <b><i>contenant<\/i><\/b> est un mod\u00e8le de page d\u00e9crit dans votre Th\u00e8me : il est caract\u00e9ris\u00e9 par un Template, code PHP qui g\u00e9n\u00e8re de l&rsquo;HTML en ins\u00e9rant des Contenus issus de la base de donn\u00e9es dans des Slots pr\u00e9vus \u00e0 cet effet (slot menu, slot barre lat\u00e9rale, slot pied de page, etc.).<\/li>\n<li>on dispose g\u00e9n\u00e9ralement de plusieurs types de contenants : Page pleine largeur, Page avec bande lat\u00e9rale, Collection d&rsquo;articles,&#8230;<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-3\"><\/a><span class=\"faqreponse\">quels Contenants (ou <i>formats de contenus<\/i>) puis-je manipuler avec WordPress<\/span> :\n<ul>\n<li>le plus important pour bien prendre en main l&rsquo;administration d&rsquo;un site WordPress est de bien distinguer les <b>Contenants<\/b> qu&rsquo;on peut y ins\u00e9rer.<\/li>\n<li>comme on l&rsquo;a vu plus haut, chaque <b>Contenant<\/b> se manipule \u00e0 partir d&rsquo;un onglet sp\u00e9cifique du menu d&rsquo;administration : apr\u00e8s avoir choisi le <b>Contenant<\/b>, on peut lister les \u00e9l\u00e9ments existants, les modifier, les supprimer ou en ajouter de nouveaux.<\/li>\n<li>les <b>Contenants<\/b> classiques :\n<ul>\n<li>un des premiers concepts \u00e0 appr\u00e9hender avec WordPress est la diff\u00e9rence entre les <b>Articles<\/b> et les <b>Pages<\/b> :<\/li>\n<li><a name=\"faq1-14\"><\/a>la <b>Page<\/b> : \u00e9l\u00e9ment de base d&rsquo;un site web, la <b>Page<\/b> WordPress est un contenu g\u00e9n\u00e9ralement ind\u00e9pendant du temps et de la chronologie de l&rsquo;\u00e9dition. Elle contiendra typiquement des informations statiques telles que votre CV, des informations de contact, vos publications, ou une pr\u00e9sentation de vos travaux et de votre \u00e9quipe. Une page correspond au contenu principal de ce qu&rsquo;on appelle commun\u00e9ment \u00ab\u00a0page web\u00a0\u00bb, d\u00e9barass\u00e9 des \u00e9l\u00e9ments secondaires (menus, barre lat\u00e9rale,&#8230;) et identifi\u00e9 sur le web par une URL.<\/li>\n<li><a name=\"faq1-15\"><\/a>l&rsquo;<b>Article<\/b> : les <b>Articles<\/b> sont des \u00e9l\u00e9ments d&rsquo;\u00e9dition plus marqu\u00e9s dans le temps, et que vous souhaiterez pr\u00e9senter \u00e0 la file, dans un ordre ant\u00e9chrologique de leur date de publication : c&rsquo;est le principe de la page de blog. Vous utiliserez ces \u00e9l\u00e9ments pour d\u00e9crire une actualit\u00e9 (s\u00e9minaire, conf\u00e9rence,&#8230;) ou des billets d&rsquo;humeur. Sur votre site, dans le mod\u00e8le propos\u00e9 1.0, nous vous proposons 2 blogs :\n<ul>\n<li>la page d&rsquo;accueil fait d\u00e9filer tous vos articles marqu\u00e9s par la cat\u00e9gorie \u00ab\u00a0Professionnel\u00a0\u00bb<\/li>\n<li>dans le menu \u00ab\u00a0Perso\u00a0\u00bb, la sous-rubrique \u00ab\u00a0Mon blog personnel\u00a0\u00bb affiche tous les articles marqu\u00e9s par la cat\u00e9gorie \u00ab\u00a0Personnel\u00a0\u00bb.<\/li>\n<\/ul>\n<\/li>\n<li>le <a name=\"faq1-16\"><b>M\u00e9dia<\/b><\/a> : il s&rsquo;agit des \u00e9l\u00e9ments de type image, vid\u00e9o, PDF; archive zip, etc., que vous pouvez normalement uploader sur<\/li>\n<li>le <a name=\"faq1-17\"><b>Commentaire<\/b><\/a> : c&rsquo;est un \u00e9l\u00e9ment classique dans WordPress, mais c&rsquo;est aussi celui qui pose le plus de probl\u00e8mes de s\u00e9curit\u00e9 ! (il permet \u00e0 un utilisateur ext\u00e9rieur de r\u00e9agir \u00e0 vos publications). Nous l&rsquo;avons donc compl\u00e8tement d\u00e9sactiv\u00e9 sur ce site, c&rsquo;est pour cela que l&rsquo;option n&rsquo;apparait m\u00eame pas dans votre menu d&rsquo;administration\u2026<\/li>\n<\/ul>\n<\/li>\n<li>\u00e0 cela s&rsquo;ajoute une multitude de nouveaux <b>Contenants<\/b>, apparus dans les derni\u00e8res versions de WordPress ou introduits par des <b>Extensions<\/b>, et pas toujours g\u00e9r\u00e9s de fa\u00e7on tr\u00e8s coh\u00e9rente :\n<ul>\n<li>le <b>Menu<\/b> :<\/li>\n<li>le <b>Text-Block<\/b> :<\/li>\n<li>le <b>Formulaire<\/b> : vous pouvez cr\u00e9er des formulaires pour permettre aux lecteurs de votre site d&rsquo;entrer en contact avec vous. Une fois le formulaire cr\u00e9\u00e9, vous pouvez l&rsquo;utiliser dans n&rsquo;importe quelle page gr\u00e2ce \u00e0 un <i>shortcode<\/i><\/li>\n<li>la <b>Map<\/b> : <\/li>\n<li>d&rsquo;autres extensions permettent de g\u00e9rer des contenus internes (par exemple l&rsquo;extension TeachPress ajoute des tables \u00e0 votre base WordPress pour g\u00e9rer vos publications et vos cours) ou externes (l&rsquo;extension HAL-Inria construit dynamiquement des pages avec vos publications \u00e0 partir d&rsquo;une simple requ\u00eate au site haltools que vous aurez stock\u00e9e dans une page)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-4\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>th\u00e8me<\/b><\/span> :\n<ul>\n<li>le th\u00e8me (ou <i>skin<\/i> en anglais) d\u00e9crit l&rsquo;apparence de la mise en pages du site.<\/li>\n<li>il est compos\u00e9 de <b>templates<\/b> et de <b>feuilles de style<\/b> (CSS).<\/li>\n<li>il constitue un gabarit, non modifiable par le r\u00e9dacteur, qui n&rsquo;aura plus qu&rsquo;\u00e0 saisir les diff\u00e9rents \u00e9l\u00e9ments (enregistr\u00e9s dans la base de donn\u00e9es) \u00e0 ins\u00e9rer automatiquement dans les <b>slots<\/b> du template.<\/li>\n<li>il permet de s\u00e9parer le contenu r\u00e9dactionnel (extrait de la base de donn\u00e9es) de sa mise en forme et de sa pr\u00e9sentation.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-5\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>template<\/b><\/span> :\n<ul>\n<li>un template d\u00e9crit la structure d&rsquo;une page de votre site.<\/li>\n<li>les diff\u00e9rents \u00e9l\u00e9ments de l&rsquo;architecture d&rsquo;une page (par exemple : l&rsquo;en-t\u00eate, le menu, le corps de page, le pied de page,\u2026) vont prendre place dans votre template sous forme d&rsquo;un code HTML pr\u00e9d\u00e9fini, qui d\u00e9finira des balises et des classes de style \u00e0 caract\u00e9riser dans la feuille de style.<\/li>\n<li>certains de ces \u00e9l\u00e9ments seront fig\u00e9s dans le template, d&rsquo;autres sont destin\u00e9s \u00e0 accueillir des contenus variables (<i>dynamiques<\/i>) issus de la base de donn\u00e9es : on les appelle des <b>slots<\/b>.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-6\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;une <b>feuille de style<\/b> (ou CSS)<\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-7\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>slot<\/b><\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-8\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>widget<\/b><\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq1-18\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;une <b>extension<\/b> (ou plugin) de WordPress<\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<li class=\"faqsep\"><a name=\"faq1-9\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>shortcode<\/b><\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<li class=\"faqsep\"><a name=\"faq1-12\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>blog<\/b><\/span> :\n<ul>\n<li>le blog : <a href=\"\/infodoc\/les-blogs\/#definition\">d\u00e9finition<\/a><\/li>\n<li>g\u00e9rer le <a href=\"\/infodoc\/les-blogs\/#accueil\">blog par d\u00e9faut de la page d&rsquo;accueil<\/a><\/li>\n<li>le <a href=\"\/infodoc\/les-blogs\/#category\">blog de cat\u00e9gorie<\/a><\/li>\n<li>l&rsquo;<a href=\"\/infodoc\/les-blogs\/#ACE\">extension ACE<\/a><\/li>\n<\/ul>\n<li class=\"faqsep\"><a name=\"faq1-13\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>cat\u00e9gorie<\/b><\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<li class=\"faqsep\"><a name=\"faq1-14\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>tag<\/b><\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Prise en main<\/h4>\n<ol>\n<li class=\"faqsep\"><a name=\"faq2-1\"><\/a><span class=\"faqreponse\">comment puis-je acc\u00e9der \u00e0 l&rsquo;interface d&rsquo;administration de mon site ?<\/span>\n<ul>\n<li>tant que vous n&rsquo;avez pas d\u00e9sactiv\u00e9 le plugin WP Maintenance qui pr\u00e9sente aux utilisateurs non connect\u00e9s une page \u00ab\u00a0en travaux\u00a0\u00bb avec un bouton de connexion, pas de souci : il suffit de cliquer sur \u00ab\u00a0Connexion\u00a0\u00bb, et vous serez redirig\u00e9s sur le CAS de l&rsquo;Inria pour vous authentifier et acc\u00e9der \u00e0 votre Tableau de Bord WordPress.<\/li>\n<li>par contre, une fois le site activ\u00e9, vous n&rsquo;avez plus de lien direct sur le CAS dans le mod\u00e8le propos\u00e9 (nous avons pr\u00e9f\u00e9r\u00e9 ne pas rendre ce service trop voyant).<\/li>\n<li>il est cependant facile de se souvenir de l&rsquo;URL du connecteur : il suffit de rajouter <b>wp-admin<\/b> \u00e0 la suite de votre URL de base.<\/li>\n<li>Par exemple, pour l&rsquo;utilisateur dont le site est identifi\u00e9 par https:\/\/members.loria.fr\/PNom\/, l&rsquo;adresse https:\/\/members.loria.fr\/PNom\/wp-admin\/ renverra soit sur le CAS si sa session n&rsquo;est pas encore ouverte, soit sur son tableau de bord WordPress si une session CAS existe d\u00e9j\u00e0 pour le m\u00eame navigateur.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a href=\"faq2-2\"><\/a><span class=\"faqreponse\">sur mon interface d&rsquo;administration, la barre de menu de gauche apparait sans les libell\u00e9s. Comment puis-je l&rsquo;\u00e9tendre pour avoir l&rsquo;aspect vu dans infodoc ?<\/span>\n<ul>\n<li>ce <em>probl\u00e8me<\/em> peut apparaitre si vous utilisez un navigateur diff\u00e9rent ou si vous avez cliqu\u00e9 de mani\u00e8re inopin\u00e9e sur le bouton de r\u00e9duction du menu<\/li>\n<li>pas de panique, un petit clic sur le bouton repr\u00e9sentant une fl\u00e8che tout en bas du menu de gauche permet d&rsquo;\u00e9tendre \u00e0 nouveau le menu :<br \/>\n<table  class=\" table table-hover\" align=\"center\" border=\"0\">\n<thead>\n<tr>\n<th>&nbsp;<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td align=\"center\" valign=\"middle\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/faqs\/menu-elargir-1.png\" alt=\"elargir le menu 1\" width=\"200\" \\><\/td>\n<td align=\"center\" valign=\"middle\" width=\"100\"> => <\/td>\n<td align=\"center\" valign=\"middle\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/faqs\/menu-elargir-2.png\" alt=\"elargir le menu 2\" \\><\/td>\n<td align=\"center\" valign=\"middle\" width=\"100\"> => <\/td>\n<td align=\"center\" valign=\"middle\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/faqs\/menu-elargir-3.png\" alt=\"elargir le menu 3\" width=\"200\"\\><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ul>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/li>\n<\/ol>\n<h4>R\u00e9glages<\/h4>\n<ol>\n<li class=\"faqsep\"><a name=\"faq3-1\"><\/a><span class=\"faqreponse\">comment WordPress adresse-t-il ses pages sur le web<\/span> :\n<ul>\n<li>par d\u00e9faut, WordPress produit des URLs (adresses web) avec un point d&rsquo;interrogation suivi d&rsquo;une suite de chiffres impossibles ) m\u00e9moriser.<\/li>\n<li>l&rsquo;option <b>R\u00e9glages<\/b> > <b>Permaliens<\/b> de votre <b>Tableau de bord<\/b> permet cependant de modifier ce r\u00e9glage pour produire des adresses plus lisibles.<\/li>\n<li>nous avons pr\u00e9-r\u00e9gl\u00e9 les <b>Options de permaliens<\/b> sur <b>Nom de l\u2019article<\/b>, ce qui produit des URLs faciles \u00e0 lire et \u00e0 m\u00e9moriser, et coh\u00e9rentes entre les diff\u00e9rents types de contenus (articles, pages, cat\u00e9gories,&#8230;).<\/li>\n<li>\n<div class=\"encadre\">\n<b>Attention : <\/b> ne modifiez pas ce param\u00e8tre une fois que vous avez diffus\u00e9 des adresses, celles-ci seraient alors rendues invalides.<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq3-2\"><\/a><span class=\"faqreponse\">comment activer\/d\u00e9sactiver le <b>mode Maintenance<\/b><\/span> :\n<ul>\n<li>l&rsquo;extension \u00ab\u00a0<b>WP Maintenance Mode<\/b>\u00a0\u00bb permet de bloquer votre site en lecture en affichant une \u00ab\u00a0<i>page de maintenance<\/i>\u00ab\u00a0<\/li>\n<li>elle est utile dans 2 cas de figure :\n<ul>\n<li>lorsque vous faites des modifications importantes sur le site<\/li>\n<li>lorsque le Superadmin (webmaster) d\u00e9tecte un probl\u00e8me sur votre site, il peut \u00e9galement r\u00e9aliser l&rsquo;op\u00e9ration : par exemple si des contenus litigieux sont trouv\u00e9s sur le site. Dans ce cas, vous pourrez vous-m\u00eame d\u00e9sactiver le <b>mode Maintenance<\/b> lorsque le probl\u00e8me aura \u00e9t\u00e9 corrig\u00e9.<\/li>\n<\/ul>\n<\/li>\n<li>quand un site est en <b>mode Maintenance<\/b>, une page sp\u00e9ciale s&rsquo;affiche pour l&rsquo;utilisateur non connect\u00e9.<\/li>\n<li>pour modifier les options du <b>mode Maintenance<\/b>, il faut d&rsquo;abord <a href=\"\">vous connecter \u00e0 votre site<\/a>, puis dans le <b>Tableau de bord<\/b>, il faut se rendre sur la page <b>R\u00e9glages<\/b> > <b>WP Maintenance Mode<\/b>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/maintenance-02.png\" alt=\"mode Maintenance\" \/>\n<\/div>\n<\/li>\n<li>cette page comporte 3 onglets : <b>G\u00e9n\u00e9ral<\/b>, <b>Design<\/b>, et <b>Modules<\/b>.\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/maintenance-03.png\" alt=\"mode Maintenance\" \/>\n<\/div>\n<ul>\n<li>sur l&rsquo;onglet <b>G\u00e9n\u00e9ral<\/b>, vous pouvez activer\/d\u00e9sactiver le <b>mode Maintenance<\/b>, avec diverses options. L&rsquo;utilisation est triviale. N&rsquo;oubliez pas de cliquer sur le bouton <b>Save settings<\/b> en bas de page pour valider vos modifications.<\/li>\n<li>l&rsquo;onglet <b>Design<\/b> vous propose de modifier le contenu et l&rsquo;aspect de la <i>page de maintenance<\/i> : attention, vous pouvez bien s\u00fbr utiliser l&rsquo;\u00e9diteur en mode <i>Texte<\/i> pour formater votre texte avec des balises HTML, mais le template du site (et donc la feuille de style) n&rsquo;est pas charg\u00e9, et le contenu est limit\u00e9 \u00e0 un cadre en milieu de page.<\/li>\n<li>enfin l&rsquo;onglet <b>Modules<\/b> propose quelques options suppl\u00e9mentaires<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Apparence<\/h4>\n<ol>\n<li class=\"faqsep\"><a name=\"faq4-1\"><\/a><span class=\"faqreponse\">comment modifier le titre de mon site :<\/span>\n<ul>\n<li>Le champ Titre de WordPress est positionn\u00e9 dans le th\u00e8me choisi (Sparkling) dans le bandeau du haut, \u00e0 gauche du menu :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/titre-01.png\" alt=\"titre du site\" \/>\n<\/div>\n<\/li>\n<li>Pour modifier ce titre, dans votre Tableau de Bord, s\u00e9lectionnez <b>R\u00e9glages<\/b> > <b>G\u00e9n\u00e9ral<\/b><\/li>\n<li>Les 2 premiers champs sont <b>Titre du site<\/b> et <b>Slogan<\/b>.<\/li>\n<li>Dans notre mod\u00e8le, nous avons rempli par d\u00e9faut ces 2 champs avec vos pr\u00e9nom et nom.<\/li>\n<li>Modifiez le premier, puis cliquez sur <b>Enregistrer les modifications<\/b><\/li>\n<li><i>Remarque : le champ <b>Slogan<\/b> n&rsquo;est pas visualis\u00e9 dans le th\u00e8me actuel<\/i>.<\/li>\n<li><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq4-3\"><\/a><span class=\"faqreponse\">comment modifier la couleur de fond du bandeau haut de la page<\/span> :\n<ul>\n<li>Vous avez un <a href=\"\/infodoc\/tutoriel\/lecon6\">tutoriel<\/a> sur le sujet du \u00ab\u00a0relooking\u00a0\u00bb de votre site. Vous ne pouvez pas modifier les templates du th\u00e8me, par contre vous pouvez \u00e9crire votre propre feuille de style qui viendra \u00e9craser les directives de style pr\u00e9c\u00e9demment d\u00e9finies.<\/li>\n<li><b>Important : <\/b>dans les feuilles de style charg\u00e9es en amont, beaucoup de directives sont marqu\u00e9es de l&rsquo;attribut \u00ab\u00a0!important\u00a0\u00bb (voir <a href=\"https:\/\/www.smashingmagazine.com\/2010\/11\/the-important-css-declaration-how-and-when-to-use-it\/\">ici<\/a> si vous ne maitrisez pas la signification de cet attribut). Pour \u00eatre s\u00fbr que ce sont bien vos d\u00e9finitions qui vont \u00eatre prises en compte par le navigateur, je vous conseille donc <b>de les marquer toutes avec l&rsquo;attribut \u00ab\u00a0!important\u00a0\u00bb<\/b>.<\/li>\n<li>Une fois que vous avez acc\u00e9d\u00e9 \u00e0 votre feuille de style personnelle, voici un bout de code CSS pour changer la couleur de fond du bandeau haut et des \u00e9l\u00e9ments du menu :\n<pre>\r\n#masthead, .navbar, .navbar-header, .navbar-header .navbar-brand, .site-navigation-inner { background-color: red!important ; }\r\n.navbar-nav > li.menu-item > a { color: #000000!important; }\r\n.navbar-nav > li.menu-item > a:hover { color: #00ffff!important; }\r\n.navbar-nav > li.active > a { color: #0000ff!important; }\r\n<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"4\"><\/a><span class=\"faqreponse\">comment g\u00e9rer le <b>Menu horizontal<\/b> du haut de page<\/span> :\n<ul>\n<li>c&rsquo;est un point qui a \u00e9t\u00e9 s\u00e9rieusement remani\u00e9 dans les derni\u00e8res versions de WordPress et qui n&rsquo;est pas toujours bien g\u00e9r\u00e9 au niveau des th\u00e8mes.<\/li>\n<li>avec le th\u00e8me choisi (sparkling), il faut faire 2 choses :\n<ol>\n<li>lorsque vous cr\u00e9ez vos pages, dans Pages > Ajouter, pensez \u00e0 toujours bien les positionner dans la hi\u00e9rarchie des pages (attribut \u00ab\u00a0Parent\u00a0\u00bb de la page)<\/li>\n<li>dans Apparence > Menus, vous pouvez cr\u00e9er des \u00e9l\u00e9ments de menu de 4 types (Pages, Articles, Liens ou Cat\u00e9gories). D\u00e9roulez le type pour choisir l&rsquo;\u00e9l\u00e9ment, et cliquez \u00ab\u00a0Ajouter au menu\u00a0\u00bb. Puis dans la partie droite (<b>Structure du menu<\/b>), glissez-d\u00e9posez l&rsquo;\u00e9l\u00e9ment pour le positionner \u00e0 sa place. Pour en faire un sous-\u00e9l\u00e9ment de l&rsquo;\u00e9l\u00e9ment pr\u00e9c\u00e9dent, d\u00e9calez simplement l&rsquo;\u00e9l\u00e9ment vers la droite (prenez exemple sur l&rsquo;\u00e9l\u00e9ment d\u00e9roulant <b>Contact<\/b> du mod\u00e8le fourni.<\/li>\n<\/ol>\n<\/li>\n<li>voir ici pour un mode d&#8217;emploi en images :<br \/>\n<a href=\"\/infodoc\/manips\/ajoutmenu\/\">\/infodoc\/manips\/ajoutmenu\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq4-6\"><\/a><span class=\"faqreponse\">comment ajouter un glyphicon dans le <b>Menu horizontal<\/b> du haut de page<\/span> :\n<ul>\n<li>un petit \u00ab\u00a0effet sympa\u00a0\u00bb du mod\u00e8le de site que nous vous avons propos\u00e9, c&rsquo;est les petites icones qui apparaissent \u00e0 gauche de chaque item du premier niveau du menu horizontal : on les appelle des \u00ab\u00a0glyphes\u00a0\u00bb ou \u00ab\u00a0glyphicons\u00a0\u00bb.<\/li>\n<li>la librairie de glyphicons install\u00e9e est visible ici : http:\/\/getbootstrap.com\/components\/<\/li>\n<li>pour modifier un glyphicon, ou en ajouter un \u00e0 un nouvel \u00e9l\u00e9ment de menu, il suffit de d\u00e9rouler les options de l&rsquo;\u00e9l\u00e9ment de menu en cliquant sur le petit triangle tout \u00e0 droite de l&rsquo;\u00e9l\u00e9ment.<\/li>\n<li>vous devez alors voir un champ \u00ab\u00a0Attribut du titre\u00a0\u00bb.<\/li>\n<li><b>Point important : <\/b>si vous ne voyez pas ce champ, c&rsquo;est qu&rsquo;il manque un petit d\u00e9tail \u00e0 votre configuration ! Pour modifier cela, en haut \u00e0 droite de la fen\u00eatre des menus, cliquez sur \u00ab\u00a0Options de l&rsquo;\u00e9cran\u00a0\u00bb.<br \/>Et sur la 2\u00e8me ligne d&rsquo;options qui apparaissent (\u00ab\u00a0Afficher les propri\u00e9t\u00e9s avanc\u00e9es du menu\u00a0\u00bb), cochez \u00ab\u00a0Attribut de titre\u00a0\u00bb. Vous devriez maintenant voir le champ de saisie qui nous int\u00e9resse.<\/li>\n<li>allez sur le site <b>getbootstrap<\/b> et rep\u00e9rez le glyphe qui repr\u00e9sentera votre nouvel \u00e9l\u00e9ment de menu.<\/li>\n<li>copiez le code qui figure sous le glyphe (par exemple \u00ab\u00a0glyphicon glyphicon-euro\u00a0\u00bb pour un symbole d&rsquo;euro), et collez le dans le cadre.<\/li>\n<li>sauvegardez et rechargez la page. Votre glyphicon doit apparaitre dans le menu \u00e0 gauche du titre de l&rsquo;\u00e9l\u00e9ment.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq4-5\"><\/a><span class=\"faqreponse\">pourquoi l&rsquo;option habituelle <b>Discussion<\/b> n&rsquo;apparait-elle pas dans le menu <b>R\u00e9glages<\/b> de mon panneau d&rsquo;administration<\/span> :\n<ul>\n<li>cette option <b>Discussion<\/b> sert \u00e0 param\u00e9trer l&rsquo;usage des contenus de type <b>Commentaires<\/b><\/li>\n<li>pour des raisons de s\u00e9curit\u00e9, nous avons compl\u00e8tement interdit cette option : il est en effet facile pour un usager ext\u00e9rieur de d\u00e9tourner l&rsquo;usage des commentaires pour introduire des contenus illicites dans la base de donn\u00e9es<\/li>\n<li>c&rsquo;est une extension sp\u00e9cifique activ\u00e9e sur tout le r\u00e9seau de sites qui se charge de bloquer les commentaires<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"faq4-2\"><\/a><span class=\"faqreponse\">comment visualiser les feuilles de style associ\u00e9es \u00e0 ma page ?<\/span> :\n<ul>\n<li>vous trouverez beaucoup d&rsquo;outils pour vous aider \u00e0 d\u00e9velopper ou \u00e0 analyser du code HTML (visualisation du DOM, de la hi\u00e9rarchie des feuilles de style, etc.)<\/li>\n<li>la plupart des navigateurs web proposent aussi ces fonctionnalit\u00e9s, souvent en option (plugins et autres extensions \u00e0 t\u00e9l\u00e9charger en compl\u00e9ment du package standard)<\/li>\n<li>il est difficile de maintenir \u00e0 jour une documentation sur l&rsquo;utilisation de ces outils, car ils \u00e9voluent constamment<\/li>\n<li>nous prendrons ici en exemple Safari, dans sa version 9.1.2\n<ul>\n<li>dans sa version courante, Safari ne pr\u00e9sente aucune aide aux d\u00e9veloppeurs<\/li>\n<li>mais il est tr\u00e8s facile d&rsquo;activer un menu suppl\u00e9mentaire : <b>D\u00e9veloppement<\/b><\/li>\n<li>pour cela, ouvrez les Pr\u00e9f\u00e9rences de l&rsquo;application, onglet Avanc\u00e9es, et cochez l&rsquo;option \u00ab\u00a0Afficher le menu D\u00e9veloppement dans la barre des menus\u00a0\u00bb<\/li>\n<li>\u00e0 partir de l\u00e0 vous \u00eates par\u00e9s pour retravailler votre th\u00e8me WordPress !<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Contenus et contenants<\/h4>\n<ul>\n<!-- ----------Articles---------- --><\/p>\n<li>les Articles :\n<ol>\n<li class=\"faqsep\"><a name=\"articles1\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>Article<\/b> :<\/span>\n<ul>\n<li>les <b>Articles<\/b> sont des \u00e9l\u00e9ments de contenu g\u00e9n\u00e9ralement marqu\u00e9s dans le temps, soit pour d\u00e9crire un <i>actualit\u00e9<\/i>, soit pour exprimer un <i>billet d&rsquo;humeur<\/i> par exemple.<\/li>\n<li>ils sont g\u00e9n\u00e9ralement peu structur\u00e9s :\n<div class=\"encadre\">\n1 Article = 1 Titre + 1 Paragraphe\n<\/div>\n<\/li>\n<li>dans WordPress, ils sont affich\u00e9s \u00e0 la suite dans un contenant sp\u00e9cifique (le \u00ab\u00a0<b>blog<\/b>\u00ab\u00a0), que l&rsquo;on met souvent en page d&rsquo;accueil : en t\u00eate de liste figure le dernier article saisi, et les articles plus anciens sont au fur et \u00e0 mesure refoul\u00e9s vers le bas de page.<\/li>\n<li>cela permet d&rsquo;avoir un affichage dynamique et renouvel\u00e9 de sa page d&rsquo;accueil (c&rsquo;est le principe du blog).<\/li>\n<li>un <b>Article<\/b> peut \u00eatre associ\u00e9 \u00e0 des <b>Cat\u00e9gories<\/b> et des <b>Tags<\/b>.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"articles2\"><\/a><span class=\"faqreponse\">comment est stock\u00e9 l&rsquo;<b>Article<\/b> dans WordPress :<\/span>\n<ul>\n<li>le contenu de l&rsquo;article est stock\u00e9 dans une base de donn\u00e9es MySQL, pas dans un fichier (contrairement au <b>M\u00e9dia<\/b>).<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"articles3\"><\/a><span class=\"faqreponse\">comment limiter l&rsquo;affichage d&rsquo;un <b>Article<\/b> dans le blog ? (insertion de la mention \u00ab\u00a0lire la suite\u00a0\u00bb) :<\/span>\n<ul>\n<li>Quand un article d\u00e9passe 5 ou 6 lignes, ou n\u00e9cessite l&rsquo;insertion de plusieurs images ou sch\u00e9mas, il est souvent int\u00e9ressant d&rsquo;en limiter la taille sur la page de blog, en ne pr\u00e9sentant que l&rsquo;accroche des premi\u00e8res lignes, et de renvoyer vers une page qui affiche l&rsquo;article dans son int\u00e9gralit\u00e9.<\/li>\n<li>Pour cela, il suffit de saisir l&rsquo;article complet, puis de positionner le curseur \u00e0 l&rsquo;endroit o\u00f9 vous voudrez voir apparaitre la coupure et la mention \u00ab\u00a0lire la suite\u00a0\u00bb, puis de cliquer dans l&rsquo;\u00e9diteur sur le bouton \u00ab\u00a0more\u00a0\u00bb.\n<li>WordPress ins\u00e9rera automatiquement le bouton \u00ab\u00a0lire la suite\u00a0\u00bb (ou \u00ab\u00a0more\u00a0\u00bb si vous avez choisi la version anglaise).<\/li>\n<li>N&rsquo;oubliez pas de sauvegarder avant de voir votre page de blog !<\/li>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Pages---------- --><\/p>\n<li>les Pages :\n<ol>\n<li class=\"faqsep\"><a name=\"pages1\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;une <b>Page<\/b> :<\/span>\n<ul>\n<li>les pages sont des \u00e9l\u00e9ments moins \u00ab\u00a0dat\u00e9s\u00a0\u00bb que les articles, ils correspondent \u00e0 des informations que l&rsquo;on voudra toujours afficher de la m\u00eame fa\u00e7on et de mani\u00e8re individuelle et diff\u00e9renci\u00e9e au visiteur du site.<\/li>\n<li>elles sont g\u00e9n\u00e9ralement tr\u00e8s structur\u00e9es, et utilisent pour cela toute la batterie des balises HTML pr\u00e9vues \u00e0 cet effet ou accessibles dans l&rsquo;\u00e9diteur en mode <b>Visuel<\/b> : niveaux de titres, paragraphes, \u00e9num\u00e9rations, etc.<\/li>\n<li>l&rsquo;acc\u00e8s \u00e0 la page se fait par l&rsquo;interm\u00e9diaire d&rsquo;un <b>Menu<\/b>, essentiellement le <b>Menu haut<\/b> avec notre choix de th\u00e8me, ou par un simple <b>Lien<\/b> que vous aurez plac\u00e9 dans une page de sommaire par exemple.<\/li>\n<li>le traitement de la <b>Page<\/b> est similaire \u00e0 celui de l&rsquo;<b>Article<\/b> : vous pouvez <i>ajouter<\/i> une nouvelle page, la <i>modifier<\/i> avec l&rsquo;\u00e9diteur, et la <i>supprimer<\/i>.<\/li>\n<li>comme un article, une <b>Page<\/b> a un titre et un contenu.<\/li>\n<li>les pages <b>ne peuvent pas<\/b> \u00eatre associ\u00e9es \u00e0 des <b>Cat\u00e9gories<\/b> ou des <b>Tags<\/b>\n<li>le contenu de la page est stock\u00e9 dans une base de donn\u00e9es MySQL, pas dans un fichier.<\/li>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"pages2\"><\/a><span class=\"faqreponse\">comment administrer sa hi\u00e9rarchie de pages :<\/span>\n<ul>\n<li>dans WordPress, la <b>Page<\/b> est l&rsquo;\u00e9l\u00e9ment de construction privil\u00e9gi\u00e9 d&rsquo;un site hi\u00e9rarchique (site classique, arborescent).<\/li>\n<li>vous disposez pour cela de plusieurs outils :\n<ul>\n<li>les <b>Menus<\/b><\/li>\n<li>les <b>Liens<\/b><\/li>\n<li>les pages d&rsquo;<b>Index<\/b><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"pages3\"><\/a><span class=\"faqreponse\">comment supprimer la barre lat\u00e9rale sur une page :<\/span>\n<ul>\n<li>la barre lat\u00e9rale (contenant des widgets comme le Text Block <b>identit\u00e9<\/b> ou un calendrier par exemple) fait partie du mod\u00e8le par d\u00e9faut de pages. Un autre mod\u00e8le (Full-width) permet d&rsquo;avoir le texte principal en pleine largeur. Pour passer de l&rsquo;un \u00e0 l&rsquo;autre :\n<ul>\n<li>aller sur <b>Pages<\/b> > <b>Toutes les pages<\/b><\/li>\n<li>choisissez la page et cliquez sur <b>Modifier<\/b><\/li>\n<li>dans la barre \u00e0 droite, vous avez l&rsquo;option <b>Mod\u00e8le<\/b> avec un menu d\u00e9roulant qui propose 2 options : <b>Mod\u00e8le par d\u00e9faut<\/b> et <b>Full-width (no sidebar)<\/b><\/li>\n<li>s\u00e9lectionnez l&rsquo;option d\u00e9sir\u00e9e et cliquez sur <b>Mise \u00e0 jour<\/b><\/li>\n<li>vous pouvez contr\u00f4ler l&rsquo;op\u00e9ration en cliquant sur <b>Voir la page<\/b> dans le bandeau de boutons en haut de page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"pages4\"><\/a><span class=\"faqreponse\">comment modifier l&rsquo;URL d&rsquo;une page :<\/span>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"pages5\"><\/a><span class=\"faqreponse\">comment est stock\u00e9e une <b>Page<\/b> :<\/span>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"pages6\"><\/a><span class=\"faqreponse\">&#8230;<\/span>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------M\u00e9dias---------- --><\/p>\n<li>les M\u00e9dias :\n<ol>\n<li class=\"faqsep\"><a name=\"medias1\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>M\u00e9dia<\/b> :<\/span>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"medias2\"><\/a><span class=\"faqreponse\">comment est stock\u00e9 un M\u00e9dia<\/span>\n<ul>\n<li>le contenu du m\u00e9dia est stock\u00e9 dans un fichier, pas dans la base de donn\u00e9es MySQL.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"medias3\"><\/a><span class=\"faqreponse\">&#8230;<\/span>\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------Commentaires---------- --><\/p>\n<li>les Commentaires :\n<ol>\n<li class=\"faqsep\"><a name=\"medias1\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>Commentaire<\/b> :<\/span>\n<ul>\n<li>Sur la plupart des blogs ou autres outils de \u00ab\u00a0r\u00e9seau social\u00a0\u00bb, chaque article peut-\u00eatre ouvert \u00e0 commentaires, de mani\u00e8re \u00e0 permettre \u00e0 ses lecteurs d&rsquo;exprimer leurs r\u00e9actions.<\/li>\n<li>Avec WordPress, cette possibilit\u00e9 peut \u00eatre param\u00e9tr\u00e9e de mani\u00e8re \u00e0 offrir de nombreuses options de mod\u00e9ration.<\/li>\n<li>Malgr\u00e9 tout, c&rsquo;est par ce biais que la plupart des abus sont constat\u00e9s sur ce genre de sites.<\/li>\n<li>Nous avons donc pr\u00e9f\u00e9r\u00e9 <b>bloquer compl\u00e8tement<\/b> les commentaires sur vos sites professionnels.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"comments2\"><\/a><span class=\"faqreponse\">puis-je autoriser les commentaires sur mon site :<\/span>\n<ul>\n<li>Non, actuellement les tables de commentaires sont d\u00e9sactiv\u00e9es dans la base de votre site.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"comments3\"><\/a><span class=\"faqreponse\">&#8230;<\/span><\/li>\n<\/ol>\n<\/li>\n<p><!-- ----------TextBlocks---------- --><\/p>\n<li>les Text Blocks :\n<ol>\n<li class=\"faqsep\"><a name=\"blocks1\"><\/a><span class=\"faqreponse\">qu&rsquo;est-ce qu&rsquo;un <b>Text Block<\/b> :<\/span><\/li>\n<li class=\"faqsep\"><a name=\"blocks2\"><\/a><span class=\"faqreponse\">&#8230;<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Extensions<\/h4>\n<ul>\n<li><b>G\u00e9n\u00e9ralit\u00e9s<\/b>\n<ol>\n<li class=\"faqsep\"><a name=\"gener1\"><\/a><span class=\"faqreponse\">comment faire installer une nouvelle extension<\/span> :\n<ul>\n<li>un utilisateur <i>simple-admin<\/i> de site ne peut pas installer lui-m\u00eame une extension sur un r\u00e9seau de sites wordpress (ou wordpress multi-sites)<\/li>\n<li>c&rsquo;est le <i>super-admin<\/i> du r\u00e9seau qui est en charge de cette op\u00e9ration<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"gener2\"><\/a><span class=\"faqreponse\">comment<\/span> :\n<ul>\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>Text Blocks<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"tb1\"><\/a><span class=\"faqreponse\">\u00e0 quoi sert un <b>Text Block<\/b><\/span> :\n<ul>\n<li>un <b>Text Block<\/b> est un \u00e9l\u00e9ment de contenu <i>r\u00e9utilisable<\/i> : vous le saisissez une fois (avec ses directives de formattage CSS) et vous pouvez le r\u00e9utiliser autant de fois que vous le souhaitez dans des pages, des articles, ou des widgets inclus dans le template. C&rsquo;est particuli\u00e8rement int\u00e9ressant pour d\u00e9finir des blocs r\u00e9p\u00e9t\u00e9s sur toutes les pages (barre de logos, &#8230;) ou sur un sous-ensemble de pages.<\/li>\n<li>lorsque vous saisissez un <b>Text Block<\/b>, vous lui donnez un nom. Il suffit ensuite d&rsquo;appeler ce nom \u00e0 l&rsquo;aide d&rsquo;un <i>shortcode<\/i> sp\u00e9cifique pour ins\u00e9rer le <b>Text Block<\/b> dans la page.<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"tb2\"><\/a><span class=\"faqreponse\">quels sont les <b>Text Blocks<\/b> disponibles par d\u00e9faut<\/span> :\n<ul>\n<li>pour mettre en place certains \u00e9l\u00e9ments r\u00e9p\u00e9t\u00e9s du mod\u00e8le, et vous permettre de les modifier facilement, nous avons pr\u00e9-d\u00e9fini quelques <b>Text Blocks<\/b> :\n<ul>\n<li>Adresse Mail<\/li>\n<li>T\u00e9l\u00e9phone<\/li>\n<li>Adresse postale<\/li>\n<li>Logo<\/li>\n<li>Sidebar_identit\u00e9<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"tb3\"><\/a><span class=\"faqreponse\">comment modifier\/ajouter un <b>Text Block<\/b><\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"tb4\"><\/a><span class=\"faqreponse\">comment utiliser un <b>Text Block<\/b><\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>SKT Skill Bar<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"skill1\"><\/a><span class=\"faqreponse\">quels types de graphiques sont disponibles<\/span> :\n<ul>\n<li>il y a 3 types de graphiques disponibles dans la version actuelle\n<ul>\n<li>les barres de progression :<\/li>\n<li>les camemberts :<\/li>\n<li>les demi-camemberts :<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"faqsep\"><a name=\"skill2\"><\/a><span class=\"faqreponse\">comment modifier l&rsquo;aspect des graphiques<\/span> :\n<ul>\n<li>comme pour d&rsquo;autres \u00e9l\u00e9ments, vous pouvez surcharger les d\u00e9finitions de style des \u00e9l\u00e9ments de <b>SKT Skill Bar<\/b> par vos propres d\u00e9finitions dans <b>Apparence<\/b> > <b>Options du th\u00e8me<\/b> > <b>Autres<\/b> (voir &#8230;)<\/li>\n<li>les styles d\u00e9finis dans nos mod\u00e8les sont d\u00e9taill\u00e9s ci-dessous. Pour les modifier (ici on change les couleurs en niveaux de gris), notez l&rsquo;usage de la propri\u00e9t\u00e9 <b>!important<\/b> :\n<pre>\r\n.skillbar-title span{\r\nheight:           20px    !important;\r\nline-height:      20px    !important;\r\n}\r\n.skillbar {\r\nheight:           20px    !important;\r\nbackground-color: #eeeeee !important;\r\n}\r\n.skillbar-title {\r\nfont-size:        12px    !important;\r\nbackground-color: #656565 !important;\r\n}\r\n.skillbar-bar {\r\nheight:           20px    !important;\r\nbackground-color: #c9c9c9 !important;\r\n}\r\n.skill-bar-percent {\r\nline-height:      20px    !important;\r\nheight:           20px    !important;\r\n}\r\n<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>Inria HAL<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"ih1\"><\/a><span class=\"faqreponse\">quoi<\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>TeachPress<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"tp1\"><\/a><span class=\"faqreponse\">quoi<\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>Papercite<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"pc1\"><\/a><span class=\"faqreponse\">quoi<\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>WordPress Google Maps<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"tp1\"><\/a><span class=\"faqreponse\">quoi<\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li><b>Contact Form 7<\/b> :\n<ol>\n<li class=\"faqsep\"><a name=\"cf7-1\"><\/a><span class=\"faqreponse\">quoi<\/span> :\n<ul>\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>les FAQs :<\/p>\n<ul>\n<li><a href=\"\/infodoc\/faq\/faq1\/\">D\u00e9finitions<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq2\/\">Prise en main<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq3\/\">R\u00e9glages<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq4\/\">Apparence<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq5\/\">Contenus<\/a><\/li>\n<li><a href=\"\/infodoc\/faq\/faq6\/\">Extensions<\/a><\/li>\n<\/ul>\n<p>Questions :<br \/>\nD\u00e9finitions<\/p>\n<ol>\n<li><a href=\"#faq1-1\">quel est l&rsquo;outil de gestion de contenu utilis\u00e9 sur ce nouveau site ?<\/a><\/li>\n<li><a href=\"#faq1-2\">\u00e0 quoi correspondent les \u00e9l\u00e9ments qui apparaissent dans mon tableau de bord wordpress ?<\/a><\/li>\n<li><a href=\"#faq1-10\">qu&rsquo;est-ce qu&rsquo;un <i>contenu<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-11\">qu&rsquo;est-ce qu&rsquo;un <i>contenant<\/i> ?<\/a><\/li>\n<li><a href=\"#faq1-3\">quels Contenants (ou <i>formats de contenus<\/i>) puis-je manipuler avec WordPress ?<\/a><\/li>\n<\/ol>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/50","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=50"}],"version-history":[{"count":43,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":1735,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/50\/revisions\/1735"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}