1

Plugin SPIP : « Écran de connexion »

Moderniser l’interface de connexion à /prive

12 mai 2017
par ARNO*

Le plugin Écran de connexion sert à moderniser l’interface de connexion à l’espace privé /ecrire de votre site, en lui donnant un aspect à la fois plus personnalisé et professionnel.

Une fois installé, le plugin remplace l’écran de connexion de SPIP par une page nettement plus graphique :

L'image montre un phare situé au bord d'une falaise surplombant la mer. Le ciel est nuageux et l'eau semble agité, créant une ambiance dramatique. À proximité du phare, il y a une petite maison. Le paysage est naturel, avec de l'herbe brunâtre sur la falaise. À l'avant, il y a un formulaire de connexion avec des champs pour l'adresse e-mail et le mot de passe.

Une fois le « login » renseigné, si vous avez installé un logo d’auteur, votre photo s’affiche ainsi :

L'image montre un paysage marin avec un phare élégant sur la droite. Le ciel est nuageux, avec des teintes de bleu et de gris, tandis que la mer rappelle des vagues calmes. Sur la gauche, il y a un écran de connexion affichant un champ pour l'adresse e-mail et un mot de passe, ainsi qu'un bouton "Valider". L'ensemble de l'image donne une impression à la fois de tranquillité et de mystère, avec la lumière naturelle mettant en évidence le phare.

Mais la partie intéressante, évidemment, c’est d’installer une image personnalisée pour chaque site. Voici par exemple des copies des écrans de connexion de quelques uns de mes clients :

  • L'image montre l'intérieur d'une bibliothèque élégante, avec de grandes étagères en bois et des vitrines affichant probablement des livres ou des documents. La décoration est soignée, avec un éclairage doux qui met en valeur les détails architecturaux. Au centre, on aperçoit un formulaire de connexion à un site web, suggérant un accès numérique aux ressources de la bibliothèque. L'ensemble dégage une atmosphère de sérénité et de connaissance.
    OPPIC
  • L'image montre une vue avec un arrière-plan flou d'une ville au crépuscule. On y distingue des silhouettes de bâtiments emblématiques, notamment des tours et des dômes. Au premier plan, il y a une interface de connexion avec des champs pour l'adresse e-mail et le mot de passe, ainsi qu'un bouton "Valider". L'ensemble a une ambiance douce et tamisée, évoquant une atmosphère calme.
    Sacré Cœur de Montmartre
  • L'image montre un mur sur lequel est peint une murale représentant un soldat, apparemment en position d'autorité, et une petite fille. La fille semble tendre la main vers le soldat d'une manière qui pourrait symboliser la recherche de protection ou d'interaction. Le fond du mur est brut, ce qui donne un aspect urbain à l'art. En haut de l'image, il y a une interface de connexion avec des champs pour l'adresse email, le mot de passe, et des options de récupération de mot de passe. Cela crée un contraste entre l'art de rue et un environnement numérique.
    Orient XXI
  • L'image montre un vase orné, mettant en avant des détails décoratifs en or et des motifs complexes. On peut voir un anse décorée sous la forme d'une tête de bélier, sculptée avec soin, ajoutant une touche artistique au design. Le fond semble être en marbre ou en pierre, avec une teinte verte, ce qui met en valeur les éléments dorés. Les détails montrent un savoir-faire raffiné, typique de la décoration sophistiquée et des objets d'art.
    Arts décoratifs

Pour remplacer l’image par défaut, il suffit d’installer un fichier baptisé fond_espace_prive.jpg dans le dossier IMG ou le dossier squelettes de votre site.

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.