URL: https://linuxfr.org/news/spip-4-fois-5-qui-nous-font-vingt
Title: SPIP 4. fois 5 qui nous font vingt
Authors: Ysabeau 🧶
 palm123, ted et Benoît Sibaud
Date: 2021年08月01日T21:23:59+02:00
License: CC By-SA
Tags: spip, cms et sortie_version
Score: 37
Comme les [daemontools](https://linuxfr.org/news/les-daemontools-ont-20-ans) et [Haiku](https://linuxfr.org/news/haiku-r1-beta-3-haiku-a-20-ans), le [système de gestion de contenus (CMS)](https://fr.m.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu) à l’écureuil, fête son vingtième anniversaire. Le résultat d’un énorme travail depuis l’[annonce de la version 3.1](https://linuxfr.org/news/spip-3-1-0-est-disponible-au-telechargement) sur LinuxFr.
En poursuivant la lecture de la dépêche, vous aurez un aperçu de l’interface avec des chatons ainsi qu’un point sur les évolutions les plus notables de SPIP et de sa galaxie. Il sera aussi question de squelettes (non pas celui-là).
![Logo de SPIP](https://contrib.spip.net/local/cache-vignettes/L215xH160/arton4918-92d0c.png?1615843028)
----
[SPIP](https://www.spip.net)
[SPIP 4 ](https://www.spip.net/fr_article6428.html)
[Programmer SPIP](https://programmer.spip.net/)
[Télécharger SPIP](https://www.spip.net/fr_download)
[Migrer de SPIP 3.2 à SPIP ](https://contrib.spip.net/Migrer-de-SPIP-3-2-a-SPIP-4-0-le-livre-de-cuisine)
[Refonte de l’identité graphique de SPIP](https://contrib.spip.net/Refonte-de-l-identite-graphique)
[Annonce de la sortie de SPIP 4](https://blog.spip.net/SPIP-4-0-tout-simplement.html)
[Discuter spip.net](https://discuter.spip.net/)
[SPIP a vingt ans et nous offre sa version 4](https://dutailly.net/spip-a-vingt-ans-et-nous-offre-sa-version-4)
----
L’interface
===========
Comme c’est la partie la plus visible et que ça commence dès l’écran de connexion qui a radicalement changé, autant aborder SPIP 4 par cette face, sans entrer dans les détails de toutes les pages toutefois.
![L’écran de connexion de SPIP 3 et de SPIP 4 (à droite](https://dutailly.net/IMG/png/spip4_connexion.png)
La nouveauté c’est que, si la couleur par défaut de l’écran de connexion vous insupporte ou vous fait mal aux yeux, vous pouvez la modifier dans `Configuration> Identité du site` (en bas de la page). On peut même opter pour une image, une ribambelle de chatons par exemple[^1].
![Cinq chatons rigolards](https://dutailly.net/IMG/png/spip4_connexion_image.png)
L’écran d’accueil, ainsi que les autres pages de l’interface privée ont gagné en sobriété, voire, en efficacité. Si les icônes des menus, en haut, ont été légèrement redessinées, en revanche toutes les autres ont été plus visiblement modifiées.
![L’écran d’accueil, à gauche SPIP 3, à droite SPIP 4](https://dutailly.net/IMG/png/spip4_accueil.png)
Sur la page de gestion des plugins, des boutons avec du texte ont remplacé les icônes, ce qui la rend plus efficace.
![Les plugins dans SPIP 3 et 4](https://dutailly.net/IMG/png/spip4_plugins.png)
Le module de statistiques a été entièrement repensé d’un point de visuel. Les statistiques étant elles-mêmes inchangées et restent, très heureusement, minimalistes. Le graphique d’évolution des visites s’assortit maintenant au jeu de couleurs paramétré pour l’interface. On peut, en outre, exporter les données au format JSON en plus du format CSV.
![Un graphique aux couleurs de l’interface](https://dutailly.net/IMG/png/spip4_stat.png)
Et, puisqu’on a parlé de jeux de couleurs, il y en a deux de plus. Les paramètres de configuration, accessibles en cliquant en haut à gauche sur son nom (ici ID[^2]) ont aussi évolué, exit le choix d’affichage entre petit et grand écran par exemple.
![Les jeux de couleur de l’interface privée](https://dutailly.net/IMG/png/spip4_config_couleurs.png)
Les autres nouveautés
=====================
Sur la gestion des images et des documents, il y a trois nouveautés significatives :
* le format [SVG](https://fr.m.wikipedia.org/wiki/Scalable_Vector_Graphics) est pris en charge ;
* on peut glisser et déposer plusieurs fichiers d’un coup en rédaction d’un article ou dans la médiathèque ;
* le portfolio n’existe plus.
SPIP a suivi une cure d’amaigrissement. Des plugins peu ou pas utilisés ont été retirés de la distribution de base (plus communément appelée « dist ») : brèves, pétitions, squelette par rubrique, Jquery... Mais on peut toujours les télécharger et les installer au besoin.
Et aussi, le squelette[^3] par défaut (squelette-dist) est en html 5, et des tas de changements, évolutions, innovations pour le développement des sites : des nouveaux filtres et critères, la syntaxe des boucles s’est enrichie, etc. Le site [Programmer SPIP](https://programmer.spip.net/) se met à jour pour refléter ces modifications.
SPIP 4 et php
=============
SPIP 4 tourne avec PHP 7.3, PHP 7.4 et PHP 8.0.
Changement majeur, SPIP qui assurait une compatibilité de PHP y compris dans les versions anciennes, ne le fera plus et ne la gèrera que pour les versions maintenues. Ce qui signifie que le rythme de sortie des mises à jour majeures va être plus fréquent et suivre celui de PHP. Il devrait donc y avoir à l’avenir une version majeure de SPIP par an.
L’évolution de la galaxie SPIP
==============================
SPIP, n’est pas qu’un outil de gestion de contenu, c’est également toute une galaxie de sites d’[aide](https://forum.spip.net/fr_rubrique193.html), de [contributions](https://contrib.spip.net/), de [plugins](https://plugins.spip.net/), etc. qui ont bénéficié d’un toilettage complet avec une charte graphique uniformisée mais des couleurs spécifiques à chacun. Et, évidemment, la [documentation de SPIP 4](https://programmer.spip.net/).
SPIP a maintenant un [dépôt Git](https://git.spip.net/SPIP/spip.git) où se retrouvent les plugins-dist et qui est devenu son dépôt officiel.
La galaxie SPIP ce sont aussi les fabriques de squelettes et il y a eu un grand mouvement ces dernières années pour passer sous SPIP des [squelettes html 5](https://contrib.spip.net/Des-squelettes-SPIP-pour-les-themes-HTML5UP) de [html5up](https://html5up.net/). On trouvera sur [spip-contrib](https://contrib.spip.net/Html5up) la liste des squelettes ainsi adaptés ainsi que de la documentation pour le faire. Ce ne sont, évidemment, pas les seuls squelettes html 5. Ainsi, des squelettes très paramétrables comme [Escal](http://escal.ac-lyon.fr/spip/) qui est parfaitement multilingue ou [SoyezCréateurs](https://contrib.spip.net/SoyezCreateurs-1237) qui se veut conforme aux bonnes pratiques en matière d’accessibilité peuvent supporter le html 5.
Migrer tranquillement
=====================
Même s’il y a très peu de risques d’avoir des pépins, surtout si on passe de 3.2 à 4, le risque zéro n’existe pas. Donc avant de passer votre site sous SPIP 4 il faudra :
1. vider le cache ;
2. sauvegarder la base de données ;
3. sauvegarder les dossiers IMG, config, plugins, tmp (ce n’est pas impératif cela dit), squelettes et le fichier .htaccess, plus tout autre dossier ou fichier que vous auriez créé ;
4. comme il est possible que tous vos plugins ne soient pas marqués comme compatibles SPIP 4, ajouter un fichier mes_options.php dans le dossier config avec cette ligne 
````php
<?php define('_DEV_VERSION_SPIP_COMPAT','3.2.99');
````
Si votre site est encore en 1.9, il faudra commencer par le passer sous SPIP 3.2 avant de le migrer sous SPIP. 
De toute façon, une [page d’aide](https://contrib.spip.net/Migrer-de-SPIP-3-2-a-SPIP-4-0-le-livre-de-cuisine) est là pour vous aider à faire la migration et il est toujours possible d’appeler à la rescousse sur le [nouveau système d’entraide](https://discuter.spip.net/) de SPIP.
**Un très grand merci à celles et ceux qui font de SPIP un super CMS avec lequel il est très agréable de travailler.**
[^1]: Si vous voulez savoir comment on fait ce genre de photo, il faut une photographe, son assistant avec un plumeau, en prendre plusieurs et sélectionner la meilleure. Un grand merci aux maîtres des chatons pour m’avoir donné le droit d’utiliser cette photo pour cette dépêche.
[^2]: Ben oui, mes initiales.
[^3]: Dans le « jargon » spipien, le squelette est la base du site et comporte à la fois les fichiers html et les css.
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/news/spip-4-fois-5-qui-nous-font-vingt.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/news/spip-4-fois-5-qui-nous-font-vingt.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>