Colorier la dist !

Modifier les couleurs de squelette graphiquement

Changer simplement les couleurs du squelette par défaut

Télécharger et installer le plugin

L’installation se déroule ensuite comme tous les autres plugins, cf. la documentation d’installation des plugins SPIP

Modifier les couleurs à votre convenance

Une fois activé, le plugin est accessible via le sous-menu Edition

Sur cette page vous accédez aux choix des couleurs pour les différents objets (fond de page, fond de bloc central, liens, etc ...)

Après enregistrement le résultat est directement visible dans la partie publique (vous pouvez juste avoir à vider le cache de votre navigateur)

Principes et Compatibilité

Le plugin utilise une feuille de style dynamique css_coloriage qui se rajoute aux autres feuilles du style du squelette chargée grâce à la balise #INSERT_HEAD [1]. Cette nouvelle feuille de style surcharge [2] les instructions CSS standards avec les valeurs que l’on récupère grâce au plugin et sa palette de couleurs.

Ce principe peut donc être étendu à d’autres squelettes. Il vous suffit de reprendre la page css_coloriage.html en accordant les valeurs récupérées par le plugin avec les feuilles de style de vos squelettes. A terme, il faudrait sans doute pouvoir attribuer dynamiquement des couples (attributs CSS/ légende humaine) et une couleur.

Suggestions

Ce plugin est juste une ébauche, les critiques et suggestions d’améliorations sont bienvenues.

Pour les développeurs, le plugin est disponible sur la zone

En savoir plus

Si cela vous voulez passer au stade supérieur pour adapter la dist, lire :
-  Analyse de la CSS des squelettes par défaut (dist) pour SPIP v1.9
-  Colorier des squelettes par défaut (DIST) avec les CSS

Notes

[1Nota SPIP-Contrib : cette balise est présente en standard dans la dist vous n’avez pas à la rajouter

[2Nota SPIP-Contrib : surcharge = se substitue à

Discussion

9 discussions

  • J’ai testé avec le thème Distyle.

    Il semble ne pas fonctionner correctement avec : en fait dès qu’on veut paramétrer les couleurs, plus moyens d’avoir un fond image comme sur le thème.

    Il fonctionne tout à fait bien par ailleurs.

    Répondre à ce message

  • 1

    Selon la doc :

    Ce plugin est juste une ébauche, les critiques et suggestions d’améliorations sont bienvenues.

    Une suggestion donc (sans trop savoir ce qu’elle vaut) :
    il faudrait pouvoir colorier facilement aussi les certains éléments générés par SPIP (j’ai surtout en tête intertitres et tableaux) ^^

    • Justement, je suis dessus ne ce moment :-)
      J’aurai dû finir et envoyer le tout à erational il y a un moment, mais j’ai eu pas mal d’autre occupation :-)

    Répondre à ce message

  • 2

    SOS
    Ca fait deux fois que j’installe ce plugin sur SPIP V2.1. Je bloque ensuite l’enregistrement de nouveaux plugins. Le bouton enregistrer ne s’affiche plus et je ne peux plus désactiver le plugin.
    Résultat je réinstalle SPIP à chaque fois.
    Parfait en SPIP V1.9.d, serait-il incompatible avec SPIP V2.1.1 ?
    Merci de vos lumières.

    • il y avait un (petit) conflit de javascript.
      c’est corrigé avec la version 0.4 qui est compatible SPIP 2.1.1 et ne pose pas de conflits lors des installations d’autres plugins

    • le plugin est aussi maintenant compatible SPIP 3.

    Répondre à ce message

  • 6

    Bonjour spipiens (es) ;

    J’obtient une erreur :

    Fatal error : Call to undefined function debut_page() in /home/bachantinfo/plugins/coloriage_dist/exec/coloriagedist.php on line 41

    Une idée, une piste, un tuto ; Merci

    ps : SPIP 1.9.3 dev [11312] + Squelette dist + Plug (corbeille)

    • Bon résolu , suffit d’installer le plug de compatibilité

      excellent plug ;

      ps :
      rassembler les forces vives
      spaceline + habillages + skthemes + noisette + colorier la dist

      et la un kit spip de mise en page

    • bonjour
      je suis en train de bricoler sur un spip 2.1.0
      j’ai tenté d’installer ce plug
      et je me retrouve avec l’erreur suivante
      Fatal error : Call to undefined function debut_page() in /space_3/p/paul/spipdev/plugins/coloriage_dist/exec/coloriagedist.php on line 41

      quelqu’un parle d’installer le plug de compatibilité pour résoudre la question...

      je suis pas forcément très fufute... mais j’ai pas trouvé !

      pourriez vous m’indiquer quelque chose ?

    • assobachant

      je ne l’utilise plus ; je suis passé au squelette sarka.

      le plug de compatibilité été avant la 2.1 ; de plus colorier la dist ne fonctionne que pour un site spip en 1.9.2

      @micalement

    • ah ! d’accord !
      je me demandais s’il n’y avait pas eu entre temps un petit plug de mise à jour entre spip 1.9 et spip 2.1...
      bon...
      ben, je vais faire comme avant, en allant directement dans les feuilles de style dist...
      merci de l’indication.
      amicalement
      paul

    • bonjour,

      je viens de passer le plugin pour SPIP 2.0, 2.1, le paquet devrait être disponible quelques heures

    • merci. je testerai cela en fin de journée.
      bonne continuation
      paul

    Répondre à ce message

  • 1

    Pour Info ; si ça peut être utile.

    SPIP 1.9.3 dev [11312] + colorier la dist

    Dans l’espace privée la fenêtre de l’espace d’écriture du texte de l’article est diminué d’environ 70%...

    • fait exploser le couteau suisse et la naviguation dans l’espace privée.

      En l’état a déconseillé................

      Mais a l’avenir deviendra indispensable ; merci pour ce plug qui a de l’avenir

    Répondre à ce message

  • 2

    Excellent cette idée !

    Faut que je regarder ça en détail, j’aurais peut être une idée pour aider, qui sait ? Après tout j’ai passé pas mal de temps dans les css de la dist ces derniers jours...

    Par contre une première question, pourquoi dans l’admin mettre le bouton dans navigation plutôt que dans configuration ? (surtout si c’est réservé aux admins)

    ps : sinon la rubrique spéciale : « colorier dist » sert pas justement pour tous les articles qui concerne ce plugin ?

    • Bonjour,

      J’ai fait quelques essais - très bien ! - mais je souhaite maintenant le désinstaller (j’utilise des squelettes personnalisés) : comment faire ? Car les couleurs que j’ai sélectionnées avec le plugin restent, malgré la désactivation du plugin (je l’ai même retire du répertoire plugins...), et mes squelettes personnalisés ne s’affichent plus... Comment faire ?

      Merci !

    • Au temps pour moi, il suffisait de recalculer la page. Désolé... :-)

    Répondre à ce message

  • 1

    Bonjour à tous, j’ai un probleme lors de l’execution du plugin.

    Apparament le plugin fait appel à une fonction nondéfinie sur la ligne 41 du fichier coloriagedist.php.

    Sur la dite ligne on a :

    debut_page(_T(’coloriagedist:change_fond’)) ;

    Je ne suis malheuresement qu’un débutant et je ne comprend pas pourquoi cette fonction provoque une erreur fatale sur mon serveur.

    Merci d’avance de votre aide

    • Désolé pour le dérangement...
      En réinstallant, la nouvelle version de SPIP + le plugin, j’ai reussi à faire fonctionner le plugin coloriage.

      Merci pour cette contribution bien pratique

      A bientot

      Bris

    Répondre à ce message

  • 1

    Bravo !

    Voici le fichier langue en italien :
    http://nilocram.free.fr/spiputil/coloriagedist_it.zip

    nilocram

    Répondre à ce message

  • Merci beaucoup pour ce plugin qui permet d’ores et déjà de faire quelques réglages de base.

    Néanmoins il faut avertir les débutants qu’il ne suffit pas tout à fait à personnaliser un squelette : en effet il faut si l’on veut par exemple donner une couleur différente au fond de la page et à la zone de contenu, modifier la feuille de style ne serais-ce que pour donner une marge intérieure (padding) à la partie contenu. Sans cela le texte va « coller » à la bordure rendue désormais visible.

    Pour une évolution éventuelle de ce plugin il pourrait être couplé avec ce qui est décris dans l’article http://www.spip-contrib.net/Colorier-des-squelettes-par-defaut c’est un dire un css d’une dizaine de lignes qui permet d’affiner un peu plus les réglages.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

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

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

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 22 octobre 2017