É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,
Sur mon site en scolaspip 3.?? j’aimerai ne pas afficher les sous-rubriques avec les articles associés lorsque dans le menu déroulant gauche on clique sur une rubrique de premier niveau.
Sur l’ancienne version, on pouvait modifier le fichier inc-rubriques.html. Mais il n’existe plus ou je n’ai pas réussi à la trouver.
Merci d’avance pour votre réponse
Bertrand
Bonjour,
Avec ScolaSPIP pour SPIP 3, le menu se gère dans le fichier navigation/dist.html
Fichier que vous pouvez surcharger (et placer dans le dossier squelettes/navigation - à créer si besoin)
Merci pour l’info. Félicitation pour votre réactivité.
Répondre à ce message
Je veux adopter le squelette SCOLASPIP pour le site de mon collège en Espagne qui utilise dejà Spip. Pour cela, j’ai créé un site en épreuves www.iesuliafidentia.es/uf pour y pratiquer avant de mettre à jour le site officiel. Mais j’ai un problème : j’ai regardé beaucoup de sites de collèges/lycées français utilisant scolaspip et je ne comprends pas quelle méthode ont-ils utilisée, car les options qu’offre le plugin dans l’espace privé ne sont que trop limitées. En plus j’ai des problèmes à afficher correctement la colonne de gauche qui reste toujours dans la partie basse de la page. Pouvez-vous m’offrir quelques idées pour mieux maîtrise scolaspip ? Y a-t-il une documentation ou un tutorial pour apprendre à développer le plugin ? Finalement, y a-t-il la possibilité de traduire quelques énoncés, maintenant en français, à d’autres langues telles que l’espagnol ? Merci.
Bonjour,
Première chose : bien lire cette page. C’est la documentation du plugin.
À bien comprendre : les mots-clés à associer à des articles ou sites ou rubriques (les groupes de mots-clés doivent être bien paramétrés) permettent de « pousser » des liens ou contenus à divers endroits. Voir le tableau dans cette page.
Aussi : dans squelettes/scolaSPIP, 3 onglets permettent de faire plein de réglages.
Pour le menu qui saute en bas chez vous c’est lié au plugin socialtags qui n’est pas paramétré (voir cette page, partie Réglage des plugins).
Pour les traductions, je peux ajouter au plugin ScolaSPIP un jeux de traduction en espagnol si vous êtes prêt à traduire.
Merci pour votre réponse. Je vais suivre vos instructions.
Répondre à ce message
Bonsoir,
A la suite d’une mise à jour du site Web du collège (http://www.clg-brassens-taverny.ac-versailles.fr ) en SPIP 3.0.17, j’ai effectué une mise à jour des plugins mais l’agenda ne fonctionne plus. La version 3.6.0 est demandée, les anciennes étant incompatibles avec Scolaspip d’après le message d’erreur : « Impossible d’activer le plugin ../plugins/auto/scolaspip/v3.0.17 »
Nécessite le plugin AGENDA en version 3.6.0 minimum.
Je ne parviens pas à trouver cette version en ligne et aucune mise à jour n’est disponible. Pourriez-vous m’aider s’il vous plaît ?
Avec toutes mes excuses pour une question basique d’une débutante.
Bonjour,
Il faut mettre à jour tous vos plugins.
Ensuite vider le cache de SPIP.
Actuellement, vous êtes en version 3.0.17 pour ScolaSPIP alors que la dernière version est la 3.0.27
(pour SPIP, c’est bien la 3.0.17 la dernière et vous y êtes.)
Merci pour votre réponse, je n’avais pas fait attention à la version de scolaspip.
Tout fonctionne très bien.
Répondre à ce message
Bonjour,
Nous voudrions changer le bandeau de notre site d’école et le personnaliser.
http://www.ec-voltaire-asnieres.ac-versailles.fr/
Quelle taille doit avoir l’image que nous créons ( avec photofiltre, par exemple) et comment l’insérer sur la page d’accueil ? Quel fichier faut-il surcharger ? et avec quelle boucle ?
Merci de votre aide.
Bonjour,
Regardez dans les options de scolaSPIP : il y a 2 possibilités pour le bandeau.
Merci pour votre réponse, Nous avons pu changer le bandeau du site.
Répondre à ce message
Bonjour,
Déjà mon deuxième site avec Scolaspip que je trouve toujours aussi pratique mais... le site que je suis entrain de faire est tout simple et ne nécessite pas une arborescence élaborée avec rubriques, sous-rubriques etc... en fait j’ai 5 rubriques secteurs dans lesquelles j’ai directement un ou deux articles.
Ce que je voudrais faire, c’est afficher les titres des articles dans le menu vertical en lieu et place des sous-rubriques tel que prévu dans dist.html. J’ai réussi à faire cela mais j’aurais aimé pouvoir conserver l’effet « déplier haut » - « déplier bas » que je trouve pratique et là, ça ne fonctionne pas. J’ai seulement les titres de mes rubriques avec dessous les titre des articles. Pourriez-vous me donner des pistes pour arriver à résoudre ce problème ? Ce serait top. Merci bcp.
Bonjour,
Pas de soucis pour vous donner un coup de main. À première vue un changement de boucle dans navigation/dist.html (à surcharger dans votre dossier squelettes).
Le « pliage/dépliage » se fait via le fichier javascript scolaspip.js.html et là, c’est pas hyper simple.
Votre site est visible ?
Si vous préférez, on échange ne direct et on mettra la solution ici quand ce sera réalisé.
Bonjour Johan,
Oui, je veux bien un coup de main. Le site n’est pas encore en ligne, je vais le mettre en test ces jours-ci.
Je peux vous joindre par mail ?
Merci beaucoup de votre disponibilité et aussi de votre réactivité !
oui, à johan.pustoch -at- crdp.ac-versailles.fr
Voici une boucle qui répond à la question (testé).
Testé et approuvé ! Pour ceux que cela intéresse, associé au plugin Court-circuit, cette boucle de navigation permet de « zapper » l’affichage des rubriques ce qui peut s’avérer utile quand l’arborescence est basique, comme c’était mon cas. Encore merci Johan pour votre aide précieuse et efficace !
Répondre à ce message
Bonjour,
Dans le sommaire affiché dans la colonne de gauche (www.ien-ozoir.ac-creteil.fr), je souhaite changer l’ordre des rubriques, en évitant d’avoir à écrire 1 ..., 2...
Sur un autre site, dans un passé un peu lointain, SPIP+EVAWeb permettait d’occulter le nombre qui serait présent en début du titre de rubrique.
Ainsi, le tri des rubriques était toujours alphabétique, mais liberté était donnée pour choisir l’ordre d’affichage, le numéro n’était pas visible.
Serait-ce transposable sur ScolaSpip ?
Merci beaucoup
Bonjour,
Cette fonctionnalité de suppression du numéro est native dans SPIP3 (et donc dans ScolaSPIP).
Astuce : numéroter vos rubriques en laissant des trous et avec des nombres toujours sur plusieurs chiffres. Ainsi, vous pouvez plus facilement intercaler de futures rubriques.
Ex :
01. Rubrique à bric
10. Rubrique à brac
20. Rubrique à broc
30. Rubrique à bruc
etc.
Répondre à ce message
Nous cherchons depuis un moment à mettre une bordure de couleur autour des vidéos à la une de notre site ???
Comme sur le site de démo de Scolaspip, sur lequel les vidéos ont une bordure verte.
http://www.tice.ac-versailles.fr/scolaspip/
Sans doute est-ce un réglage du plugin ?? Nous avons mis des bordures orange dans le "thèmes et couleurs de Scolaspip mais cela ne change pas la couleur autour des vidéos en page d’accueil.
Merci de votre aide.
Bonjour,
C’est pour le nouveau site ec-voltaire ?
Ici en fait, vous avez bien une bordure de couleur. Mais c’est votre couleur foncée du bandeau (0f1923). Et pas la couleur de la bordure sous le bandeau...
C’est ainsi que ScolaSPIP applique la couleur de la bordure de la vidéo...
Répondre à ce message
Bonjour,
Y a-t-il une possibilité pour régler la « profondeur » du sommaire affiché dans la colonne de droite.
Actuellement les rubriques et sous-rubriques existent sur 5 niveaux, je souhaite afficher les 3 premiers niveaux de l’’arborescence, pour simplifier l’affichage du sommaire.
Merci
Deux solutions :
ou (plus simple)
Avec la règle :
#navigation ul.niveau1 ul ul ul{ display:none;}
à placer dans perso.css ou dans le champs de scolaSPIP.
Ça fonctionne ?
Hello,
Super merci !
Je viens d’ajouter le code dans le champ de scolaSPIP, ça semble super bien marcher.
A+
Répondre à ce message
Bonjour j’ai lu la discussion de novembre entre cmathi02 et Johan à propos de « compteur graphique »
J’ai réussi à placer le compteur. Merci beaucoup de votre aide ...
Mais je voudrais placer ce compteur à droite sur la page d’accueil, sous le calendrier.
Quel fichier de scolaspip faut-il modifier (sous dossier et fichier) pour mettre la balise dont vous parliez ?
et est-ce bien toujours cette balise ?
Merci de votre aide.
Ici, c’est contenu/sommaire.html
Vous devriez pouvoir reconnaître l’endroit ou ajouter la balise (c’est toujours la même je pense).
Attention à ne pas modifier les fichiers de scolaSPIP. Il faut le surcharger dans votre dossier squelettes.
Répondre à ce message
Bonjour,
Question très basique, comment changer pour tous les articles la valeur de la taille des caractères des intertitres ?
Merci beaucoup
Bonjour,
Avec une ligne css (dans perso.css ou dans le champs de scolaspip) du type :
body h3.spip{font-size:1.7em;}
ici 1.7em est la taille utilisée dans scolaspip.
À adapter, en em ou en px ou autre.
Merci beaucoup, ça marche !
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 : |