Fonctionnement
Le plugin Repères ajoute à un endroit précis, c’est à dire avant, après ou dans un bloc de votre squelette html, un ou plusieurs blocs div contenant des traits. Le nombre de ces divs, leur orientation (horizontale ou verticale), leur position par rapport au bord, et leur couleur sont paramétrables avec CFG.
Les repères ne sont visibles que des administrateurs du site.
L’insertion du code se produit avec le pipeline « affichage_final » ce qui évite la mise en cache et l’affichage fortuit des repères pour les visiteurs.
Utilité
Il existe des outils similaires d’aide aux intégrateurs html.
Ainsi le plugin « Web Developer » pour FireFox possède la fonctionnalité « Afficher les lignes repères ».
Le plugin Repères pour SPIP présente 2 gros avantages sur le plugin Firefox :
- il fonctionne avec tous les navigateurs
- il ne s’efface pas au rechargement de la page.
Le plugin Grille pour SPIP est très proche quant à sa finalité, mais son fonctionnement est différent : quand le plugin « Grille » ajoute une image transparente de grille en fond, avec un choix de différents « pas » de grille, le plugin « Repères » affiche un ou plusieurs traits verticaux ou horizontaux à des endroits précis, « par dessus » les autres blocs du site.
Utilisation
1. Installer le plugin repères
Le plugins s’installe de manière classique : soit avec STEP, soit depuis la page de gestion des plugins de votre site, soit en plaçant les fichiers du plugin dans le dossier /plugins/ de votre site.
2. Indiquer où seront placés les repères
Vous devez savoir à quel endroit de votre page web le plugin doit insérer la div de repères. Cela peut être juste après le body, ou dans la div « page », ou à un autre endroit selon vos besoins. Pour indiquer où doit être insérée la div repères, allez dans le menu configuration du site, puis cliquez sur CFG. Indiquez le nom du sélecteur (par exemple la div « #page »), puis la position par rapport à ce sélecteur (par exemple « Avant »).
3. Choisir une couleur pour vos repères
Choisissez une couleur qui contraste avec les couleurs de votre page, grâce à la palette.
4. Placer, déplacer ou supprimer vos repères
Un fois le plugin activé, deux repères arrivent par défaut et sont placés à 100px des bords. Allez sur la partie publique votre site pour les voir. Pour ajouter un repère, cliquez sur l’un des boutons orange et vert. Vous pouvez déplacer les repères à la souris ; pendant le déplacement, la distance par rapport au bord haut (repères horizontaux) ou gauche (repères verticaux) s’affiche.
Et pour supprimer un repère, un double-clic sur le repère ou son label suffit !
5. Utiliser les repères
Utilisez les repères pour construire vos pages, aligner vos blocs, vérifier des distances, et surtout contrôler et comparer le résultat entre plusieurs navigateurs. Les repères sont stockés par le site et seront visibles par tous les admins, depuis tous les navigateurs.
Dépendances
Le plugin repères nécessite les plugins suivants :
- cfg pour la configuration
- saisies pour le formulaire de configuration
- palette pour le choix de la couleur des repères
- jQueryUI pour les déplacements à la souris
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |