Évolution
Une nouvelle version ScolaSPIP 4 plus moderne et responsive (s’adapte mieux aux petits écrans comme les tablettes, smartphone) est désormais disponible.
Les fonctionnalités de base de ScolaSPIP 3 sont reprise dans la nouvelle version.
Présentation de ScolaSPIP
Ce plugin pour SPIP 3 [1] est développé par la Dane de l’académie de Versailles pour les webmestres de cette académie... et des autres académies ou institutions.
ScolaSPIP est destiné aux webmestres débutants et permet facilement de personnaliser un site SPIP : interface pour choisir ses couleurs, options d’affichage de la page d’accueil et des contenus.
ScolaSPIP utilise également des mots-clés permettant de personnaliser la page d’accueil et les menus de navigation.
Exemples de sites utilisant ScolaSPIP
Affichage
ScolaPIP est un squelette conçu en « 3 colonnes » (pour la page d’accueil) et les blocs sont fixés [2]. Les options et un peu d’imagination permettent néanmoins une multitude de possibilités d’affichage des différents objets éditoriaux de SPIP (articles, brèves, sites et événements).
Le site affiche sur toutes les pages :
- un bandeau contenant un menu horizontal déroulant (vers l’agenda, des articles, rubriques, sites) avec des liens paramétrables,
- un menu vertical dépliant (sur plusieurs niveaux) et contextuel,
- des liens externes (liens externes sélectionnés),
- un pied de page.
La page d’accueil peut afficher les éléments suivants :
- le descriptif du site,
- un éditorial,
- les prochains événements :
- dans un mini-calendrier (liens vers un agenda plus complet),
- une liste d’événements,
- Le fil de tweets d’un compte Twitter
- une liste d’articles sélectionnés,
- la liste des dernières éléments publiés : brèves, articles, commentaires
- une vidéo dans le menu de gauche,
- des mozaïques d’images,
- les nouveautés de sites syndiqués sélectionnés (flux rss).
L’affichage de chacun de ces éléments est paramétrable facilement.
Plugins utilisés par ScolaSPIP
ScolaSPIP nécessite deux plugins : Zpip-dist (version 1.7) et Eva Mentions (v4.2).
D’autres plugins sont utilisés :
- Agenda 3.6 (et le mini calendrier)
- Splickrbox (ou Nivo Slider ou sjCycle)
- Palette
- Social tags
- En onglets dans le texte de SPIP, ou ailleurs...
- depuis la version 3.0.11 : Formulaire de contact avancé (un lien « contact » sera alors disponible dans le pied de page)
ScolaSPIP est aussi compatible avec :
- Les crayons
- Importeur / Exporteur de configurations (import-export de ScolaSPIP couleurs)
- Une multitude d’autres plugins
Multimédia :
- pour les vidéos, installer le plugin Vidéo Accessible
- pour l’audio, le plugin Lecteur Multimédia
Nouveautés de la version 3
Cette version 3 de ScolaSPIP est compatible avec la version précédente et offre de nombreuses options supplémentaires :
- possibilité d’ajouter des rubriques dans le menu horizontal (menus déroulants si il y a des sous-rubriques)
- davantage de choix de couleurs (et des styles proposés), des choix pour les polices, davantage d’options d’affichage (arrondis, images de fond, ombres divers)
- Possibilité d’avoir un bandeau et un pied de page en pleine largeur
- Affichage immédiat - et accessible - des brèves dans la page (accueil et page de rubrique)
- Agenda avec son nouveau mini calendrier et gestion d’inscriptions à des événements
Seul la gestion de la sélection d’article a changé, le plugin « Sélection d’articles » n’étant pas compatible actuellement.
Installation/Mise à jour
La nouvelle gestion des plugins de SPIP3 (SVP) simplifie la tâche !
Entrer « ScolaSPIP » dans le moteur de recherche de plugins [3] et choisir « tous les états ».
ScolaSPIP 3.0 devrait apparaître et il vous reste à cocher la case correspondante et à lancer le téléchargement et l’activation (les plugins dont il dépend se téléchargeront et s’activeront également). Installer de la même façon Agenda, Palette, etc.
ScolaSPIP étant installé un sous-menu de « Squelettes » permet aux administrateurs du site de configurer l’affichage de leur site.
Onglet « Thèmes et couleurs »
Nouveau : Choisissez les polices utilisées pour les contenus de la page et pour les titres.
Les couleurs : choisissez vos couleurs (couleurs de certains fond, couleur des liens, des intertitres, couleurs au survol) et construisez votre charte graphique.
Pour choisir confortablement vos couleurs, le plugin « Palette » est indispensable.
Nouveau : Des styles prédéfinis de couleurs font gagner du temps et peuvent être ensuite affinés.
Onglet « Page d’accueil »
Ici, choisissez les blocs à afficher sur la page d’accueil et personnaliser la pagination de ces blocs :
- descriptif du site
- mini-calendrier
- liste d’événements
- brèves
- derniers articles
- derniers commentaires
Onglet « Petits plus »
ScolaSPIP a été développé à l’origine pour les webmestres de l’académie de Versailles. Dans cette nouvelle version, le lien du logo et les informations sur l’académie peuvent être changés dans les « Petits plus » (pour changer le logo, voir plus bas).
Nouveau : Les « Petits plus » permettent aussi de choisir d’afficher (ou pas) : les auteurs, les résumés et dates, certains liens.
Les mots-clés de ScolaSPIP
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 un groupe de mots-clés (le nom est indifférent). Vérifier dans la configuration du groupe de mots-clés que ces objets peuvent être associés à des articles, des sites ou des rubriques. Puis, au départ ou au fil des besoin, créer les mots-clés suivants (en respectant la syntaxe, c’est important !) :
Mots-clés | S’appliquent à | Rôle | ||
---|---|---|---|---|
articles | rubriques | sites | ||
Éditorial [*] | x | Affiche un article en éditorial Article le plus récent ayant le mot-clé | ||
Sélection | x | Permet d’afficher une liste d’articles en haut de la page d’accueil Ordonnés par numéro et titre | ||
Mosaïque [*] | x | Affiche une mosaïque (ou autre) à partir des images de l’article concerné Jusqu’à 2 mosaîques, ordonnés par date inverse | ||
Vidéo à la une [*] | x | Affiche une petite vidéo sous le menu Article le plus récent ayant le mot-clé | ||
Exclu | x | x | Permet d’exclure une rubrique du menu ou un article des listes | |
Mentions légales | x | Permet de remplacer le texte type des mentions légales du site Article le plus récent ayant le mot-clé | ||
Dans le menu horizontal [*] | x | x | x | Permet de placer tous ces objets dans le menu horizontal Ordonnés par numéro et titre |
Site à la une [*] | x | Affiche le site dans le menu (le logo du site si présent) Ordonné par numéro et nom du site | ||
Flux RSS à la une [*] | x | Affiche les dernières nouveautés du site syndiqué Autant que l’on veut de sites Ordonnés par numéros |
Gestion de l’agenda et des inscriptions
ScolaSPIP utilise [4] le plugin Agenda, son mini calendrier (nouvelle version) et permet de gérer des inscriptions à des événements. Pour que l’inscription soit activée, dans votre événement [5] :
- S’assurer que la case « Inscription en ligne » est cochée
- Limiter éventuellement le nombre maximum d’inscrits (si il n’y a pas de limite, laisser 0)
- Si le public potentiel est large, dans la configuration de SPIP, s’assurer que les visiteurs peuvent se créer un compte.
C’est simple ! Ça permet de gérer des inscriptions « simples » et pas plus.
Conseils
- Forums de SPIP :
- Attention aux SPAMS. Si vous laissez les forums ouverts surtout sans modération (configuration par défaut de SPIP), installer NoSPAM. Et dans la configuration des forums, activer les Notifications.
- Dans la configuration, partie « Fonctions avancées », activez les options suivantes (le chargement du site sera plus rapide pour vos visiteurs) :
- Activer la compression des scripts (javascript)
- Activer la compression des feuilles de style (CSS)
Pas encore assez de possibilités de personnalisation ?
Pour des adaptations CSS, voir notre page dédiée : http://wikitice.ac-versailles.fr/index.php?title=Personnaliser_css_scolaspip
Attention : les méthodes (basée sur le principe des surcharges de SPIP) sont à utiliser avec précaution. Surcharger des fichiers de ScolasPIP pourrait poser problème en cas d’évolution de ScolaSPIP.
Voir Où placer les fichiers de squelettes ? pour comprendre le rôle du dossier squelettes.
Tous les fichiers et termes utilisés dans ScolaSPIP sont « surchargeable » par le webmestre du site : il suffit de placer dans squelettes [6](en respectant la même arborescence) votre fichier qui va prendre la main sur celui du plugin.
Comment modifier les images ?
Pour surcharger une image , il suffit de déposer (en FTP par exemple) dans son site :
- créer un dossier squelettes si celui-ci n’existe pas
- créer un dossier img (si celui-ci n’existe pas) dans squelettes
- y déposer les images à « surcharger » en leur donnant le même nom. À savoir :
Par défaut dans ScolaSPIP | Nom du fichier | Commentaire |
---|---|---|
Le logo de l’académie de Versailles | logo_academie.png | Logo de l’académie ou de l’institution |
picto-home.png | Retour vers la page d’accueil | |
spip_out.gif | Lien externe | |
trans.png | dégradé du bandeau/pied (images de fond) [**] | |
trans2.png | dégradé des menus et blocs agenda/événements (images de fond) [**] | |
trans3.png | hachures des menus et blocs agenda/événements (images de fond) [**] | |
deplierhaut.png | Dans le menu de rubriques (déplier les sous-rubriques) | |
deplierbas.png | Dans le menu de rubriques (replier les sous-rubriques) | |
menuder.png | Dans le menu horizontal (pour indiquer les rubriques de niveau 3 et plus) | |
ics_plus.png | Ajouter un événement dans son calendrier | |
ics_agenda_plus.png | Ajouter tout l’agenda dans son calendrier | |
ics_agenda.png | Icône pour lien vers l’agenda |
Également : Le favicon du site (petite icône apparaissant dans les onglets du navigateur et la barre d’url). Nom du fichier : favicon.ico à placer dans squelettes (également utile à la racine du site).
Comment changer les contenus de certains blocs ?
Le principe est le même : dans le dossier squelettes, déposer le fichier souhaité et modifier ce fichier.
Cette opération peut s’effectuer plus simplement à l’aide du plugin SkelEditor 2.0.
Comment modifier certains termes ?
Tous les termes affichés sur votre site sont définis soit dans SPIP, soit dans ScolaSPIP. Ces termes peuvent être modifiés : dans votre dossier squelettes, créer un fichier local_fr.php et suivre les indications de la page Internationaliser les squelettes, partie « Méthode des fichiers de langue ».
Réglage des plugins
Pour Social Tags : dans sa page de configuration, dans le champs « Sélecteur » indiquer : #socialtags .
Discussions par date d’activité
117 discussions
Bonjour ,
Je crée mon premier site d’école avec Scolaspip.
http://www.ec-kergomard-limay.ac-versailles.fr/
Grace à vos explications et aux différents sites d’aides scolaspip , je parviens à quelquechose de correct.
La seule chose que je ne réussis pas c’est de créer la rubrique Site pour mettre sur la page d’accueil.
Le mot clé a bien été crée. J’écris un article avec le mot clé Site à la une , en référant l’url du site à indiquer . Je recalcule la page et vide le cache mais rien n’apparait.
Pouvez vous m’aiguiller ?
Répondre à ce message
Bonjour,
Je viens de faire la mise à jour vers SPIP 3.0.20. J’ai un problème avec le Plugin « formulaire de contact avancé » que je ne peux plus activer. J’ai le message « Le plugin Formulaire de contact avancé dépend de ORGANISEUR [0.6.1 ;[ ». Je ne peux pas non plus visualiser les plugins verrouillés mais je sais qu’ils sont là et actifs. Qu’est-ce qui se passe ?
Quand je refais une install à blanc avec ne nouvelle BDD ça fonctionne mais évidemment je ne peux pas me passer de ma base actuelle qui est en SQLite.
Merci d’avance si vous pouvez me donner des pistes...
Bonjour,
Difficile de vous aider sans l’adresse du site et car ça ne concerne pas ScolaSPIP.
Avez-vous mis à jour le plugin Formulaire de contact avancé ?
Essayer de vider le dossier tmp (tous les fichiers et dossier sauf éventuellement visites et sessions).
Non je ne me suis pas penché sur ce plugin je crois que je ne l’ai meme pas je vais le mettre
Pas si simple
Merci en tout cas
Oups désolée pour les fautes d’orthographe « corrigé et essayé »
Répondre à ce message
Bonjour,
Je viens d’installer ScolaSPIP 3.0.28 avec SPIP 3.0.20.
Tout fonctionnait très bien mais après avoir vidé le cache, ma page d’accueil ne comporte plus le menu (le plugin menu n’est pas installé). Par contre lorsque je visualise les rubriques ou les articles le menu s’affiche correctement.
J’ai choisi d’utiliser le plugin « acces restreint » j’espère que ce n’est pas ce plugin qui pose problème car il a l’air de bien fonctionner.
ptturgot . free . fr
Merci pour votre aide !
Apparemment (cf. code source de la page en ba), il y a une incompatibilité avec une fonction php (json_decode) sur votre serveur. Vous êtes en version php inférieure à 5.2 ?
Si vous désactiver le plugin agenda, ça devrait remarcher.
Ou sinon il faudrait voir comment activer une version supérieure de php (possible chez free ?).
Super, en effet, sans le plugin agenda ça fonctionne !
Pour info :
Version du serveur MySQL : 5.0.83
Version du client MySQL : 5.1.61
Un énorme merci pour cette aide si rapide et efficace !
Répondre à ce message
Bonjour,
j’ai un problème de mise en forme de l’agenda publique sur notre site :
http://www.ac-grenoble.fr/lycee/leon-pavin.chomerac/spip/
sur l’agenda : http://www.ac-grenoble.fr/lycee/leon-pavin.chomerac/spip/spip.php?page=agenda&date_debut=2015-06-01 pas du tout de mise en forme.
J’ai lu la documentation sur la page du plugin agenda , mais je reste perdu.
Quelqu’un peut il me guider ?
C’est apparemment parce qu’il y a un fichier agenda.html qui traine dans votre dossier squelettes (fichier ancien ? en tout cas il prend la main sur celui de ScolaSPIP).
Il faut le supprimer et recalculer la page.
Merci beaucoup, c’est réparé !
Répondre à ce message
J’ai un souci sur mon site, ma barre de recherche (ou barre de navigation) a disparu. Je ne sais pas d’où vient le problème. Elle n’apparait plus en page d’accueil
Pouvez vous m’aider ?
Je vois bien la bare horizontale de navigation sur votre site.
C’est réglé ?
Je vous conseille très fortement de mettre SPIP à jour (ainsi que tous ses plugins).
Votre version est fortement faillible.
Répondre à ce message
Hello, juste une info et une question.
suite à la mise à jour vers scolaspip 3.0.25 la semaine dernière, la barre de navigation
(plugins/auto/scolaspip/v3.0.25/inclure/barre-nav.html) a disparu de mon site.
Je ne m’en suis pas aperçu immédiatement. Durée de vie du cache ?
J’ai d’abord vérifié toutes mes (légères vu mon niveau) modifications de css, sans succès.
Puis j’ai fini par désactiver le plugin « Menus » (V1.5.3 - dernière màj 13/09/2014) dont je ne me suis jamais servi.
Après recalcul de la page, la barre de navigation est réapparue.
Ma question légère incompatibilité ou mauvais utilisateur ?
Merci
Bonjour,
C’est bizarre ce bug car la version 3.0.25 de ScolaSPIP ne touchait pas du tout à ça.
Difficile de savoir d’où vient le souci mais un utilisateur qui signale les problèmes n’est pas un mauvais utilisateur :-)
Johan
J’ai essayé de réactiver « Menus » —> même problème.
et deux captures d’écran (réunies sur la même image)
Avec Menus activé (partie haute de l’image) puis désactivé (partie basse)
[IMG]http://i.imgur.com/086fQ19.png[/IMG]
Si ça peut aider à circonscrire le problème.
Est-ce parce que je n’ai jamais défini de menu personnalisé ? ... pourtant ça fonctionnait comme ça jusqu’à ma dernière màj de Scolaspip ...
Enfin, bref, maintenant mon site fonctionne correctement.
Merci pour ce beau travail.
En fait, ScolaSPIP n’est pas vraiment compatible avec Menus. Ou alors si on installe Menus, ça peut être son menu qui prend la main sur celui de ScolaSPIP (ces 2 plugins surchargent inclure/barre-nav.html de zpip-dist).
Et ici suite à la mise à jour de jour, l’ordre des appels des plugins a du changer (je ne vois pas d’autres explications).
Répondre à ce message
Bonjour ,
nous souhaitons intégrer un compteur de visites sur notre site , comme compteurs graphiques 0.5.5,
quelle partie modifier pour avoir l’affichage sur la page d’accueil .
Merci
Est-il possible de conserver les stats du sites ou démarre-t-elle avec la mise en place du compteur ?
Bonjour,
Ça dépend de l’endroit où vous voulez le mettre.
Je vous conseillerai de le mettre dans le haut du fichier extra/page-sommaire.html
Ça, je ne sais pas (je n’utilise pas ce type de fonctionnalité sur mes sites). Il faudra voir la documentation du plugin.
Je voue envoie un mp les codes html ne sont pas autoriser sur le site .Merci
Répondre à ce message
bonjour,
Je viens d’installer scolaspip sur le site de l’école , il marche, mais quand je veux le désinstaller j’enlève le plugin et je repasse par eva-web pour avoir un thème prédéfini et là, ..., rien. On reste en apparence scolaspip !
Pourriez-vous m’expliquer comment « revenir en arrière » ?
Merci.
Bonjour,
Avez-vous recalculer la page ?
Mieux : de préférence, quand on fait de telles manipulations, mieux vaut vider le cache de SPIP.
Bonjour,
J’avais déjà vidé le cache oui...
Et recalculé les pages !
Et vider le cache de votre navigateur ?
hélas, oui.
Aussi...
tout semble se comporter comme si le plugin était encore présent
Dans la page de gestion des plugins, ScolaSPIP est bien desactivé ?
C’est très bizarre...
Quel est votre site ?
Répondre à ce message
Bonjour,
Je gère le site du lycée Rostand à Mantes avec Scolaspip, et je me demandais s’il y avait un moyen simple de faire passer les brèves (« actualités ») dans la 3e colonne, là où s’affiche le mini-calendrier...
Merci d’avance pour toute réponse.
Cordialement,
Vincent Smith
Bonjour,
Voir l’échange sur le forum suivant :
http://web2news.ac-versailles.fr/article.php?id_article=%3C551ec22e%241%40ac-versailles.fr%3E&group_name=ac-versailles.assistance-technique.web
Dites-nous si ça bloque (ou si ça marche !)
Oui ça marche très bien : merci pour la réactivité !
Juste 2 autres questions non urgentes :
1- pour faire apparaître la mosaïque des photos d’un article sur la page d’accueil (en ajoutant le mot-clé « Mosaïque » à l’article), faut-il que les photos soient intégrées à l’article en tant que « img » ? J’ai essayé avec des photos avec « emb » et je ne retrouvais que le titre de l’article en une...
2- Pour faire que des événements apparaissent dans le mini-calendrier, que faut-il faire ? J’ai tenté plusieurs choses et cela ne semblait pas marcher, du coup j’ai pour l’instant renoncé...
Cordialement,
Vincent Smith
Bonjour,
Pour la mosaïque,il faut avoir installé un des plugins suivants : splickrbox, nivoslider, sjcycle. Vous ne l’avez pas fait apparemment.
Pour les événements, il faut en créer (associés aux articles). Si les événements ne s’affichent pas dans le mini calendrier, c’est sans doute une erreur javascript... Il faudrait savoir ce qui la génère... Quelle lame du couteau suisse avez-vous activé ?
Sinon : inutile d’activer la palette sur la partie publique (voir l’option dans la page de configuration du plugin).
Enfin, voir aussi le conseil suivant :
http://web2news.ac-versailles.fr/article.php?id_article=%3C528cc884%241%40ac-versailles.fr%3E&group_name=ac-versailles.assistance-technique.web
Merci pour tous ces conseils. Dernier petit point : je voudrais faire marcher la fonction « vidéo à la Une » et le plugin « lecteur multimédia » est bien installé, et pourtant, il n’y a pas de boite avec la vidéo en question en dessous du titre de l’article dans la colonne de gauche... Voyez-vous une raison probable ?
Cordialement,
Vincent Smith
http://www.lyc-rostand-mantes.ac-versailles.fr/
Pensez aussi régulièrement à mettre à jour vos plugins (dans l’interface de fgestion des plugins, c’est très rapide). Cela règlera peut-être le souci avec le mini calendrier.
La partie « vidéo à la une » de ScolaSPIP est un développement ancien et pas très performant... La contrainte : joindre une vidéo au format mp4 ou flv à votre article associé au mot-clé.
Cela ne fonctionne pas avec les vidéos distantes ou en iframe comme ici...
Vous pouvez joindre à votre article le document distant du fichier mp4 de la webtv :
http://video.crdp.ac-versailles.fr/webtv/700/733_Les_parcours_de_la_reussite_Lycee_Jean_Rostand_Mantes-la-Jolie_2011.mp4
Le lecteur multimédia n’est pas utilisé ici (d’ailleurs il ne permet depuis un certain temps que de lire les audio, plus les vidéos).
Répondre à ce message
Bonjour et merci pour votre réactivité et votre aide. Le site prend forme : http://collegeromainrolland.fr/
Malgré toutes les explications, je n’arrive pas à mettre en route la rubrique à la une :
J’ai installé le plugin anything slider
J’ai créé le fichier html selection_accueil.
le problème où dois-je le déposer car dans mon dossier squelette il n’y a pas de dossier inclure, par contre il y en a un dans squelette -dist...
J’ai copier les lignes dans le CSS
Merci pour votre réponse.
J’espère que grâce à ce squelette, nous ne serons pas hacker...
Bonjour,
Il faut créer un dossier inclure aussi dans squelettes. Et y mettre le fichier.
Attention, c’est squelettes avec un s.
En général, les failles ne viennent pas des squelettes. Plutôt de SPIP ou de certains plugins ou d’autres scripts éventuellement sur l’hébergement. Il faut suivre les mises à jour de sécurité de SPIP.
Abonnez-vous à la liste spip-ann http://listes.rezo.net/mailman/listinfo/spip-ann
Et il faut régulièrement mettre à jour ses plugins.
Sinon :
Re-bonjour,
Pour le « A la une », cela ne marche pas. Mon fichier selection_accueil est en .htm Cela suffit-il ??? Il est bien dans le dossier inclure dans squelettes
De plus, j’ai coché la génération automatique de vignettes et la bibliothèque GD2 et mes couleurs sont dénaturées (voir logo pronote) est-ce normal ??
Désolée pour mon inexpérience...
Merci
.html pour l’extension.
Pour gd2, quand vous le cocher il y a bien une image (un hamac) ? Y a-t-il d’autres choix proposés ?
Puis, vider le cache de Spip et le cache des images.
Là dessus, difficile de vous aider, ça dépend de votre hébergeur.
Johan
J’ai changé le logo pronote cela va mieux mais mes vignettes sont dénaturées et les photos de la mozaique aussi...
Pour mozaique, J’ai généré mon fichier html avec notepad et cela ne marche toujours pas.
Pour les vignettes nous sommes chez OVH, j’ai plusieurs bibliothéques proposées : netpbm et convert et mes images sont toujours dénaturées...
Il faut associer des articles au mot-clé Sélection. Apparemment, vous ne l’avez pas fait.
http://collegeromainrolland.fr/spip.php?mot2
Pour les vignettes :
Il faut bien sûr choisir un des mode qui propose une image (du hamac).
Après un changement de mode de vignettes, vider le cache des images (partie « Images calculées automatiquement »).
Et aussi le cache de SPIP ainsi qu’éventuellement le cache de votre navigateur.
Merci beaucoup pour votre disponibilité,
la rubrique à la une marche. magnifique !!!
Je n’ai pas trouvé où vider le cache des images. Je n’ai plus que ce petit problème à résoudre...
Pour le cache, c’est dans « Maintenance », « Vider le cache ».
Il y a 2 parties. C’est la seconde ici qu’il faut vider.
Répondre à ce message
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 : |