Accueil du site > WebDesign > SPIP Admin

SPIP Admin

Modifications d’apparence du back office de SPIP

Répondre à cet article aucune réaction réactions

Cela faisait longtemps que je voulais modifier l’interface d’admin de SPIP. J’étais plein d’entrain et très ambitieux. Mon ambition c’est toutefois très vite amoindrie quand j’ai réellement mis le nez dans les profondeurs multi-couche des codes html, xhtml, javascripts... etc... des différents fichiers.

Modifications de l’interface réalisée sur SPIP 1.9.2 testée avec quelques petites différences non génantes sur IE 6.0 et Firefox 2.0.0.4

Il y a un sacré boulot derrière, mais l’interface d’administration, soumise à la multitude d’évolutions, de nouvelles possibilités, d’intervenants différents à un moment donné conduit à ce qui s’apparente à une usine à gaz. Pour réaliser un véritable travail il serait sans doute nécessaire de revoir de fond en comble les code de ces pages, de repartir de zéro.

J’ai donc simplement essayé en partant du principe que je n’y toucherai pas, contrainte finalement intéressante, d’essayer d’en modifier l’interface avec pour optique de la rendre plus sobre.

Les choix que j’ai fais sont bien sur personnels, assumés, mais sujets à critique.

Les Modifications portent sur les points suivants :

 Fichier CSS de l’admin (/dist/style_prive.html).

 Images Icones principales de l’admin (/dist/images/nom-icone.png).

 Variables Globales des couleurs de l’admin (/ecrire/index.php).

Seuls ces fichiers sont modifiés, ce qui permet une installation sans aucun soucis et rapide. Il est aussi facile ainsi de revenir en arrière en repartant d’une version non modifiée et de remettre en place les fichiers originaux.

Résultat visible :

Le résultat est évidemment loin d’être parfait, il est utilisable, assez sobre et prend la direction de ce que j’aurais aimé obtenir.

Malheureusement, l’imbrication et la hierachisation CSS des différents éléments dans l’interface d’administration de SPIP (class, id) n’est plus très rationnelle pour les raisons évoquées plus haut. Il est donc très difficile d’obtenir un résultat cohérent sans une refonte complète, et de mon point de vue une simplification de l’ensemble.

Toutefois, j’espère que cette petite contribution pourra satisfaire quelques spipeurs et spipeuses. Cette version peut biensur être améliorée et évoluer, mais restera limitée par la structure même du code côté admin.

P.-S.

N’hésitez pas à laisser des remarques.

Navigation Travaux pro, perso sur les blogs, informations générales sur les blogs, le Web 2.0. les widgets, les bloggers et la communauté blog.. Le chef de projet multimédia est un homme orchestre qui coordonne et encadre une équipe aux compétences multiples pour réaliser le projet multimédia qui leur est confié.. Identifier vos besoins, reconnaître vos contraintes liées au site internet, agir en amont pour gagner en temps, en efficacité et vous permettre de définir le projet adapté à vos ambitions.. usages innovants, enjeux internet, nouvelles technologies, robotique, réflexions et notes sur les transformations des moyens de communication.. Les débats autour du web 2.0, du web 3.0 et des standarts W3C sont permanents. Autemment immersif, ils aggrègent autour des mêmes pratiques, les différents canaux de communication : Mobiles, Internet, Télé... Ils sont le résultat et l’application de la convergeance tant attendue des medias.. Webdesign, ergonomie, ergologie. Recherche graphique sur la conception d’une interface, outils, sites de référence. Typologie liée a l’usage d’Internet. HTML, XHTML, CSS, Flash..

Mots-clés

Sites Web BuiltWith.com - Web Technology (...) le blog lombric 1001logos 123sat 2advanced Abondance > Référencement et (...) Agence du cinéma indépendant (...) Agence pour le développement (...) Annonces Lesjeudis.com Association ART3000 Atelier 142 Bibliothèque du film Bits and Buzz » Web 0.x to Web (...) Blogmarks.net : Public marks (...) Bug report CNFPT : Chef de projet multimedia

Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP
© 2001-2007 Yvan GAPIN - Ce site est sous licence Creative Commons
Blogs Informatique et Internet