Cacher le titre d'un widget dans le blog mais l'afficher dans l'interface Blogger

Si pour une raison ou une autre vous n'attribuez pas de titre à un widget il aura par défaut comme titre JavaScript/HTML et si vous avez plusieurs widgets dans la sidebar vous n'allez avoir du mal à savoir qui fait quoi.

Voici une astuce qui va vous permettre de définir un titre à vos widgets et de l'afficher dans l'interface Blogger mais pas sur le blog.
Voici par exemple à quoi ressemble le tableau de bord sans l'astuce :
Après l'astuce :
Et bien sûr il n'y a eu aucun changement au niveau de l'affichage du blog, seulement l'interface Blogger :)

Comment procéder

Voici, à mon avis, la méthode la plus simple à suivre :
  1. Aller dans Présentation -> Éléments de la page cliquez sur Modifier pour le widget et entrez un titre.
  2. Ensuite allez dans Modifier le code HTML et cochez la case Développer des modèles de gadgets.
  3. Effectuez une recherche sur le titre que vous venez de définir (CTRL+F) et vous devez trouver un code comme celui-ci (il faut le localiser grâce au titre du widget):
    <b:widget id='HTML5' locked='false' title='Le titre du Widget' type='HTML'>
    <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h3 class='title'><data:title/></h3>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>

      <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
  4. Il suffit de supprimer le code en rouge et sauvegarder pour cacher le titre du widget dans le blog mais le garder visible dans l'interface blogger.
N'oubliez pas que si par la suite vous voulez ré-afficher le titre du widget il suffit de rajouter exactement le code que venez de supprimer.

Bien sûr il faut refaire la manipulation sur chaque widget :)

Qu'est ce que vous pensez de cette astuce ? utile ou pas ? facile ?
Libellés : Publié le jeudi, juin 23, 2011
14 Commentaires
  1. I never thought of doing that, nice.

    If you don't mind, I would to share another simple alternative method for dealing with this issue that I use myself.

    What I do, is create a style for the widget title within the blog's CSS instructing the widget title not to be visible, {display:none;} Like so:

    #widgetID h2 {display:none;}

    That way you can enter the title in the widget "Title" box for your own identification needs, but it will not be visible on your blog itself.

    RépondreSupprimer
  2. Astuce utile qui va me faciliter les modifications de mise en pages de mon blog :-) Merci :-)

    RépondreSupprimer
  3. @Lauren
    Yes of course CSS is better, but I thought it was a little hard to explain how to get the widget ID :) (BTW I think it's better if widget titles have a H3 headings instead of H2 for SEO as they are not so important :) Check out my logo, posts titles and widgets titles headings :)

    RépondreSupprimer
  4. Tu lis dans mes pensées. C'est justement ce que je cherchais à faire. Merci!

    RépondreSupprimer
  5. salut soufiane permettez moi de vs dire que j'ai expliquer cet astuce dans mon blog ,et merci pour tes efforts .

    RépondreSupprimer
  6. Merci Abou, ya aussi l'autre méthode en utilisant le CSS mais il faut expliquer c'est l’IDentifiant d'un widget, j'ai pensé que c'était un peu plus compliqué :)

    RépondreSupprimer
  7. wé soufian c'est exactement ce qui a expliquer Lauren dans le 1er commentaire ,j'ai pensé d'ajouter cet méthode à l'explication je j'ai fais dans mon blog ,mais j'ai trouvé que ta méthode est la plus simple et c'est pas la peine d'ajouter chaque fois un code css pour chaque widget

    RépondreSupprimer
  8. Moi je propose qu'au lieu de supprimer le bloc entier il suffit de tout passer en "commentaire". Ainsi, lorsqu'on voudra plus tard réactiver le titre, il suffira de retirer les quôtes de commentaires.

    Avec cette méthode, ça donnerait :

    RépondreSupprimer
  9. @Soufiane - Very true about the h2 significance. I use h4 for my sidebar headings and h5 for my footer headings even XD, since my post titles are given h3 already. Perhaps it would be a good idea for me to change the post titles to h2? keep up the great work friend.

    RépondreSupprimer
  10. Merci sa ma aider a identifier mes gadgets

    RépondreSupprimer
  11. Bonjour,
    Cette methode fonctionne-elle toujours car j'ai fait exactement cela et les titres ne partent pas. Je n'ai pas mis de template particulier personnalisé.
    Merci de votre aide !

    RépondreSupprimer
  12. Bonjour,
    Cette methode fonctionne-elle toujours car j'ai fait exactement cela et les titres ne partent pas. Je n'ai pas mis de template particulier personnalisé.
    Merci de votre aide !

    RépondreSupprimer

Copyright 2015 Soufiane.fr