KINOKS

ni un journal ni un blog

Accueil > TEKNIK > Comment j’ai utilisé des mots-clés dans ma page sommaire pour remplir des (...)

Comment j’ai utilisé des mots-clés dans ma page sommaire pour remplir des blocs, avec Spip 1.9

dimanche 17 septembre 2006

La page sommaire de ce site a principalement deux colonnes. Celle de gauche utilise les mots-clés pour remplir ses blocs, celle de droite est plus classique. Je vais tenter brièvement de vous expliquer comment je l’ai réalisée. (Attention depuis la rédaction de cet article j’ai modifié la page sommaire de ce site, mais j’y utilise en partie de la même manière les mots-clés)


J’ai utilisé la page sommaire de base proposé par Spip 1.9 et j’ai retravaillé par dessus sans trop nettoyer le résultat final des fois que je désire retourner en arrière. J’ai donc gardé des indications de blocs qui ne me sont pas forcément utiles.

Pour mieux comprendre ma démarche il y a besoin d’avoir les codes de la page sommaire sous les yeux ainsi que le fichier css "habillage".

1) Dans le fichier habillage, j’ai mis le "body" en rouge et le bloc "page" (de fait le support de la page du site) en vert clair en modifiant la valeur du background-color. J’ai rajouté un padding de 10 px (pixel) à ma page pour donner une petite marge à son contenu afin qu’il ne touche pas les bords rouges.

2) J’ai gardé les blocs conteneur, "liste-articles", contre-encart, encart sans les modifier des fois que cela dérange les autres pages...

3) J’ai créé un bloc "contenusom" à la place de "contenu" et "navigationsom" pour "navigation" dans le but d’élargir ma colonne de droite sans bouleverser les autres pages du site.

Les blocs avec des filtres par mot-clés

Toute ma colonne de gauche se construit à partir de mots-clés. Chaque partie correspond à un mot-clé associé à des articles de différentes rubriques du site, sauf le dernier bloc correspondant aux messages des forums.

Voici en exemple la boucle du bloc "En tête" :
Boucle mot-clé du bloc "En tête"

Commentaire :

1) Juste avant ce bloc le premier article correspond au mot-clé "important", sa présentation est determiné par le bloc "contenusom" et "liste-article" qui est fermé par un "/div" avant d’attaquer la partie "En tête". Sa boucle est identique à celle ci-dessus sans le div class contre-encart (qui ne sera pas repris ensuite).

La partie" A SUIVRE" est identique sauf que je sélectionne les 4 derniers articles.
Les articles des parties "COUPS DE COEUR" et "VOIR OU ECOUTER" sont sélectionnés par hasard .

Il est important de mettre le filtre doublons à toutes ces boucles pour éviter la répétition d’articles (le dernier ajouter au site avec deux mots-clés par exemple pourrait se répéter) et pour la suite de la page...

Voici les attributs correspondant aux titres d’articles et de chaque partie :

JPEG - 17.5 ko
Exemples d’attributs dans habillage css

De la même manière que #tete j’ai défini l’habillage de chaque bloc avec des noms différents des fois que je veux les présenter de manière différente.

Il faut placer ces attribut à leur place respective dans le fichier css "habillage" :

- h3 et h6 aprés la ligne h1, h2, h3, h4...
- #tete après #liste-articles
- .textesom après .texte

La colonne de droite, une astuce pour éliminer des articles, la pagination

La colonne de droite est consacrée à la navigation sous Spip 1.9.
Ma partie "AU FIL DES JOURS" est identique à la boucle des "derniers articles suivants" de SPIP 1.9.
Ici elle intègre tous les articles du site mais pour l’affichage, comme elle à le filtre doublons comme toutes les boucles des parties en amont, les articles déjà sélectionnés seront éliminés.

La boucle "Au fil des jours"

Une astuce basée sur un mot-clé pour exclure d’autres articles de cette partie est la boucle_exclure(articles) ayant le mot-clé "exclu" avec le filtre doublons.
Même s’ils ne sont pas affichés par cette boucle ces articles ne seront plus sélectionnés par la boucle suivante (si elle a le filtre doublons).

Le système PAGINATION de Spip 1.9 permet de donner la possibilité de consulter les articles suivants.. Dans mon cas je mets le filtre pagination 4 à ma boucle pour n’afficher que 4 articles à la fois.

Pour plus d’informations concernant la pagination allez à cette page :

http://www.spip.net/fr_article3367.html

La présentation des derniers articles syndiqués sur ma page sommaire

Voici la boucle, elle reprend le modèle des blocs précédents et le système de pagination d’"Au fil des jours" :

Boucle derniers articles syndiqués

J’espère que cet article vous sera utile, pour plus d’infos vous pouvez aller sur le site de Spip :

http://www.spip.net/

1 Message


Suivre la vie du site RSS 2.0 | Espace privé | SPIP | squelette - conçu par jlg