FAQ ScolaSpip - Exemple de site ScolaSpip

FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
Un article de WikiTICE.
FAQ ScolaSpip
Cette page est destinée à aider les webmestres de sites utilisant le plugin ScolaSpip pour Spip 2.
La documentation simplifiée de ScolaSpip est sur le site tice de l'académie de Versailles sur cette
page :
http://www.tice.ac-versailles.fr/Squelette-etablissement.html (vous pouvez y télécharger ScolaSpip)
À partir d'ici, on suppose que vous avez installé sur votre site SPIP le plugin ScolaSpip et tous les
plugins qui lui sont nécessaires.
On suppose également que vous connaissez le principe de SPIP : rubriques, création d'articles,
etc.
Sommaire
[masquer]
1 Fonctionnalités du plugin ScolaSpip
1.1 Comment changer les couleurs de mon site ?
1.2 Comment choisir les éléments de ma page d'accueil ?
1.3 Quels sont les mots-clés utilisables avec ScolaSpip et à quoi servent-ils ?
1.4 Comment créer les mots-clés dans SPIP ?
1.5 Comment afficher un édito ?
2 Texte de sous-titre
2.1 Comment ajouter en page d'accueil une vidéo ?
2.2 Comment ajouter en page d'accueil une mozaïque d'images ?
2.3 Comment améliorer le bandeau ?
2.4 Comment ajouter des liens dans le menu de gauche ?
2.5 Comment ajouter des liens dans le menu du haut ?
2.6 Comment ordonner ses rubriques dans le sommaire ?
2.7 Comment supprimer les numéros des rubriques ?
2.8 Comment afficher seulement un article sur ma page d'accueil ?
2.9 Comment afficher plus d'images dans ma page d'accueil ?
3 Quelques conseils généraux sur SPIP
3.1 Comment ajouter des images dans un article ?
3.2 Comment faire simplement une galerie de photo dans un article ?
3.3 Comment ajouter une vidéo dans un article ?
3.4 Comment afficher les nouveautés d'un autre site ?
1 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
4 Autres fonctionalités de SPIP et des plugins installés
4.1 Comment utiliser l'agenda ?
4.1.1 Comment afficher en page d'accueil des articles sélectionnés ?
4.2 Comment afficher un article dans plusieurs rubriques ?
5 Aller plus loin
5.1 Comment personnaliser encore plus en css ?
5.2 Quel fichier puis-je modifier ? puis-je changer les squelettes ?
6 Mises à jours du plugins
7 À propos de la FAQ
Fonctionnalités du plugin ScolaSpip
Comment changer les couleurs de mon site ?
C'est très simple : rendez-vous dans la configuration de ScolaSpip, puis dans ScolaSpipCouleurs.
Vous pouvez changer les couleurs de fond du menu, du bandeau, les couleurs de liens, etc.
Il est conseillé de ne pas utiliser trop de tons différents : deux couleurs (ou 3) fortement
contrastées.
Les couleurs de tous les éléments ne sont pas personnalisables. Si vous souhaitez personnaliser
davantage, voir la question plus bas (pour les connaiseurs des feuilles de style CSS).
Une personnalisation importante également est celle du bandeau : cf. ci dessous.
Vous pouvez également modifier les couleurs des + et - du sommaire (deplierbas.png et
deplierhaut.png dans plugins/scolaspip/images).
Comment choisir les éléments de ma page d'accueil ?
1) Rendez-vous dans la configuration de ScolaSpip : sélectionner les « blocs » que vous voulez voir
2 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
en page d'accueil (et les paginations).
2) Utilisez les mots-clés prévus pour ajouter un éditorial, une mozaïque d'image, des flux rss de
nouveautés, une vidéos à gauche (et divers liens dans les menus)
Quels sont les mots-clés utilisables avec ScolaSpip et à quoi servent-ils ?
Les mots-clés de ScolaSpip permettent de personnaliser certains affichages : affichage de certains
blocs en page d'accueil ou de liens dans les menus.
Vous devez au préalable créer ces mots-clés dans Spip (dans un groupe de mots-clés dont le nom
est indifférent).
Les mots-clés sont (en respectant cette syntaxe, c'est important !) :
edito
mozaique_page_accueil
fluxrss_accueil (*)
video_page_accueil
article_bandeau
site_bandeau (*)
site_menu (*)
mentions
Tous ces mot-clés s'associent à des articles sauf ceux avec (*) qui s'associent à des sites référencés
ou syndiqués.
Comment créer les mots-clés dans SPIP ?
1) aller dans la configuration vérifier que votre spip utilise bien les mots-clés,
2) sur édition, cliquer sur « mots-clés »,
3) créer un groupe de mots-clés, nommer le comme vous voulez,
4) dans les options cocher au moins que ce groupe de mots-clés s'applique aux articles et aux
sites,
5) puis créer les mots-clés utilisés par scolaspip :
edito, mozaique_page_accueil, fluxrss_accueil, video_page_accueil, article_bandeau, site_bandeau,
site_menu, mentions
Quand ces étapes sont terminé, tous les mots-clés sont maintenant utilisables pour vos articles ou
sites référencés : dans la page d'édition de chaque article ou site (pas de modification ) vous avez
maintenant un nouveau champs « mots-clés » qui permet de sélectionner un mot-clé.
Comment afficher un édito ?
Pour afficher en page d'accueil un éditorial, créér un article. Puis associer à cet article le mot-clé
« edito ». Si l'article est bien publié, il apparaîtra en page d'accueil.
Comment changer cet édito ? Soit vous modifiez l'article précédent, soit vous en créez un nouveau
avec le même mot-clé. Le plus récent s'affichera en éditorial.
À cet article-éditorial, vous pouvez associer un logo et dans son texte afficher des images, une
vidéo, etc.
Avec la configuration de scolaSpip, vous pouvez faire en sorte que votre page d'accueil
contiennent uniquement l'éditorial.
3 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
Texte de sous-titre
Comment ajouter en page d'accueil une vidéo ?
Deux solutions sont possibles :
- en mettant la vidéo dans son éditorial
- en créant un article contenant une vidéo au format flv. Puis en affectant le mot-clé
« video_page_accueil » à cet article. Dans ce cas la vidéo s'affichera dans le menu de gauche.
Comment ajouter en page d'accueil une mozaïque d'images ?
Créér un article et joindre des images. Ajouter à cet article le mot-clé « mozaique_page_accueil ».
Recalculer votre page d'accueil. La mozaïque est là ?
Le nombre d'images doit être de préférence un multiple de 4 pour un meilleur effet (et au
minimum 8 pour avoir au moins deux lignes).
ScolaSpip permet d'afficher deux mozaïques sur la page d'accueil.
De plus : dans la page de l'article concerné si vous ajoutez chacune des images dans le port-folio, en bas de cet article,
se construit automatiquement une galerie de photo.
Comment améliorer le bandeau ?
Par défaut, si vous n'avez pas configuré de logo de site, le bandeau de la page contient un menu
horizontal en haut (avec des liens rapides), le logo de l'académie de Versailles et surtout le nom
de votre site.
Il est très conseillé de créer un bandeau sous la forme d'une image pour habiller ce bandeau.
Cette image remplacera le texte contenant le nom de votre site.
Pour construire votre bandeau, voici quelques conseils
faire une image au format jpg ou png.
La largeur de l'image sera redimensionnée à 960px
La hauteur de l'image sera redimensionnée à 200px
Sur cette image il est conseillé de faire apparaître en assez gros le nom de l'établissement et
éventuellement son adresse et coordonnées téléphoniques (utile pour vos visiteurs).
Si vous y placez des photos, attention à la visibilité du texte par dessus.
Quand votre image est faite, dans « Configuration », joindre votre image comme logo du site.
Le choix des couleur et du ton du bandeau est très important : il donnera l'identité visuelle de
votre site.
Vous pourrez en extraire certaines couleurs à utiliser dans ScolaSpip-Couleurs.
Vous pouvez également ajouter des liens internes ou externe dans le menu du haut à l'aide des
mots-clés « article_bandeau » et « site_bandeau ».
Comment ajouter des liens dans le menu de gauche ?
Celui-ci sera complété au fur et à mesure de l'ajout de rubrique ou sous rubrique (pour la partie
« Sommaire »). Ceci à condition que la rubrique contienne des éléments publiés.
4 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
Il est également possible d'ajouter les liens externes vers des sites (le cahier de texte, le site de
notes, etc.).
Pour cela :
créer (ou utiliser) un site syndiqué
ajouter à ce site le mot-clé « site_menu »
Si vous ajoutez un logo à ce site c'est le logo qui s'affichera dans le menu de gauche, sinon le
titre du site.
Comment ajouter des liens dans le menu du haut ?
Vous pouvez très facilement ajouter des liens internes ou externe dans le bandeau.
Pour ajouter un lien interne vers un article du site, ajouter le mot-clé « article_bandeau » à
votre article.
Pour ajouter un lien externe vers un site ou une page Web, il faut au préalable avoir créé un
site référencer ou syndiqué. Ajouter alors à ce site le mot-clé « site_bandeau ».
Les titre des articles ou sites ainsi sélectionnés ne doivent pas être trop long (la largeur du
bandeau est limitée). S'il sont trop long, il seront coupés :-(.
Leur nombre est aussi limité (toujours en raison de la largeur !).
Pensez à recalculer la page d'accueil.
Comment ordonner ses rubriques dans le sommaire ?
Pour ordonner vos rubriques, vous les numérotez.
Par exemple :
01.
02.
04.
05.
08.
12.
13.
Présentation du lycée
Vie scolaire
Service médicosocial
CDI
Disciplines
...
...
Numérotez sur 2 chiffres de préférence. Cela fonctionne également avec les sous-rubriques.
Comment supprimer les numéros des rubriques ?
Les numéros des rubriques sont automatiquement supprimés dans le menu mais ils peuvent
apparaitre à d'autres endroits du site.
Il y a dans le plugin « Couteau-Suisse » une option à activer pour supprimer les numéros de tous
les objets Spip que l'on aura numérotés.
Comment afficher seulement un article sur ma page d'accueil ?
Pour cela, faire un article avec le texte souhaité (vous pouvez y mettre des images, vidéo, liens,
etc.)
5 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
Mettre cet article en édito (cf. ci-dessus).
Dans ScolaSpip-accueil, dites que vous ne souhaitez rien afficher.
Retirer éventuellement les mots-clé « mozaique_page_accueil », « fluxrss_accueil » et les articles
sélectionnés du site.
Recalculer la page d'accueil et voilà !
Comment afficher plus d'images dans ma page d'accueil ?
Pensez à ajouter à chacun de vos articles ou brèves des logos. Vous pouvez aussi ajouter des
images dans votre édito (ainsi qu'un logo). Si vous avez des flux RSS, mettez-leur un logo.
Et voilà, votre page d'accueil contient bien plus de visuel et ça change tout, non ?
Quelques conseils généraux sur SPIP
Comment ajouter des images dans un article ?
Voir cette page : Mettre en forme les images et documents joints dans SPIP sur le site Tice.
Comment faire simplement une galerie de photo dans un article ?
Voir également le lien précédent.
En joignant vos images à votre article (avec SPIP 1.9 : ajouter comme document) sans les ajouter
dans le texte, SPIP générera automatiquement une galerie de photos à la suite du texte de
l'article : vous verrez des vignettes de vos photos avec des liens vers les originales.
Si vous avez bien activé le plugin « ThickBox2 », l'effet lorsque l'on clique sur les vignette est
assez sympa. On peut avec « ThickBox » passer d'une image à l'autre, zoomer, passer les images
en diaporama automatique.
Vos images d'origine doivent être assez grandes mais pas trop : 600 à 1000 px de large est un
grand maximum. Le poids des images que vous joignez à votre article ne doit pas excéder 200Ko.
Il est possible d'utiliser des logiciels pour traiter en lot vos images avant de les mettre en ligne :
Photofiltre (gratuit), Paint.net (gratuit et libre), Xnview (gratuit et qui permet de travailler des
groupes de photos à la chaîne en créant très facilement des scripts), Phatch...
Comment ajouter une vidéo dans un article ?
Voir cette page : http://www.tice.ac-versailles.fr/Placer-une-video-dans-un-article.html.
Comment afficher les nouveautés d'un autre site ?
Les « sites syndiqués » de SPIP sont très simples à utiliser et permettent facilement d'afficher sur
votre site les nouveautés d'un autre sitre (pour cela il faut toutefois que celui-ci diffuse un flux
RSS - ce que fait tout site récent digne de ce nom).
Avec ScolaSpip vous pouvez afficher les nouveautés d'un tel site sur votre page d'accueil (à l'aide
du mot-clé « fluxrss_accueil »).
Les sites apparaissent aussi (avec leur nouveautés) sur la page « liens » et dans les pages des
6 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
rubriques contenant ces sites.
Autres fonctionalités de SPIP et des plugins installés
Comment utiliser l'agenda ?
Comment afficher en page d'accueil des articles sélectionnés ?
Pour cela, le plugin « Sélection d'article » fait très bien le travail. Cliquez sur « Édition », ajouter
les numéros des articles que vous avez sélectionnés. Recalculer votre page d'accueil.
Le plugin « Sélection d'article » permet aussi de sélectionner des articles dans une rubrique (pour
cela, se rendre - partie privée - dans la rubrique concernée et ajouter les numéros des articles que
vous avez sélectionnés. Et il permet même du coup d'afficher un article dans plusieurs rubriques.
Comment afficher un article dans plusieurs rubriques ?
Voir juste au dessus !
Aller plus loin
Comment personnaliser encore plus en css ?
Dupliquez le fichier « perso-dist.css » et renommez-le en perso.css. Vous pouvez ajouter vos règles
css dans ce fichier (en créant de nouvelles règle ou en surchargeant celles de
« etablissement.css » ou de « habillage.css ».
Attention : ne pas modifier « etablissement.css » (ou une css de Spip), sinon lors d'une mise à
jour, votre travail sera perdu !
Quel fichier puis-je modifier ? puis-je changer les squelettes ?
Ne modifier aucun fichier (sinon attention aux mises à jour !).
Mais vous pouvez changer chacun des squelettes de ScolaSpip en le déplaçant au préalable dans le
répertoire « squelettes » (répertoire à créer si besoin). Un fichier de ce répertoire sera en priorité
utilisé par SPIP. En cas de mise à jour, il faudra toutefois refaire cette manipulation.
Mises à jours du plugins
Vous avez deux possibilités:
- soit par ftp, par simple écrasement du dossier contenant l'ancien plugins; - soit par le
chargement du plugins en mode "auto" disponible depuis SPIP2.
Les paramètres de personnalisé "standard" sont conservés.
À propos de la FAQ
Ici, on discute de cette faq : est-elle bien organisée ? que manque-t-il ?
7 sur 8
14.02.2009 07:39
FAQ ScolaSpip - WikiT ICE
http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip
Récupérée de « http://wikitice.ac-versailles.fr/index.php/FAQ_ScolaSpip »
8 sur 8
14.02.2009 07:39