Accueil du site - Le squelette

Intégrer l’agenda Epona

Publié le samedi 1er juillet 2006.


Voilà comment on peut intégrer l’agenda du squelette Epona dans un autre squelette pour Spip 1.8 ou 1.9. A la différence des versions précedentes de l’agenda, le code php est séparé ; il est aussi plus simple.

Les 3 variantes d’agenda sont décrites dans la notice du squelette 3.2.3 à la fois pour le visiteur, le rédacteur et le Webmestre. C’est là-bas le mode d’emploi. La variante ’secteur’ est fonctionnellement identique à l’agenda ’Gasteroprod’ dont je me suis largement inspiré mais permet en plus, comme les 2 autres variantes, de gérer des événements sur plusieurs jours consécutifs.

Fichiers

Il faut d’abord récupérer le .zip du squelette, dans l’article en référence, pour en extraire les fichiers communs aux 3 variantes d’agenda :

Fichiers communs
agenda.css formes et couleurs (fichier commenté)
agen_mini_php.html agenda miniature (partie php)
agen_mois_php.html agenda mensuel (partie php)
agen_an_php.html agenda annuel (partie php)
local_fr.php (*) traduction Français
next.gif/prev.gif (*) flèches de navigation

(*) On pourra récupérer les autres fichiers de traduction. On peut aussi se passer de fichier de traduction à condition de remplacer tous les "tags" de langue (comme <:evenement:>) par du texte ordinaire.

Récupérez ensuite les 2 fichiers de vues mensuelles et annuelles, en fonction du type d’agenda que vous souhaitez.

Vue mensuelle Vue annuelle Vue miniature
Agenda secteur agen_mois_secteur.html agen_an_secteur.html (*)
Agenda mot agen_mois_mot.html agen_an_mot.html (*)
Agenda complet agen_mois_complet.html agen_an_complet.html (*)

(*) vous pouvez vous inspirer du sommaire.html, mais il est plus simple de partir des morceaux de code ci-après.

Agenda : vues mensuelles et annuelles

Modifiez les 2 pages d’exemple décrites dans le tableau précédent. L’important est de supprimer les lignes INCLURE du logo et du menu ; le reste est surtout une affaire de style (stylesheet et div class=...)

Ces 2 pages sont référencées par l’agenda miniature (clic sur mois ou année) ; Si on veut les appeler directement il faudra, dans le cas d’agenda secteur ou complet, indiquer le paramètre de secteur dans l’URL (&id_rubrique=23),

Agenda vue miniature

Créez ou enrichissez votre page HTML en y insérant respectivement dans les sections head et body :

Ajoutez l’appel à l’agenda dans le body comme ci-dessous.

Cas de l’Agenda secteur (exemple pour agenda situé en secteur 23)

Cas de l’Agenda mot

Cas de l’Agenda complet (exemple pour agenda situé en secteur 23)

Personnalisez

A l’aide des commentaires insérés vous pourrez modifier sans trop de difficulté la feuille de style (agenda.css).

Cas de Spip 1.8

Pour adapter le code présenté ici à une syntaxe 1.8 il faudra :

- remplacer <INCLURE{fond=xyz}> par <INCLURE(page.php3){fond=xyz}>
- remplacer #URL_PAGE{xyz} par page.php3?fond=xyz

Configuration Spip

Dans la page de configuration Spip, cochez "date antérieure" pour le bloc articles.


Répondre à cet article