- Nom du Squelette : DiapoSpip 1.9
- Version du squelette : 1.9
- Auteur : rpapa
- Licence : Creative Common
- Compatibilite SPIP : compatible SPIP > 1.9
- Site(s) exemple : Formation spip
- Principales fonctionnalités et spécificités :
- Diaporama
Ce squelette permet de réaliser une présentation (Diaporama)
Une mise à jour pour spip2.0 est disponible <art2852>.
- Testé sur ces navigateurs
Testé ? | Plateforme | Navigateur | Version |
---|---|---|---|
oui | windows | Internet explorer | IE6 |
oui | windows | Firefox | . |
non | windows | Mozilla | 1.0.1 |
non | windows | Phoenix | . |
oui | windows | Opera | . |
non | Mac | Internet explorer | . |
non | Mac | Netscape | . |
non | Mac | Chimera | . |
non | Mac | Mozilla | . |
non | Mac | Phoenix | . |
non | Mac | Opera | . |
non | Unix/Linux | Netscape | . |
non | Unix/Linux | Mozilla | . |
non | Unix/Linux | Phoenix | . |
non | Unix/Linux | Opera | . |
Donnez-moi votre avis via le forum de cet article et aidez-moi à optimiser ce squelette pour toute plateforme.
Pourquoi ce squelette
Ce squelette est l’évolution pour spip 1.9 du squelette DiapoSpip - squelette de présentation pour SPIP
Comme la version précédente ce squelette n’utilise que des fonctionnalités SPIP (pas de Javascript ni de PHP dans le squelette) et chaque diapositive correspond à une article et est chargée indépendamment des autres.
Installation
Copier le contenu du fichier zip à la racine de votre site, les squelettes se strouvent dans le répertoire /squelettes/
C’est fait !
Utilisation
Réalisation de diaporama
Fonctionnalités
Chaque rubrique constitue une présentation, les articles de la rubrique sont les différentes diapositives.
- La première diapo de la présentation comporte le DESCRIPTIF de la rubrique et le sommaire de la présentation ;
- un menu déroulant permet d’accéder directement à la diapo souhaitée ;
- des flèches de navigation permettent de passer d’une diapo à la suivante (ou la précédente) ;
- le logo de la rubrique est affiché en haut à gauche.
- ecran redimensionnable (800x600, 1024x768, Largeur max).
Seuls les champs #TITRE
et #TEXTE
de chaque article sont affichés.
Personnalisation
La feuille de style principale est presentation.css, vous pouvez la modifier pour la rendre conforme à la charte graphique de votre site.
L’archive comporte 3 autres feuilles de style
Ces trois feuilles définissent l’écran de projection du diaporama, respectivement
style | Dimensions |
---|---|
ecran1.css | 800x600 px |
ecran2.css | 1024x768 px |
ecran3.css | Largeur max |
Le choix de la dimension se fait en cliquant en haut à droite de l’écran sur la diapo, la dimension est mémorisée pendant la session.
Structure du squelette Diapospip
Vous n’avez pas besoin de lire ce qui suit pour un simple utilsation du squelette
Le squelette Diapospip 1.9 est architecturé autour du fichier [*squelette.htm*] . Celui-ci est appelé par les squelettes sommaire.html, rubrique.html et article.html.
Squelettes | Contenu |
---|---|
Sommaire.html | <INCLURE{fond=squelette}{skl=skl_sommaire}{style}> |
Rubrique.html | <INCLURE{fond=squelette}{skl=skl_rubrique}{id_rubrique}{id_article}{style}> |
Article.html |
|
On constate que que ces trois squelettes ne font que <INCLURE ..>
le fond squelette avec les paramètres :
- skl
- le paramètre skl a pour valeur skl_sommaire, skl_rubrique, skl_article suivant que l’on souhaite afficher respectivement le sommaire, un rubrique ou un article
- id_article, id_rubrique
- passage de paramètre pour les boucles
- style.
- ce paramètre est utilisé pour préciser la dimension de l’affichage.
3Le squelette squelette.html3
pour expliquer la structure de ce fichier, le plus simple est de commenter le code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
<meta http-equiv="Content-type" content="text/html; charset=#CHARSET"/>
<meta name="revisit-after" content="10 days"/>
<meta name="robots" content="index,follow"/>
<INCLURE{fond=header}{id_rubrique}{id_article}{style}>
<link href="#CHEMIN{presentation.css}" type="text/css" rel="stylesheet" />
<link href="#DOSSIER_SQUELETTE/ecran[(#ENV{style,1})].css" type="text/css" rel="stylesheet" media="screen"/>
</head>
<body >
<div id="entete"><div class="colonne-inter">
[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
<INCLURE{fond=entete_rubrique}{id_rubrique}{id_article}{style}>
]
[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
<INCLURE{fond=entete_sommaire}{style}>
]
<br class="alaligne" />
</div></div>
<div id="contenant-principal1"><div id="contenant-principal2">
<div id="contenant-centre"><div class="colonne-inter">
<div class="bloc-horizontal">
[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
<INCLURE{fond=contenu_rubrique}{id_rubrique}{id_article}{style}>
]
[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
<INCLURE{fond=contenu_sommaire}{style}>
]
</div>
</div>
</div><!--fin colonne inter--></div><!-- fin contenant centre-->
<div class="alaligne"> </div>
</div>
<div id="contenant-pied"><div class="colonne-inter">
<h3 class="auteurs">
<BOUCLE_equipe(ARTICLES)
{id_rubrique}><BOUCLE_auteurs(AUTEURS)
{id_article}{doublons}{" "}
>#NOM</BOUCLE_auteurs></BOUCLE_equipe>
</h3>
<br class="alaligne" />
</div></div>
</body></html>
Ce squelette ne comporte que les <div> ... </div>
de la feuille de style et des <INCLURE ..>
dépendant du paramètre skl, ainsi, le contenu principal de la diapositive est sélectionné par
[(#ENV{skl}|=={skl_rubrique}|?{' ',''})
<INCLURE{fond=contenu_rubrique}{id_rubrique}{id_article}{style}>
]
[(#ENV{skl}|=={skl_sommaire}|?{' ',''})
<INCLURE{fond=contenu_sommaire}{style}>
]
qui se lit
- si (#ENV{skl}
est égal à skl_sommaire, inclure le contenu_sommaire
- si (#ENV{skl}
est égal à skl_rubrique alors inclurer le contenu_rubrique avec les paramètres id_rubrique et id_article
3Avantages de la structure3
Cette structure permet de prolonger et d’affiner la notion de noisette dans Spip, ici les différents squelettes sont structurés autour d’un « tronc » commun, le fichier squelette qui gère la forme (la feuille de style), le contenu (les branches et le noisettes) etant inclu en fonctions des paramètres passés.
L’avantage principal est la modularité pousée à l’extrème, chaque squelette élémentaire à une fonction et une seule
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |