SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 217 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > ScolaSpip > ScolaSPIP 4

ScolaSPIP 4

19 janvier 2016 – par Johan, Philippe – 221 commentaires

29 votes

ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr

Présentation de ScolaSPIP

Logo ScolaSPIP
Auteur : Wahid Mendil, 2012

Ce plugin pour SPIP 3 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 4 est un squelette conçu en « colonnes » (pour la page d’accueil) et les blocs sont fixés [1]. Ces colonnes se transforment en bloc lorsque l’on consulte le site sur tablettes ou smartphones. 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).

Structure de la page d’accueil
Ecrans classiques
Organisation des blocs dans le squelette scolaSPIP
Structure de la page d’accueil
Tablette-Smartphone
Organisation des blocs dans le squelette ScolaSPIP


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,
  • des éditoriaux,
  • les prochains événements :
    • dans un mini-calendrier (liens vers un agenda plus complet),
    • une liste d’événements,
  • 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 latéral,
  • des diaporamas 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 4 nécessite plusieurs plugins :

D’autres plugins sont utilisés :

ScolaSPIP 4 est aussi compatible avec :

Nouveautés de la version 4

Cette version 4 de ScolaSPIP est une évolution de la version précédente et offre de nombreuses options supplémentaires :

  • mise en page responsive qui s’adapte aux smartphones, tablettes et diverses définitions d’écran
  • intégration de vidéos distantes (Youtube, Dailymotion, Vimeo, ScolaWebTV, etc.) sur la page d’accueil (voir la documentation de oEmbed qui permet également d’afficher des images ou contenus riches dans vos pages)
  • les diaporamas d’images sont responsives
  • possibilité de mettre plusieurs articles en "éditorial" sous forme de diaporama

Et toujours :

  • possibilité d’ajouter des rubriques dans le menu horizontal (menus déroulants si il y a des sous-rubriques)
  • davantage de choix de couleurs, 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

Installation/Mise à jour

Mise à jour : ATTENTION

Si votre site utilise actuellement Scolaspip 3, n’installez pas directement Scolaspip 4.
Le passage à Scolaspip 4 nécessite la désactivation préalable de certains plugins :

  • Dans le gestionnaire de plugins, désactiver Zpip-dist.
  • Scolaspip 3 sera alors également désactivé.

Passer maintenant à l’installation de Scolaspip 4 (votre configuration de Scolaspip 3 sera conservée et utilisée par la version 4)

Installation

Entrer « ScolaSPIP » dans le moteur de recherche de plugins [2] et choisir « tous les états ».
ScolaSPIP 4.0 devrait apparaître et il vous reste à cocher la case correspondante et à lancer l’installation et l’activation (les plugins dont il dépend s’installeront é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.

Vos surcharges de squelettes ne sont pas prises en compte...

La structure même du squelette de Scolaspip 4 n’est pas la même que celle de Scolaspip 3. Il se peut donc que vos surcharges de Scolaspip 3 ne soient pas prises en compte par la version 4. Référez-vous alors à la documentation du bas de page pour adapter vos surcharges.

Onglet « Thèmes et couleurs »

Réglage du thème et des couleurs - Partie 1

Choisissez les polices utilisées pour les contenus de la page et pour les titres.
Choix des polices

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.

Réglage du thème et des couleurs - Partie 2

Des styles prédéfinis de couleurs font gagner du temps et peuvent être ensuite affinés.
Choix des couleurs

Onglet « Page d’accueil »

Réglages de la 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 »

Réglage des « 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).

Les « Petits plus » permettent aussi de choisir d’afficher (ou pas) : les auteurs, les résumés et dates, certains liens.
Logo du site web

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ésS’appliquent àRôle
articlesrubriquessites
Éditorial x Affiche jusqu’à 8 articles dans le slider
Articles les plus récents 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

Attention : Certains mots-clés ont une syntaxe qui diffère de celle des mots-clés de Scolaspip 1 compatibles avec Scolaspip 3. Si vos mots-clés ne font plus effet, il faut juste les renommer avec la nouvelle syntaxe.

Afficher une vidéo

Pour les « vidéos à la une » (article avec le bon mot-clé, voir ci-dessus), il faut faire la manipulation suivante sur l’article :

  • Ajouter un document
  • en fonction du type de vidéo
    • Cas 1 : fichier vidéo sur votre ordinateur (format mp4). Choisir "depuis : mon ordinateur", sélectionner le fichier et cliquer sur « Téléverser ». Si la taille ne dépasse pas la limite autorisée pour l’upload, le fichier est téléversé sur le serveur. Le document est créé.
    • Cas 2 : vidéo déjà en ligne sur un site compatible oembed. Choisir "depuis : internet". Coller l’url de la page contenant la vidéo (url sur la scolawebtv ici) et cliquer sur « Choisir ». Le document (distant ici) est créé et la magie de oembed va opérée.

La vidéo s’affichera alors sur la page d’accueil.

Pour afficher la vidéo également dans le texte de l’article placer la balise : (où XYZ est le numéro du document).

De façon encore plus simple, pour afficher une vidéo compatible oembed dans le texte d’un article, coller l’url de la page sur une ligne isolée (entre chevrons si il n’y a que la vidéo dans le champs concerné).

Gestion de l’agenda et des inscriptions

ScolaSPIP utilise [3] 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 [4] :

  • 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. Il est aussi conseillé d’activer le plugin Notifications qui permet facilement de modérer les forums à l’aide des messages envoyés.
  • 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 [5](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 ScolaSPIPNom du fichierCommentaire
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 (il est également utile de déposer ce fichier à 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 .

Voir en ligne : http://plugins.spip.net/scolaspip

Notes

[1Il est néanmoins possible de « surcharger » ces blocs dans son dossier « squelettes »

[2ScolaSPIP est dans le dépôt « SPIP-Zone - Plugins »

[3L’activation du plugin agenda n’est pas obligatoire, mais c’est un vrai plus si il est utilisé !

[4Les événements sont rattachés à des articles. Un article par exemple peut être dédié à la gestion des événements - ou mieux : ne pas hésiter à associer des événements à différents articles du site au fil de l’actualité de l’école

[5Il est recommandé d’utiliser cette technique et de ne pas écraser les fichiers situés dans le plugin.

[**Si option activée

Dernière modification de cette page le 28 septembre 2016

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 7 août à 18:37, par Eric En réponse à : ScolaSPIP 4

    Bonjour ,
    je rencontre un souci suite à une mise à jour de scolaspip 3 vers scolaspip 4 , la taille du texte du site est beaucoup plus grande , j’ai désactivé tous les plugins inutiles , vider le cache etc le problème est toujours présent , comment rétablir la taille des polices du site merci .

    https://www.sacrecoeur-escoublac.fr/

    • Le 8 août à 11:14, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Apparemment, vous êtes repasser à la version 3. Ici, je trouve de mon côté que c’est tout petit concernant la police... Cela dépend aussi des écrans...

      Il est conseillé (pour l’accessibilité) d’avoir des texte écrit assez grand. C’est le choix fait avec la version 4.

    • Le 8 août à 21:10, par Eric En réponse à : ScolaSPIP 4

      Bonjour Johan ,
      je laisse le site avec la maj scolaspip version 4 en ligne , pour que vous voyez la taille du texte . Est-il possible de réduire le format du texte sur l’ensemble du site ?
      Merci pour votre aide
      Eric

    • Le 9 août à 22:37, par Eric En réponse à : ScolaSPIP 4

      Un grand Merci à Johan pour son aide , notre site est bien passé sous scolaspip 4 .

    Répondre à ce message

  • Le 18 juillet à 18:09, par valonne En réponse à : ScolaSPIP 4

    Bonjour,

    Une simple question qui est en fait un petit problème « esthétique » :

    Lorsque l’on est dans l’interface privée et que l’on crée un portfolio pour un article ; en cliquant sur les images importées elles s’affichent grâce à la Boîte Multimédia (super effet visuel).
    Lorsque l’on est dans l’interface public et que l’on souhaite maintenant cliquer sur une image du portfolio de l’article, l’image s’affiche en « page suivante » ce qui nécessite de cliquer sur « revenir à la page précédente » du navigateur pour revenir sur l’article. Visiblement la Boîte Multimédia n’est pas prise en compte.

    Comment y remédier ?

    Je précise que le site du collège est hébergé au niveau du Rectorat et que je n’ai pas d’accès FTP ni aucune possibilité de modifier un fichier.

    Merci pour vos réponses .... :)

    • Le 19 juillet à 09:18, par Philippe En réponse à : ScolaSPIP 4

      Bonjour

      Dans l’espace privé, « squelettes » puis « boîte multimédia », vous pouvez ajouter dans la ligne « en galerie » la liste suivante :
      , a[type=’image/jpeg’], a[type=’image/png’], a[type=’image/gif’]

    • Le 19 juillet à 09:36, par Johan En réponse à : ScolaSPIP 4

      Normalement, ça fonctionne avec le réglage par défaut.
      Valonne, quel est le site ? Je soupçonne une erreur de javascript ici...

    • Le 27 juillet à 07:12, par Jean-Philippe En réponse à : ScolaSPIP 4

      Bonjour,

      J’ai le même soucis pour le Portfolio même en rajoutant les codes dans la ligne « en galerie ».
      le lien vers le site :
      http://cscteouty.ddec.nc/spip.php?article1

      Merci

    • Le 3 août à 11:53, par Valonne En réponse à : ScolaSPIP 4

      Bonjour,

      Merci d’abord pour vos réponses... toujours rapides.
      Néanmoins, malgré les modifications dans GALERIE, rien ne change.
      Voici le lien pour mon établissement :
      http://www.clg-france-clayes.ac-versailles.fr/

      Bien cordialement.

    • Le 3 août à 12:21, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Essayer de mettre (comme Philippe l’a indiqué) : Dans l’espace privé, « squelettes » puis « boîte multimédia », vous pouvez ajouter dans la ligne « en galerie » la liste suivante :

      a[type='image/jpeg'], a[type='image/png'], a[type='image/gif']

      Ça a résolu le souci sur un des sites sur lequel le même bug était apparu.

      Les quotes indiquées dans le message de Philippe n’étaient pas bonnes...

    • Le 3 août à 23:41, par Jean-Philippe En réponse à : ScolaSPIP 4

      Merci ça marche chez moi aussi.

    • Le 4 août à 09:54, par Valonne En réponse à : ScolaSPIP 4

      Bonjour et merci pour votre aide.

      En effet çà marche. Le petit truc qui change tout .... :)

    Répondre à ce message

  • Le 24 juillet à 05:10, par Jean-Philippe En réponse à : ScolaSPIP 4

    Bonjour,

    Je suis en train de tester Scolaspip surtout par rapport à l’aspect « responsive » sur smartphone.
    De nombreux établissements scolaires avec qui je travaille préfèrent laisser tourner un diaporama de présentation en éditorial (Squelette Eva et Nivoslider ou Jcycle) plutôt que ne pas actualiser l’édito...

    J’ai un site d’essai où j’ai installé Scolaspip mais le diaporama ne tourne pas dans l’éditorial. Par contre en cliquant sur l’article pas de soucis.

    Est ce normal ?

    http://glpi1.ddec.nc/sarkatest/

    Versions :
    SPIP 3.1.6
    Scolaspip 4.3.1
    Spip Cycle2 3.4.20

    Je vous remercie

    • Le 24 juillet à 09:06, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Dans le slider de ScolaSPIP, vous pouvez mettre plusieurs articles (avec le mot-clé) et ce sont ces articles (titre, descriptif, logo) qui défilent.
      Il n’est pas prévu d’afficher d’autres champs de l’article ni son portfolio.

      Johan

    • Le 25 juillet à 00:04, par Jean-Philippe En réponse à : ScolaSPIP 4

      Merci !

      Effectivement tous les articles ayant le mot clé Editorial tournent maintenant sous forme de slider.

      Jean-Philippe

    Répondre à ce message

  • Le 16 juillet à 13:12, par Steve Balboa En réponse à : ScolaSPIP 4

    Bonjour,

    J’ai réalisé un site disciplinaire pour mon académie grâce à scolaspip, et j’en suis très heureux. Il y a néanmoins une manipulation que je ne parviens pas à exécuter (je suis débutant) : sur la page d’accueil, j’aimerais déplacer le calendrier et les événements de la colonne centrale à la colonne de gauche. Quelqu’un sait-il comment faire ?
    Merci d’avance,
    Cordialement,

    • Le 17 juillet à 16:57, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Il faut pour cela surcharger les fichiers content/sommaire.html et extra/sommaire.html de ScolaSPIP.
      Déplacer les lignes 29 à 37 de content/sommaire.html dans le fichier extra/sommaire.html.

    • Le 18 juillet à 14:17, par Steve Balboa En réponse à : ScolaSPIP 4

      Bonjour,

      Merci beaucoup de votre réponse, et de tout le travail réalisé sur scolaSPIP.
      J’ai surchargé les deux fichiers, comme indiqué. Effectivement, le calendrier et les événements se sont correctement déplacés dans la colonne #aside. Mais malheureusement dans la colonne principale (#content), je perds le slider (obtenu avec le mot-clé Editorial) et la police utilisée dans le descriptif du site change aussi.
      Cordialement,

    • Le 19 juillet à 09:38, par Johan En réponse à : ScolaSPIP 4

      Quel est le site ?

      Ou sans ça le contenu des fichiers content/sommaire et extra/sommaire.

    • Le 19 juillet à 10:00, par Steve Balboa En réponse à : ScolaSPIP 4

      Bonjour,
      Il s’agit du nouveau site de philosophie de l’académie de Nancy-Metz, mais il ne sera mis en ligne qu’en septembre.
      Je suis désolé, je ne comprends pas la seconde partie de votre dernière réponse.
      Cordialement,

    • Le 19 juillet à 10:04, par Johan En réponse à : ScolaSPIP 4

      Quel est le code des fichiers content/sommaire et extra/sommaire ?
      Mettre ce code entre les balises <code> et </code>

    Répondre à ce message

  • Le 5 juillet à 14:05, par Arthur En réponse à : ScolaSPIP 4

    Bonjour,

    Je commence à travailler sur le site de notre collège qui n’était plus trop à jour... Je viens de la passer en scolaspip 4. Impossible d’afficher le menu horizontal malgré le mot clé qui va bien. Que faut-il faire ?

    http://www.clg-pascal-viarmes.ac-versailles.fr

    Aussi, est-il possible de supprimer le menu vertical comme dans le site de démo qui est très réussi !

    Merci beaucoup pour votre aide précieuse.

    • Le 5 juillet à 19:37, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Apparemment, vous avez le plugin « Menus ». Il faudrait le désactiver.

      Pour supprimer le menu vertical, mettre toutes les rubriques dans le menu horizontal.

      Enfin : votre site n’est pas à jour. Il faudrait le passer à la dernière version : soit 3.0.26 soit la 3.1.6. En profiter pour mettre à jour vos plugins. Et désactiver les plugins non utilisés.
      Pour vous éviter toutes ces mises à jour, je vous conseille de demander le transfert de votre site à la DSI (plateforme mutualisée de spip). Ceci concerne les sites de l’académie de Versailles.

      Johan

    Répondre à ce message

  • Le 20 juin à 13:49, par PhilOGM En réponse à : ScolaSPIP 4

    Bonjour à vous,

    Je travaille actuellement à la mise en place pour un site internet associatif d’un Spip avec le squelette ScolaSpip.
    Le site de test est ici : http://testman.poheberg.org/

    Ma (une de mes :-) ! ) question :
    Je voudrais, pour les titres mettre une police particulière (segoe print gras). Est-ce possible ? et si oui, où installer les fichiers de la police ?

    Merci beaucoup !

    • Le 27 juin à 09:20, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      (désolé pour le délai dans la réponse)

      Ce n’est pas si simple car ce n’est pas une police disponible sur les navigateurs par défaut. Il faut alors utiliser les « web fonts ».

      Il faut tout d’abord que cette typo soit disponible. Elle est apparemment sous une licence privative et payante...

      Une fois le souci réglé, voici comment faire :

      1/ déposer les fichiers font (formats eot, woff, svg, ttf - pas forcément tous) dans le dossier squelettes/css/fonts (dossiers à créer).

      2/ Dans le fichier squelettes/perso.css, ajouter les lignes suivantes (retirer les lignes si les formats ne sont pas dispo et adapter les noms de fichier).

      @font-face {
         font-family: 'Segoe’;
         src:url('fonts/Segoe.eot?#’) format(‘eot’),    
             url(‘fonts/Segoe.woff’) format(‘woff’);
             url(‘fonts/Segoe.ttf’) format(‘truetype’);  
      }

      h1, h2, h3, h3.spip { font-family: Segoe !important ;}

      Ça fonctionne ?

    • Le 27 juin à 10:37, par PhilOGM En réponse à : ScolaSPIP 4

      Bonjour,

      Pas de soucis pour le délai : il y a de quoi faire dans les écoles et les établissements en ce moment !

      Merci pour la réponse :-)
      Je teste dès que je peux et reviens en causer ici !
      C’est le dossier « fonts » à créer qui me manquait...

    Répondre à ce message

  • Le 17 juin à 16:40, par Cyril En réponse à : ScolaSPIP 4

    Bonjour,

    Je souhaiterais savoir s’il était possible de mettre les « actualités » (brèves) avant les « articles à la une » (sélection) sur la page d’accueil du site ?

    Car sur le site du collège ( http://www.clg-malraux-asnieres.ac-versailles.fr/ ) les brèves sont placées tout en bas de la page d’accueil ce qui ne les rend pas très visibles...

    Bon week-end,

    Cordialement,
    Cyril

    • Le 19 juin à 12:36, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Pour changer ça, il faut surcharger les squelettes de ScolaSPIP.
      Déplacer la ligne 18 avant le ligne 16 du fichier content/sommaire.html.

      Johan

    • Le 19 juin à 19:27, par cyril En réponse à : ScolaSPIP 4

      Bonjour Johan et merci pour la réactivité toujours aussi importante de vos réponses !

      Je me doutais bien d’une manip du genre.
      Le problème c’est que je n’ai pas accès au squelette puisque le site est hébergé par l’académie et que je ne peux pas passer par FTP.

      Sauriez-vous vers quel interlocuteur me tourner afin d’effectuer la manipulation ?

      Cordialement,

      Cyril.

    • Le 20 juin à 05:49, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Vous pourrez le faire en demandant l’activation de skeleditor à la DSI (dsi-tice @ ac-versailles.fr).

      Johan

    • Le 20 juin à 09:02, par Cyril En réponse à : ScolaSPIP 4

      Merci beaucoup.

      Je vous souhaite une bonne journée.

      Cordialement

      Cyril

    Répondre à ce message

  • Le 10 juin à 15:17, par Valonne En réponse à : ScolaSPIP 4

    Merci pour tout le travail fourni.

    Je n’ai pas de question ni de problème lié à ce squelette.
    Toutefois juste une remarque :
    Les sites académiques font l’objet d’une migration sur des serveurs de la DSI du rectorat qui ne permet plus maintenant de se connecter par FTP. Il est donc impossible de travailler sur les fichiers CSS ou sur tout autre fichier du squelette. Un paramétrage du squelette plus étendu est-il prévu depuis l’interface pour les prochaines mises à jour ?

    • Le 11 juin à 10:37, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Merci pour le retour.

      Oui, c’est sûr que c’est moins souple d’être sur une plateforme mutualisée.

      Pour les règles css, vous pouvez les ajouter dans le champs de ScolaSPIP prévu pour cela.
      Pour modifier les squelettes, vous pouvez activer le plugin Skeleditor (je crois qu’il faut le demander à la DSI de Versailles ici).

      Sinon, pour ma part, pas d’évolution prévu (je ne suis plus dans l’académie de Versailles).

    • Le 12 juin à 15:59, par valonne En réponse à : ScolaSPIP 4

      Rebonjour,

      Est-il possible de modifier le nombre de vidéos à faire afficher sur la page d’accueil ?
      2 vidéos çà passe mais impossible d’en faire afficher plus.
      Y a-t-il une possibilité de le faire sans accès par ftp aux fichiers ?

      Merci pour vos réponses ...

      cdt.

    • Le 14 juin à 07:46, par Johan En réponse à : ScolaSPIP 4

      Bonjour,
      Non, désolé : cet affichage n’est pas paramétrable dans la version actuelle...
      Avec Skeleditor, ça se passe dans : inclure/videos_accueil.html

      Johan

    Répondre à ce message

  • Le 4 juin à 11:41, par fredo333 En réponse à : ScolaSPIP 4

    Bonjour,

    Je cherche à agrandir la taille des textes du titre, du slogan, et le menu horizontal. Quelqu’un aurait-il la solution ?

    J’ai torturé le fichier perso.css dans squelettes, mais je ne parviens pas à trouver la bonne documentation.

    Cordialement

    Frédéric

    • Le 5 juin à 09:55, par Johan En réponse à : ScolaSPIP 4

      Bonjour,

      Avec les règles suivantes :

      #header h1{font-size : 3em;}
      #header #slogan_site_spip{font-size : 1.8em;}
      #nav{font-size : 1.3em;}

      à adapter (et voir les effets de bord en fonction des largeurs d’écran... )

    • Le 5 juin à 14:35, par fredo333 En réponse à : ScolaSPIP 4

      Bonjour,

      J’ai dû faire une mauvaise manipulation en changeant les typos dans un fichier (mais aucun souvenir lequel), car « #header h1font-size : 3em ; » ne fonctionnait pas, j’ai remplacé par « #header font-size : 25px ; ».

      Tout le reste fonctionne à la perfection....

      Je vous remercie encore une fois.

      Frédéric

    Répondre à ce message

  • Le 31 mai à 15:03, par fredo333 En réponse à : ScolaSPIP 4

    Bonjour,

    je rencontre une double difficulté avec le menu adapté aux mobiles (tablettes), lorsqu’il devient vertical j’ai une bande verte en fond en dessous de ma barre de couleur rouge, comment puis-je retirer ce trait vert ?

    Ensuite, je travaille sur deux versions du même site l’une sur mon ordinateur (me servant à expérimenter), et l’autre chez ouvaton.coop, or sur la version hébergée à l’extérieur le menu pour les portables les couleurs changent, est-ce normale ?

    Merci d’avance

    Frédéric

    • Le 31 mai à 16:02, par fredo333 En réponse à : ScolaSPIP 4

      Bonjour,

      En fait, je ne rencontre qu’un seul problème, l’autre je l’ai résolu (erreur de copie du fichier perso.less), qui est lorsque le menu adapté aux mobiles (tablettes) devient vertical j’ai une bande verte en fond en dessous de ma barre de couleur rouge, comment puis-je retirer ce trait vert ?

      Merci d’avance

      Frédéric

    • Le 3 juin à 08:29, par Johan En réponse à : ScolaSPIP 4

      Bonjour,
      Quelle est l’adresse du site ? Difficile de voir le souci sans ça...
      Est-ce que la règle :

      #header { border-bottom: 0px;}

      règle le souci ?
      Johan

    • Le 3 juin à 08:32, par Johan En réponse à : ScolaSPIP 4

      Plutôt :

      @media (max-width:767px){
      #header { border-bottom: 0px;}
      }
    • Le 3 juin à 11:43, par fredo333 En réponse à : ScolaSPIP 4

      Bonjour,

      ça fonctionne parfaitement.

      Je vous remercie une nouvelle fois.

      Frédéric

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • GIS 4

    11 août 2012 – 1368 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Escal-V3

    16 février 2012 – 281 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé . Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes (...)

  • FACD

    3 juin 2015 – commentaires

    FACD est l’acronyme de « File d’Attente de Conversion de Documents ». Comme son nom l’indique, il permet à des plugins dont le but est de convertir des documents dans d’autres formats de mettre ses conversions dans une file afin qu’elles soient (...)

  • CleverMail

    20 janvier 2010 – 637 commentaires

    CleverMail est un plugin permettant d’envoyer des lettres d’informations à des abonnés depuis SPIP. Issu au départ d’un développement libre complètement indépendant de SPIP, il a connu une première version pour SPIP 1.9 avant d’être complètement réécris (...)

  • Massicot

    7 octobre 2015 – 74 commentaires

    Recadrez et redimensionnez vos images directement dans l’espace privé de SPIP ! Inspiré par le plugin photospip, ce plugin plus minimaliste permet de recadrer et redimensionner les images dans l’espace privé de SPIP. Une fois le plugin installé (...)

Ça spipe par là