Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

06.10.2009

Personnalisez les éléments des colonnes sans (trop) intervenir dans le code

Il n'est pas toujours nécessaire de passer en configuration avancée pour modifier le fonctionnement des modules situés dans les colonnes de votre blog. À condition de disposer du code adéquat, vous pouvez utiliser la gestion du "contenu des colonnes". (Mise à jour d'une note du 2 avril 2009)

J'ai déjà tenté de vous dissuader de modifier le code des éléments de colonne, en intervenant directement dans le code Html, des modèles de page « colonne de droite » ou « colonne de gauche ». Cela fonctionne correctement, mais toute intervention via le module d'administration de « Contenu des colonnes » effacerait vos interventions précédentes.

Je vous recommande donc d'utiliser l'administration de « Contenu des colonnes », accessible sans passer en configuration avancée, en réservant cette dernière à la récupération du code.

Comment récupérer le code d'un élément de colonne ?

Vous trouverez de nombreux exemples de code à récupérer dans mes notes, ce n'est peut-être pas la source la plus fiable, mais c'est celle que je connais le mieux. J'essaie de mettre la version d'origine avant mon code personnalisé, ce qui vous évite de passer en configuration avancée.

Pour récupérer le code d'un élément qui vous intéresse, il faut qu'il soit activé sur votre blog, puis passer en configuration avancée pour aller chercher dans le code des modèles de page « colonne de droite » ou « colonne de gauche ». Si vous avez peur de vous tromper, rien ne vous empêche de ne temporairement laisser activé que l'élément qui vous intéresse. Pour mémoire, la petite croix à côté de « colonne de droite » ou « colonne de gauche » ne fait que désactiver un élément. Pour « supprimer », il faut vraiment cliquer sur ce mot dans la liste des éléments, et H&F vous demande de confirmer.


Comment intégrer un code personnalisé.

Le principe est assez simple, il faut ajouter un élément personnalisé de texte, et y coller le code. Je vous le redis, les instructions spécifiques à la plateforme Hautetfort doivent être placées dans un élément « texte » et non « code Html / Javascript ».

Rappel : La mise à jour du contenu des colonnes réinitialise totalement le code Html de vos colonnes. Sauvegardez d'abord votre code personnel si vous en avez déjà.

  1. Dans l'administration, allez à Présentation / Contenu des colonnes

    341434024.jpg

  2. En bas de page, vous trouvez "Ajouter un élément personnalisé", choisissez « Ajouter un texte »

    Hautetfort_ajouter_element_personalisé_texte_code_personnalise.png
  3. Donnez un nom dans "Nom de l'élément"

  4. Dans "Contenu de l'élément" collez le code

  5. Selon le cas choisissez d'afficher ou non le "Nom de l'élément"

  6. Selon le cas choisissez d'aligner ou non le contenu du module

  7. Ces deux dernières options seront facile à modifier.

  8. Cliquez sur [Ajouter cet élément]

  9. Vous avez un nouvel élément dans votre liste, il faut choisir entre Ajouter à gauche ou Ajouter à droite (si vous avez les deux colonnes de côté).

  10. Remontez en haut de la page pour régler la position de l'élément dans la colonne

  11. Cliquez sur [Mettre à jour ces informations] sous la liste des éléments

Voilà, vous avez un nouvel élément dans votre liste, qui fait référence à votre CSS. Pensez à désactiver l'ancien en cliquant sur la petite croix que l'on voit à côté du contenu de chaque colonne.

 

 

Afficher le début d'un commentaire, dans la liste des derniers publiés

Hautetfort ne donne que l'auteur du commentaire et le titre de la note concernée. Nous ne sommes pas obligés de nous en contenter. (Mise à jour d'une note du 13 mai 2009)

Quand d'aucuns toujours ministres vous inciteraient à prendre le vélo parce que l'essence est trop chère, comme d'autres vous inciteraient à manger des brioches quand le pain viendrait à manquer, il est temps de se prendre en charge pour ne pas se laisser faire par le système. Modestement, et avec gentillesse, bousculons les habitudes de notre blog pour afficher le début des commentaires.

Cette note a été mise à jour...

D'abord publiée le 20 janvier 2009, cette note a été mise à jour le 2 avril, pour conseiller le blogmestre avisé de prolonger sa lecture par la note détaillant la création d'un nouvel élément. Une véritable refonte a été faite 13 mai, après la mise en place du "fil de discussion" dans les commentaires.

Si le code de l'élémént "Commentaires récents" n'a pas réellement évolué, une mise à jour semble s'imposer pour ceux qui l'avaient personnalisé. C'était l'occasion de réécrire le code et la note qui suivent.

Lire la suite

Rechercher les contributions d'un auteur, les commentaires d'un pseudo, sur son propre blog

Tous les blogs Hautetfort peuvent disposer d'un moteur de recherche facile à mettre en place, et relativement efficace. Sauf que cela ne suffit pas toujours. (Actualisation d'une note datée du 25 mai 2009)

Le moteur de recherche interne proposé par la plateforme se met en place très facilement, puisqu'il suffit de se rendre dans la gestion du contenu des colonnes pour ajouter cet élément. Difficile de faire plus simple. Nous pouvons en changer l'apparence, le texte du bouton, mais ce n'est pas le propos du jour.
Ce moteur recherche dans le corps des notes, ce qui est un minimum est aussi son maximum. Soyons juste, cette fonctionnalité satisfait l'essentiel de mes besoins, et vraisemblablement des vôtres. On peut soumettre des mots comme des expressions, et les résultats n'ont rien d'aberrant. Mais il n'y aura pas de recherche possible sur les auteurs de notes ou de commentaires, et pas plus dans le texte de ces derniers.

Lire la suite

29.09.2009

Afficher les gravatars des auteurs de commentaire en mosaïque dans un élement de colonne

Je vous propose un gadget inutile et donc indispensable visible dans la colonne, à ce niveau .

Il suffit de récupérer le code ci-dessous pour que cela fonctionne, mais vous aurez peut-être des ajustements à faire dans votre feuille de styles.

Évidemment ce module a des défauts. Il affichera les gravatars des commentaires, et peut tout à fait afficher la même image 16 fois de suite. Il ne passe pas à un autre dès qu'il a déjà affiché un auteur. Et puis la taille du gravatar se règle dans l'administration, pour tout le blog. Il faudra donc trouver le bon équilibre entre commentaires et colonne.

L'idée consiste à récupérer le code présent dans la page "lien permanent", pour appeler l'affichage du gravatar, puis de l'insérer dans le code d'affichage des commentaires habituellement utilisé dans les éléments de colonne.

Lire la suite

16:13 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (7) | Tags : afficher, gravatar, auteur, commentaire, colonne | |  del.icio.us | | Digg! Digg |  Facebook

14.04.2009

Créer un style pour les commentaires

Cette note a d'abord été publiée le 10 mars dernier, mais elle méritait d'être revue compte tenu des évolutions récentes imposées aux commentaires. Et elle le sera peut-être bientôt puisque cela va encore bouger de ce côté d'après la dernière newsletter de la plateforme.

Pour la personnalisation des commentaires, j'avais préconisé la modification du modèle de la page "lien permanent", l'insertion d'une instruction Html pour appeler un style disctinct à créer dans la feuille de style. Cela n'est plus nécessaire aujourd'hui, car la plateforme a modifié ses modèles et utilise d'emblée des styles distincts pour le contenu de la note, les commentaires, et selon qu'ils ont été proposés par des invités ou par l'auteur du blog (du moins une personne ayant donné l'adresse de courrier électronique que ce dernier a enregistré dans son compte Hautetfort). D'une certaine façon cela nous facilite les choses, à condition de retirer ses moufles avant de modifier la feuille de styles.

Je pars du principe que vous avez suivi les manipulations exposées dans la note du Blog.Hautetfort pour Distinguer ses réponses au sein des commentaires.

Lire la suite

13:00 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (1) | Tags : hautetfort, aspire, commentaire, css | |  del.icio.us | | Digg! Digg |  Facebook