YACS Le livre de Yacs Créer une identité visuelle

PrécédentIndex

Rendre le contenu des infos bulles dynamique pour les liens des articles de la page d'accueil

Il s'agit donc de rendre dynamique l'attribut "title" des balises de liens des articles de la page d'accueil.
La modification concerne ici le style "boxesandarrows" mais peut être adaptée sur tous les styles.

[color=red]Attention, la modification proposée ici porte sur un script susceptible d'être mis à jour ![/color] Comme vous le savez, sur mon portail [b]nuxwin.com[/b], j'ai inséré le script [b]nicetitle[/b] ce qui permet de changer l'apparence des [b]infos bulles[/b] des liens.

Ici, il ne s'agit nullement d'utiliser le script nicetitle mais simplement de rendre le contenu des infos bulles dynamique pour ce qui concerne les liens des articles affichés sur la page d'accueil de votre site.

En effet, par défaut, tous les attributs [b]title[/b] des balises de liens des articles renvoient le message suivant : [b]"Lire cet article"[/b] ou celui-ci [/b]"Read this article"[/b] selon la langue utilisée.

Voici une procédure pour faire en sorte que le contenu de l'attribut "title" des balises de liens des articles soit remplacé par le début (pas l'introduction) de votre article.

[b]EXEMPLE POUR UN STYLE DERIVE de boxesandarrows (j'ai pas testé avec les autres donc...) :[/b]

[title][b]1.[/b] Editez la page [b]layout_home_articles_as_boxesandarrows.php[/b][/title] Ce script se trouve à la racine de votre style dérivé : /skins/mon_styleboxesandarrows/layout_home_articles_as_boxesandarrows.php

[title][b]2.[/b] Recherchez et remplacez[/title] Dans la page que vous venez d'éditer, trouvez les lignes suivantes (elles apparaissent deux fois donc vous devrez faire la manoeuvre deux fois pour que les changements soient effectifs sur toutes les balises de liens des articles de votre page d'accueil) :

$local['label_en'] = 'Read this article';
$local['label_fr'] = 'Lire cet article';
[/php]

et remplacez les par le code suivant :
[php]
$title_dynamique .= Skin::cap(Codes::beautify($item['description'], $item['options']), 40);
$title_formatting .= strip_tags($title_dynamique);
$local['label_en'] = $title_formatting ;
$local['label_fr'] = $title_formatting ;
[/php]


[title][b]3.[/b] Savourez[/title] Sauvegardez votre fichier
Rechargez le à sa place par ftp
Et savourez !

Enjoy.............

[title]Quelques explications (selon mes connaissances)[/title]

1. Dans la première ligne, on défini le contenu de la variable [b]$title_dynamique[/b] ainsi que la quantité de texte à prendre dans l'article.

2. Dans la seconde ligne, on supprime tout les [b]tags HTML[/b] afin qu'il ne soient pas affichés dans l'info bulle.

3. Dans la troisième et quatrième ligne, on défini le contenu de la variable [b]$local[/b].

Voilà.

[b]Ps :[/b] Vous pouvez choisir quelle quantité de texte à afficher dans vos infos bulles en changeant la valeur (ici 40) de la variable $item qui se trouve dans la première ligne.

Bien entendu, tout ceci rend beaucoup mieux si l'on ajoute le script nicetitle.

[b]Ps(2):[/b]Pour ce qui est des espaces entre les lignes dans les infos bulles, éditez vos articles et insérez des espaces insécables si nécessaire.

[b]M. Laurent DECLERCQ[/b]

PrécédentIndex