Impressum

5c) Taille des titres des rubriques triées par ordre alphanumérique inverse et calculées en fonction de la popularité de leur article le plus populaire

vendredi 24 mars 2006
par  François Daniel Giezendanner
popularité : 1%

GIF - 16.6 ko
(copie d’écran)

 L’algorithme de Pierre Andrews (mortimer)

L’algorithme est celui de Pierre Andrews (mortimer) : Un affichage fonction de l’importance relative dans le site du 31 mars 2005.

Cette contribution étend le principe de « Afficher les mots-clés en faisant varier la taille de la police » pour faire des affichages avec taille de police (ou une autre propriété) variant en fonction de l’importance relative d’un objet (article, mot clef, etc.) dans le site.

L’article de Pierre Andrews (mortimer) propose trois algorithmes différents qui affichent :

  1. La Taille des titre des rubriques en fonction du nombre d’articles qu’elles contiennent.

  2. La Taille des titre des articles d’une rubrique « galerie » en fonction du nombre d’images qu’ils contiennent.

  3. La Taille des titre des rubriques en fonction de la popularite de leur article le plus populaire.

Nous avons utilisés le premier et le troisième algorithme.

Tous deux utilisent la même définition des filtres (cf. Annexe 2) et des CSS (cf. Annexe 1) pour calculer la taille des polices.


 Premier exemple : Afficher les rubriques en fonction du nombre d’articles qu’elles contiennent

Le premier exemple permet d’afficher le titre des rubriques avec des tailles de police différentes en fonction du nombre d’articles qu’elles contiennent.

Les deux boucles à écrire dans le squelette html

Les deux boucles adaptée qui sont à écrire dans le squelette html

Ajoutons le lien vers la rubrique y relative.

la ligne :

[<li>(#POPULARITE|filtre_max{maxi}|coef{#POPULARITE}|repeat{#_aff:TITRE,<em>,</em>})</li>]

devient :

[<li><a href="#URL_RUBRIQUE"> (#POPULARITE|filtre_max{maxi}|coef{#POPULARITE}|repeat{#_aff:TITRE,<em>,</em>})</a></li>]

Cet algorithme ne liste que les rubriques qui contiennent directement au moins un article, si la rubrique ne contient que des sous-rubriques, elle sera ignorée.

Les titres des rubriques ne sont séparées que par un espace ce qui rend difficile leur distinction. Sur le site :

Alexandre PAPULI les sépare avec le caractère pipe | (ou tube ou barre verticale : nom du caractère ASCII 124), ce qui donne un beau résultat. Il l’obtient avec la balise stylée :

<span class="titre-vert">|</span>

... et la règle de style y relative est (adaptez la couleur de votre choix) :

.titre-vert {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #A5D30C;
        font-weight: bolder;
}

Cette règle de style est intégrée ci-dessous avec les autres CSS.

Le tri alphanumérique inverse est obtenu avec le critère de classement {par titre}{inverse} dans la ligne :

<BOUCLE_aff(RUBRIQUES) {par titre}{inverse}>

Habillons ces Tags Clouds avec des CSS, à cette fin ajoutons les div et CSS nécessaires, nous obtenons :

... et les CSS


Annexe 1 : taille des polices fixées par CSS

Les tailles de police sont fixées par CSS. Plus la rubrique est importante, plus il y a de balises autour, nous avons quelque peu adapté la CSS à nos besoins :


Annexe 2 : Définition des filtres

Les filtres suivant doivent être définis dans le fichier mes_fonctions.php3 :


Publications

Derniers articles publiés

Agenda

<<

2018

 

<<

Juin

 

Aujourd'hui

LuMaMeJeVeSaDi
28293031123
45678910
11121314151617
18192021222324
2526272829301
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


4 sites référencés dans ce secteur