FAQ4 : apparence

Questions :

  1. comment modifier le titre de mon site ?
  2. comment me débarasser de la mention « modele loria… » (ou « modèle Inria… ») en bas de page ?
  3. comment modifier la couleur de fond du titre principal de la page ?
  4. comment gérer le Menu horizontal du haut de page ?
  5. comment ajouter un « glyphicon » dans le Menu horizontal du haut de page ?
  6. pourquoi l’option habituelle Discussion n’apparait-elle pas dans le menu Réglages de mon panneau d’administration ?

Réponses :

  1. comment modifier le titre de mon site :
    • Par défaut, nous avons fixé le titre de chaque site du multisite members à votre prénom et votre nom (accolés), tels qu’ils apparaissent dans notre base du personnel.
    • Le fonctionnement standard du thème sélectionné (Sparkling) fait que la mention du titre apparait en haut à gauche de la barre d’en-tête.
    • Si cet intitulé ne vous convient pas (par exemple si vous préférez voir apparaitre un « surnom » à la place de votre prénom), vous avez 2 possibilités :
      • soit vous modifiez le titre du site : rien de plus simple, il suffit d’aller à Réglages > Général, et de modifier le contenu du champ « Titre du site« .
      • soit vous décidez de passer à une solution plus originale : mettez une image dans le bandeau d’en-tête du site ! (attention, cela remplace le contenu du champ « Titre du site »)
        • Préparez sur votre station de travail, avec un outil adéquat (Photoshop, Gimp, etc.) une image (de préférence au format PNG) qui remplira le bandeau d’en-tête (faites éventuellement quelques tests pour vous assurer du fonctionnement de l’outil, wordpress rognera l’image si la taille ne lui convient pas : la taille suggérée est 300 x 76 pixels).
        • Puis téléchargez l’image dans vos Médias (c’est une des rares fois que nous vous conseillons cette méthode de stockage plutôt que l’espace statique ! 🙂 )
        • Allez sur Apparence > Personnaliser
        • Cliquez sur Image d’en-tête
        • Dans En-tête actuel, cliquez sur Ajouter une nouvelle image. Sélectionnez l’image que vous venez de créer et validez cette sélection.
        • Remarque 1 : si vous sélectionnez plusieurs images d’en-tête, vous pouvez les faire afficher aléatoirement à chaque chargement de page, une nouvelle image s’affichera.
        • Remarque 2 : Vous pouvez construire une image contenant le logo du laboratoire et votre nom si vous voulez conserver ce dernier dans le bandeau d’en-tête…
  2. comment me débarasser de la mention « modele loria… » (ou « modèle Inria… ») en bas de page :
    • cette mention en base de page reprend le titre du site, mais son affichage est mal géré par le thème choisi
    • c’est le titre du site choisi comme modèle à la création de votre site qui s’affiche
    • pour faire prendre en compte le titre effectif de votre site (après l’avoir modifié dans Réglages > Général comme expliqué plus haut) :
      • allez dans Apparence > Options du thème
      • sur l’onglet Options principales, en bas de page cliquez sur le bouton Restore Defaults
      • vérifiez que vous avez bien récupéré le titre du site en cliquant sur Aller sur le site dans le menu Home
  3. comment modifier la couleur de fond du titre principal de la page :
  4. comment gérer le Menu horizontal du haut de page :
    • c’est un point qui a été sérieusement remanié dans les dernières versions de WordPress et qui n’est pas toujours bien géré au niveau des thèmes.
    • avec le thème choisi (sparkling), il faut faire 2 choses :
      1. lorsque vous créez vos pages, dans Pages > Ajouter, pensez à toujours bien les positionner dans la hiérarchie des pages (attribut « Parent » de la page)
      2. dans Apparence > Menus, vous pouvez créer des éléments de menu de 4 types (Pages, Articles, Liens ou Catégories). Déroulez le type pour choisir l’élément, et cliquez « Ajouter au menu ». Puis dans la partie droite (Structure du menu), glissez-déposez l’élément pour le positionner à sa place. Pour en faire un sous-élément de l’élément précédent, décalez simplement l’élément vers la droite (prenez exemple sur l’élément déroulant Contact du modèle fourni.
    • voir ici pour un mode d’emploi en images :
      /infodoc/manips/ajoutmenu/
  5. comment ajouter un glyphicon dans le Menu horizontal du haut de page :
    • un petit « effet sympa » du modèle de site que nous vous avons proposé, c’est les petites icones qui apparaissent à gauche de chaque item du premier niveau du menu horizontal : on les appelle des « glyphes » ou « glyphicons ».
    • la librairie de glyphicons installée est visible ici : http://getbootstrap.com/components/
    • pour modifier un glyphicon, ou en ajouter un à un nouvel élément de menu, il suffit de dérouler les options de l’élément de menu en cliquant sur le petit triangle tout à droite de l’élément.
    • vous devez alors voir un champ « Attribut du titre ».
    • Point important : si vous ne voyez pas ce champ, c’est qu’il manque un petit détail à votre configuration ! Pour modifier cela, en haut à droite de la fenêtre des menus, cliquez sur « Options de l’écran ».
      Et sur la 2ème ligne d’options qui apparaissent (« Afficher les propriétés avancées du menu »), cochez « Attribut de titre ». Vous devriez maintenant voir le champ de saisie qui nous intéresse.
    • allez sur le site getbootstrap et repérez le glyphe qui représentera votre nouvel élément de menu.
    • copiez le code qui figure sous le glyphe (par exemple « glyphicon glyphicon-euro » pour un symbole d’euro), et collez le dans le cadre.
    • sauvegardez et rechargez la page. Votre glyphicon doit apparaitre dans le menu à gauche du titre de l’élément.
  6. pourquoi l’option habituelle Discussion n’apparait-elle pas dans le menu Réglages de mon panneau d’administration :
    • cette option Discussion sert à paramétrer l’usage des contenus de type Commentaires
    • pour des raisons de sécurité, nous avons complètement interdit cette option : il est en effet facile pour un usager extérieur de détourner l’usage des commentaires pour introduire des contenus illicites dans la base de données
    • c’est une extension spécifique activée sur tout le réseau de sites qui se charge de bloquer les commentaires