SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 193 visiteurs en ce moment

Accueil > Rédaction > Glossaires > Modèle mots dans le texte > Un raccourci <motxx>, pour des mots-clés dans le texte

Un raccourci <motxx>, pour des mots-clés dans le texte

8 mars 2007 – par Aurélie – 13 commentaires

9 votes

Le but du jeu est d’inclure des mots-clés et leur définition directement dans le texte d’un article, ou d’une rubrique... bref, dans un contenu quelconque de votre site Spip.

Pour cela, nous allons nous servir des modèles de Spip. Par exemple, les rédacteurs pourront inclure un raccourci <mot15> dans leur texte pour afficher la définition du mot n°15.

Cette contribution peut être rapprochée de Afficher les définitions de mots clefs à l’intérieur du texte. Sauf qu’elle laisse aux rédactrices de placer manuellement des raccourcis vers les mots-clés ad hoc dans leur texte et qu’elle ne demande l’installation d’aucun plugin.

1. Des définitions de mots-clés au survol d’une puce dans le texte

Exemple : Analyse d’une séquence de Matrix

L’effet recherché ici est le suivant :
-  une puce apparaît là où le rédacteur a placé le raccourci <mot15> (a priori, juste après le mot à définir) [1], où 15 est le numéro du mot bien sûr [2].
-  Lorsque le visiteur survole la puce, la définition du mot apparaît dans la colonne de gauche, par dessus les autres contenus (ça, c’est défini par une feuille de styles .css et donc, modifiable à souhait).
-  S’il clique sur le lien, il est redirigé sur la page du mot (ex. spip.php?mot15). Ici aussi, on peut choisir de l’orienter ailleurs.

Pour que le modèle s’applique, nous devons créer un squelette mot.html et le placer dans un sous-dossier de notre dossier de squelettes nommé modeles/. En général, on aura donc /squelettes/modeles/mot.html :

Notez que rien ne s’affiche si le mot-clé n’a ni descriptif, ni texte (voir les crochets de part et d’autre de <a>).

L’effet de survol est obtenu grâce aux propriétés css display :

J’ai choisi de placer le cadre à 20px du bord gauche de la fenêtre parce que ça collait bien avec mon squelette général. Vous pouvez bien sûr supprimer ou modifier la directive left: 20px;.

Une feuille de style plus complète est fournie dans l’archive.

2. Des définitions de mots-clés directement incluses dans le texte

Exemple : Glossaire Cinéma

Ici, on veut carrément inclure le mot-clé et sa définition dans le corps du texte, comme un contenu à part entière de l’article [3].

Ici, le squelette s’appelera mot_definition.html, et les rédactrices devront donc utiliser le raccourci <mot23|definition> pour inclure le mot n°23. Si vous ne voulez utiliser que cette partie de la contrib, et donc, n’avoir qu’un seul modèle, vous pouvez renommer ce squelette en mot.html et les rédacteurs utiliseront simplement le raccourci <mot23>.

/squelettes/modeles/mot_definition.html :

Ici aussi, rien ne s’affiche si le mot n’a ni texte, ni descriptif.

J’ai prévu une petite subtilité : la possibilité pour les rédactrices d’imbriquer les définitions, à la façon d’une liste imbriquée, pour montrer des liens de dépendance entre elles. On peut utiliser le raccourci <mot23|definition|liste=1> pour indenter la définition d’un niveau ; et <mot23|definition|liste=2> pour indenter de deux niveaux.

Dans la feuille de styles :

Installation

L’archive contient :

-  Un dossier modeles/, qui comprend les deux modèles de la contrib : mot.html et mot_definition.html. Vous devez placer ces deux fichiers dans votre propre dossier squelettes/modeles/.

-  La feuille de styles mots_dans_le_texte.css peut être renommée. Vous avez le choix entre trois méthodes pour qu’elle s’applique :

  • copier/coller son contenu dans votre propre fichier .css
  • la placer dans votre dossier squelettes/ et ajouter un appel dans l’en-tête (<head></head>) des pages qui doivent l’utiliser (soit dans un inc-head.html qui serait inclu dans chaque page, comme dans les squelettes par défaut ; soit dans le squelette directement, par exemple article.html) :
  • la placer dans votre dossier squelettes/ et ajouter un appel dans votre propre fichier .css (ligne à insérer au tout début du fichier .css) :

-  Une image puce_mot.png pour faire joli.

Je suis donc partie du principe que les feuilles de styles et les images se situaient directement dans le dossier squelettes/. Libre à vous de les placer ailleurs et de corriger les chemins en conséquence.

Notes

[1Je vous laisse définir les conventions d’usage pour l’inclusion des raccourcis. Par exemple, chez moi, on a convenu de mettre {le mot en italique puis le raccourci}<mot21>. On pourrait imaginer de mettre le lien vers la page du mot comme ceci : [le mot à définir<mot43>->mot43].

[2Notez que les rédacteurs n’ont pas accès à la page des mots-clés dans l’interface privée, contrairement aux administratrices. Si votre site utilise ces statuts, ou d’une manière générale, il faudra veiller à mettre un squelette à disposition qui reprenne les mots utilisables et leur numéro (plus pratique que de se rendre sur la page de chaque mot pour en décoder l’url...).

[3Dans mon cas, l’idée était de fournir une vue « intelligente » du glossaire : plutôt qu’un squelette construisant automatiquement une liste alphabétique des mots-clés (ou en plus de ce squelette), je voulais que les rédactrices puissent organiser les mots dans un article (sans dédoubler l’encodage ou la correction des mots : une fois pour l’article, une fois pour le mot-clé).

Dernière modification de cette page le 11 octobre 2013

Retour en haut de la page

Vos commentaires

  • Le 19 mai 2016 à 11:46, par Jérôme En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

    Bonjour

    Merci pour ce plugin qui m’intéresse beaucoup.

    J’ai une question. J’ai beaucoup de mots à définir. Chercher à chaque fois le numéro du mot dans la liste des mots-clés est assez fastidieux. Je voudrais faire quelque chose comme où XX est le titre du mot et non son numéro. Est-ce possible ? Merci.

    Répondre à ce message

  • Le 23 septembre 2013 à 21:30, par ivandps En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

    bonjour
    « S’il clique sur le lien, il est redirigé sur la page du mot (ex. spip.php ?mot15). Ici aussi, on peut choisir de l’orienter ailleurs. »
    Comment faire pour l’orienter ailleurs ? Ou se trouve l’URL du mot ? merci

    • Le 25 septembre 2013 à 15:51, par Aurélie En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      Dans les fichiers modèles, par exemple
      /squelettes/modeles/mot.html, la destination du lien est #URL_MOT.

      En changeant l’attribut href="" du lien, vous pouvez indiquer une autre adresse.

    • Le 10 octobre 2013 à 21:17, par ivandps En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      merci de votre réponse.
      Je voudrais utiliser le modele definition avec son raccourcis <mot23|definition>.
      Mais au lieu de spécifier un mot, je veux afficher les définitions de tous les mots du groupe mot
      pour avoir <groupemot23|definition>.
      Que dois je modifier dans le modele definition ? Merci !

    • Le 11 octobre 2013 à 08:44, par Aurélie En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      Pour pouvoir utiliser <groupemot23|definition> dans tes textes, il faut :

      • créer un fichier modeles/groupemot_definition.html ;
      • mettre une boucle <BOUCLE_groupe(GROUPES_MOTS){id_groupemot}>...</BOUCLE_groupe> autour de la boucle (MOTS) ;
      • changer le critère de la boucle (MOTS) de {id_mot} en {id_groupe}.

      Si c’est le seul modèle que tu utilises pour appeler un groupe de mots, tu peux aussi le nommer modeles/groupe.html et l’appeler dans le texte avec <groupe23>. Le critère de la boucle (GROUPES_MOTS) devient {id_groupe}.

      Je t’invite à lire la documentation sur les modèles et sur la boucle (GROUPES_MOTS).

    • Le 14 octobre 2013 à 11:26, par ivandps En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      ...
      fonctionne au poil !
      merci !

    Répondre à ce message

  • Le 7 janvier 2008 à 15:31, par idp En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

    Bonjour

    merci pour la contribe.
    quand je veux insérer le titre d’un mot clé dans un article, j’écris dans le texte de l’article
    «  ».
    S’affiche alors dans le texte de mon article, le titre du mot et un lien vers ce mot.

    As tu une idée de ce que je dois écrire pour afficher non plus le titre du mot mais son descriptif ou le texte du mot ?

    Merci

    • Le 7 janvier 2008 à 20:39, par Aurélie En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      Ce que tu décris ressemble au modèle par défaut livré avec Spip. As-tu bien uploadé les fichiers mot.html et/ou mot_definition.html dans un dossier /squelettes/modeles/ ?

      En modifiant ces fichiers de modèles, tu peux utiliser les balises classiques de Spip à ta guise : #TITRE, #TEXTE, etc. -> la boucle MOTS. Ces balises sont utilisées dans les exemples, et tu peux les supprimer/modifier pour obtenir le résultat voulu.

      Il est possible que le rendu ne soit pas correct dans microsoft internet explorer ou ce genre de navigateurs obsolètes.

      Si tu notais le lien vers la page où tu fais ce test, je pourrais mieux t’aider.

    • Le 8 janvier 2008 à 21:20, par idp En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      bonsoir
      merci de ta réponse. En te lisant, je déduis qu’il faut modifier le code des fichiers modèles. Je me trompe ? Or je voudrais un raccourcis qui me permette directement dans l’édition d’un article d’insérer le champ texte ou descriptif d’un mot clé choisi... Une piste ?

    • Le 9 janvier 2008 à 10:07, par Aurélie En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      En te lisant, je déduis qu’il faut modifier le code des fichiers modèles.

      Juste.

      Je te conseille de lire Utiliser les modèles pour une explication plus détaillée. Mais en deux mots :

      -  créer un fichier pour chacun des deux modèles : /squelettes/modeles/mot_texte.html et /squelettes/modeles/mot_descriptif.html qui contiennent tous deux la boucle <BOUCLE_mot(MOTS){id_mot}> </BOUCLE_mot>

      -  dans mot_texte.html, la boucle contient la balise #TEXTE ; dans mot_descriptif.html, elle contient la balise #DESCRIPTIF.

      -  les modèles sont accessibles dans les articles avec les raccourcis <motxx|texte> et <motxx|descriptif>.

      Explication : le raccourci « mot » va chercher un modèle dont le nom du fichier commence par « mot », « xx » indique l’id_mot qui sert dans la boucle ; le premier « filtre », « texte » ou « descriptif », complète le nom du modèle recherché : mot_texte.html ou mot_descriptif.html. Ce qui signifie que tu nommes le modèle comme tu veux : <mot3|banane> va chercher le modèle /squelettes/modeles/mot_banane.html.

      -  Quand tu vois ce que ça donne, tu peux adapter le code html et css pour donner l’aspect voulu.

    • Le 9 janvier 2008 à 21:28, par idp En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

      ah ça s’éclaire. Grâce à tes explications, j’ai moins peur de m’engluer dans le code. Je vais donc me mettre aux modèles qui n’ont plus l’air rebuttant pour un débutant du code. Merci
      Ivan

    Répondre à ce message

  • Le 24 mai 2007 à 11:00, par Twily En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

    Franchement, merci beaucoup pour cette contribution ! ^_^

    Ce système peut aussi être très utile pour gérer les balises abbr et acronym sur le site (accessibilité), sans ajouter de plugin.

    Répondre à ce message

  • Le 13 mars 2007 à 23:12, par ? En réponse à : Un raccourci <motxx>, pour des mots-clés dans le texte

    Alors cet exemple ? On peut le voir ?

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Photoswipe

    18 septembre 2016 – 35 commentaires

    Une lightbox javascript responsive. PhotoSwipe est une boîte multimédia — comme la Mediabox installée en série avec SPIP — qui permet de zoomer à la taille réelle des images et qui gère intelligemment les légendes. Le plugin est basé sur la librairie (...)

  • Japibas, squelette responsive

    11 octobre 2013 – 96 commentaires

    Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine. Le graphisme est inspiré du template Wordpress Japibas réalisé par Jesper Johansen et distribué sous (...)

  • GIS 4

    11 août 2012 – 1417 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Plugin Domlang : Domaines par secteur de langue

    4 septembre – commentaires

    Domlang est un plugin qui permet d’associer un nom de domaine ou un sous-domaine à un secteur de langue. Ce plugin convient pour un site qui utilise des secteurs de langues. En configuration, pour chaque secteur, vous pourrez définir une URL (...)

  • Menu de langues sous forme de liens

    30 novembre 2009 – 121 commentaires

    Par défaut, le menu de langue de SPIP s’affiche : Sous la forme d’une liste déroulante ; En affichant toutes les langues du site, qu’elles soient utilisées ou non (c’est à même si elles ne sont pas affectées à au moins un article ou une rubrique) ; Sans (...)