samedi 16 octobre 2021
B2i
SPIP - Edition de contenus

 

Directeur de publication :
Baptiste Caroff
Webmestres : Animateurs TICE

46 visiteurs en ce moment


Insérer un lien hypertexte
 

Les procédures suivantes s’appliquent au sein de la zone de texte du formulaire d’édition de l’article.

- Lien vers un site externe

  • Sélectionner le groupe de mots où ancrer le lien.
  • Cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils . Une fenêtre s’ouvre pour la saisie de l’adresse.

    Remarque : Si l’ouverture de cette fenêtre requiert une autorisation (une barre d’alerte s’affiche en haut de la page), la donner en cliquant sur la barre d’alerte et cliquer à nouveau sur le bouton "Transformer en lien hypertexte" de la barre d’outils.
  • Entrer l’adresse du site externe dans la fenêtre de saisie.
  • Terminer cette adresse par les caractères "#B#" pour que la page s’ouvre dans une nouvelle fenêtre à partir du site public.

    Remarque : Pour que le raccourci "#B#" fonctionne, le plugin Beespip doit être installé sur le site. Si ce n’est pas le cas, ne pas insérer ces caractères.
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->url] ou [hypermot->url#B#]
Texte affiché dans la zone de saisie :

Texte... [lien vers le site de l’IA38->http://ia38.ac-grenoble.fr&#35 ;... ; suite...

Texte affiché sur le site public :
Texte... lien vers le site de l’IA38 suite...
  • En ajoutant le raccourci "|texte_etiquette_flottante" une étiquette flottante (ou bulle d’aide) s’affiche au passage de la souris sur le lien.
Texte affiché dans la zone de saisie :

[Lien avec étiquette flottante|Exemples de Webécoles->http://www.ac-grenoble.fr/webecoles... ; au survol de la souris

Texte affiché sur le site public :
Lien avec étiquette flottante au survol de la souris


- Lien vers un article ou une rubrique interne au site

Solution la plus simple

Texte affiché dans la zone de saisie :
Texte... <rubrique309> suite...
Texte affiché sur le site public :
Texte... SPIP - Edition de contenus suite...

Autre solution

  • Sélectionner le groupe de mots où ancrer le lien et cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils  comme décrit pour un lien vers un site externe.
  • Dans la fenêtre de saisie de l’adresse du lien, entrer les références de l’article ou de la rubrique dans la fenêtre de saisie sous l’une des formes suivantes :
    - 342
    - art342
    - article 342
    - rub12
    - rubrique 12
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->reference_article_ou_rubrique]
Texte affiché dans la zone de saisie :
Texte... [lien vers la rubrique "Edition de contenus"->rub309] suite...
Texte affiché sur le site public :
Texte... lien vers la rubrique "Edition de contenus" suite...

- Lien vers une ancre au sein du même article

  • Déterminer la ligne à atteindre au sein de l’article en y insérant le raccourci de l’ancre cible :
    [ancre_exemple<-]
  • Sélectionner le groupe de mots où ancrer le lien et cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils  comme décrit pour un lien vers un site externe.
  • Dans la fenêtre de saisie de l’adresse du lien, entrer les références de l’ancre cible : #ancre_exemple.
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->#ancre_exemple]
Texte affiché dans la zone de saisie :
Texte... [lien vers le chapitre précédent de cet article->#precedent] suite...
Texte affiché sur le site public :
Texte... lien vers le chapitre précédent de cet article suite...
  • Pour créer un lien de retour en tête de page, il n’est pas nécessaire d’insérer une ancre cible en tête d’article. Il suffit de cibler l’ancre virtuelle "#top" avec la syntaxe de lien :
    [hypermot->#ancre_exemple]
Texte affiché dans la zone de saisie :
[Retour en tête de page->#top]
Texte affiché sur le site public :
Retour en tête de page

- Lien vers l’ancre d’un autre article du site

  • Sélectionner le groupe de mots où ancrer le lien et cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils  comme décrit pour un lien vers un site externe.
  • Dans la fenêtre de saisie de l’adresse du lien, entrer les références de l’ancre cible sous l’une des formes suivantes :
    - 342#ancre_cible
    - art342#ancre_cible
    - article 342#ancre_cible
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->reference_article#ancre_cible]
Texte affiché dans la zone de saisie :
[Lien vers le chapitre "Liste numérotée"->1004#liste_numerotee] de l'article "Insérer une liste à puces ou numérotée"
Texte affiché sur le site public :
Lien vers le chapitre "Liste numérotée" de l’article "Insérer une liste à puces ou numérotée"

- Lien vers un document joint à un article

Le lien peut cibler une image, un son, une vidéo et tout document associé à n’importe quel article du site.

  • Sélectionner le groupe de mots où ancrer le lien et cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils  comme décrit pour un lien vers un site externe.
  • Dans la fenêtre de saisie de l’adresse du lien, entrer les références du document cible (doc134).
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->reference_document_cible]
Texte affiché dans la zone de saisie :
[Lien vers une image de l'article "Insérer une image"->doc1034]
Texte affiché sur le site public :
Lien vers une image de l’article "Insérer une image"

- Lien vers le glossaire externe prédéfini de Wikipédia

  • Appliquer au mot à définir le raccourci : [ ?mot_a_definir]
  • Si le plugin Beespip est installé sur le site, appliquer au mot à définir le raccourci : [ ?mot_a_definir#B#] qui permet d’ouvrir la page de définition dans une nouvelle fenêtre.

    Remarque : S’assurer qu’une définition du glossaire de Wikipédia correspond au mot sélectionné en testant le raccourci sur le site public.
Texte affiché dans la zone de saisie :

Définition du mot [?hypertexte#B#]

Texte affiché sur le site public :
Définition du mot hypertexte

- Lien vers une note de bas de page

  • Faire suivre l’expression à annoter de la note de bas de page entre doubles crochets.
Texte affiché dans la zone de saisie :

Expression à annoter [[Texte de la note de bas de page]]

Texte affiché sur le site public :
Expression à annoter [1]

- Lien personnalisé vers une note de bas de page

  • Faire précéder le texte de la note des caractères souhaités entre chevrons sous la forme :
    Expression à annoter [[ Texte de la note de bas de page]]
Texte affiché dans la zone de saisie :

Forcer la numérotation de la note [[<15> Numérotation forcée]].
Utiliser une note sous forme d’astérisque [[<*> Sous forme d’astérisque]].
Donner un nom en toutes lettres à une note [[ Nom en toutes lettres]].
Rappeler une note déjà existante [[<15>]] en indiquant le numéro de cette note et en laissant vide le reste de la note.

Texte affiché sur le site public :
Forcer la numérotation de la note [15].
Utiliser une note sous forme d’astérisque [*].
Donner un nom en toutes lettres à une note [note].
Rappeler une note déjà existante [15] en indiquant le numéro de cette note et en laissant vide le reste de la note.
Remarque : Une note qui ne contient aucune référence entre les chevrons, ne présentent plus de lien entre la note et l’appel de note.
Texte affiché dans la zone de saisie :

Note sans référence [[<> Note sans référence]].

Texte affiché sur le site public :
Note sans référence.

- Lien vers une adresse de messagerie

Un contact par courrier électronique peut être inséré dans l’article. L’activation du lien provoque l’ouverture d’un nouveau message avec l’adresse du destinatire prérenseignée.

  • Sélectionner le groupe de mots où ancrer le lien et cliquer sur le bouton "Transformer en lien hypertexte" de la barre d’outils  comme décrit pour un lien vers un site externe.
  • Dans la fenêtre de saisie de l’adresse du lien, entrer l’adresse électronique du contact(prenom.nom@ac-grenoble.fr).
  • Cliquer sur le bouton OK pour valider. Des caractères sont insérés automatiquement dans le texte avec la syntaxe :
    [hypermot->reference_document_cible]
Texte affiché dans la zone de saisie :
[Contact->prenom.nom@ac-grenoble.fr]
Texte affiché sur le site public :
Contact
A noter : L’objet du message peut aussi être renseigné automatiquement en complétant l’adresse électronique sous la forme :
mailto:prenom.nom@ac-grenoble.fr?subject=objet_du_message
Texte affiché dans la zone de saisie :
[Contact->mailto:prenom.nom@ac-grenoble.fr?subject=objet_du_message]
Texte affiché sur le site public :
Contact

- Ancrer un lien sur une image

Consulter l’article Insérer une image.


[1] Texte de la note de bas de page

[15] Numérotation forcée

[*] Sous forme d’astérisque

[note] Nom en toutes lettres

Note sans référence

 
 
Publié le vendredi 27 novembre 2009
Mis à jour le vendredi 25 mars 2011

 
 
 
Les autres articles de cette rubrique :
 
Publié le samedi 5 décembre 2009
Mis à jour le mardi 11 mai 2010
 
Publié le jeudi 19 novembre 2009
Mis à jour le vendredi 11 décembre 2009
 
Publié le jeudi 19 novembre 2009
Mis à jour le vendredi 4 décembre 2009
 
Publié le jeudi 19 novembre 2009
Mis à jour le vendredi 4 décembre 2009
 
Publié le mardi 11 mai 2010
 
Publié le jeudi 19 novembre 2009
Mis à jour le mardi 11 mai 2010
 
Publié le samedi 21 novembre 2009
Mis à jour le vendredi 4 décembre 2009
 
Publié le vendredi 20 novembre 2009
Mis à jour le vendredi 29 janvier 2010
 
Publié le vendredi 20 novembre 2009
Mis à jour le mardi 11 mai 2010
 
Publié le samedi 21 novembre 2009
Mis à jour le vendredi 11 décembre 2009
 
 
Mentions légales     |     Plan du site     |     Espace rédacteurs     |    Se connecter       |    
  Mis à jour le mardi 22 octobre 2019  |  571 articles  |  Nombres de visites : 0 aujourd'hui, 471 hier, 816 418 depuis le début, 505 en moyenne par jour (62 377 maximum)