History: Liens
Source of version: 32 (current)
Copy to clipboard
Dans cette page vous apprendrez comment inclure des liens hypertextes dans vos pages ((Wiki)), incluant les liens "internes" sur d'autres pages wiki du même site et liens "externe" sur le web.
{maketoc}
!Référence rapide
{FANCYTABLE(head="Lien... | Syntaxe par défaut | Syntaxe optionnelle{SUP()}[#Notes|1]{SUP}" )}
Externe | ~~red:[[~~http://www.unsite.org~~red:]~~ ou %%% ~~red:[[~~http://www.unsite.org~~red:|~~unsite~~red:]~~ | http://www.unsite.org ''(AutoLinks{SUP()}[#Notes|3]{SUP})''
Sur une autre page wiki | ~~red:~040~(~~Nom de la page~~red:))~~ ou %%% ~~red:~040~(~~Nom de la page~~red:|~~Étiquette alternative~~red:))~~ | Nom de la page ''(WikiWords{SUP()}[#Notes|2]{SUP}'')
Sur une page wiki d'un autre site Tiki | ~~red:~040~(~~Nom du site~~red:~058~~~ Nom de la page~~red:))~~ | Nom du site: Nom de la page ''(WikiWords{SUP()}[#Notes|2]{SUP}'')
{FANCYTABLE}
{ANAME()}Notes{ANAME}
{img src="img/icons/book_open.png"} __Notes~hs~:__
#Tiki offre deux options qui modifie la syntaxe par défaut des liens~hs~: __WikiWords__ and __Autolink__.
#Pour activer ((Wiki Config|#Use_WikiWordsWikiWords|WikiWords))~hs~:
+À partir de l'onglet "fonctionnalités" de ((Wiki Config|la page d'administration du wiki)), activez l'option ''Mots Wiki''
+Si cette option est désactivée, vous devez utiliser la syntaxe en doubles parenthèses pour les liens sur des pages wiki.
#Pour activer ((AutoLinks))~hs~:
+À partir du premier onglet de ((Text Area|la page d'administration des outils d'édition)), activez l'option ''Liens automatiques''.
+Si cette option est désactivée, vous devez utiliser la syntaxe entre crochets pour les liens externes.
!Liens internes
!!Sur des pages wiki
Si l'option [#Notes|WikiWords] est activée, Tiki détectera automatiquement les noms de page wiki et les interprétera comme hyperliens.
Les méthodes suivantes sont possibles pour créer des liens sur des pages wiki à l'intérieur de votre site~hs~:
*__MaPage__
+Le nom de page ne doit pas contenir d'espace et la fonctionnalité [#Notes|WikiWords] doit être activée
*__~040~(Ma Page))__
+Entourez le nom d'une page de doubles parenthèses (espaces autorisés)
*__(token(Ma Page))__
+Utilisez la première valeur (''token'') pour créer des ((Semantic Admin|liens sémantiques)) (comme les ((Alias)) ou pour appliquer une classe à un lien).
Ce tableau recense les méthodes suplémentaires pour créer des liens internes.
{FANCYTABLE(head="Pour... | Syntaxe | Résultat | Commentaire" sortable="n")}
Spécifier une étiquette différente | ~~red:~040~(~~PluginVersions~~red:|~~Plugiciel Versions~~red:))~~ | ((PluginVersions|Plugiciel Versions)) | Séparez le lien de l'étiquette par une barre verticale
Lier sur une balise ou un titre de paragraphe (avec étiquette) | ~~red:~040~(~~Plugiciels Wiki~~red:|#~~Syntaxe_des_plugiciels~~red:|~~Syntaxe des plugiciels~~red:))~~|((Plugiciels Wiki|#Syntaxe_des_plugiciels|Syntaxe des plugiciels))| Tiki créé automatiquement des balise sur les titres de paragraphes. %%% Recopiez la balise derrière le signe # et remplacez les espaces et accents par des tirets _
idem | ~~red:[[~~Plugiciels Wiki~~red:#~~Syntaxe_des_plugiciels~~red:|~~Syntaxe des plugiciels~~red:]~~ | [Plugiciels Wiki#Syntaxe_des_plugiciels|Syntaxe des plugiciels] |
Lier sur une balise dans la même page | ~~red:[[#~~Pages_li_es~~red:|~~Pages liées~~red:]~~ | [#Pages_li_es|Pages liées] | Notez le caractère # et les tirets pour remplacer les espaces et caractères accentués
Lier sur un onglet spécifique dans une page | ~~red:[[~~PluginImg&cookietab=3 %%% ~~red:#~~Parameters'~~red: |~~ Params Tab3~~red:]~~ %%% %%% ''(sur une seule ligne)'' | [PluginImg&cookietab=3#Parameters' | Params Tab3] |Fonctionne sur les ongles de tiki et ceux des modules ((PluginTabs)). %%% Cette exemple créé un lien sur un titre de paragraphe
Spécifier une couleur d'affichage | ~~red:~040~(~~Syntaxe Wiki~~red:|~np~~~~/np~#ff0000:~~La syntaxe Wiki~~red:~np~~~~/np~))~~ | ((Éditer une page|~~#ff0000:La syntaxe Wiki~~)) | La couleur par defaut est définie par le thème tiki (CSS). Voir ((Mise en forme du texte|#Texte_color_|texte coloré)) pour plus d'infos
{FANCYTABLE}
{REMARKSBOX(type=tip title=Astuce)} ''Voir les plugiciels ((PluginAlink|Alink)) et ((PluginAname|Aname)) pour apprendre à placer des balises dans une page et à créer des liens dessus. Ce ((plugiciels wiki)) peuvents être uilisés à l'intérieur d'une même page.''{REMARKSBOX}
{img src=img/icons/help.png } __Help !__
*Si vous voyez une point d'interrogation apparaitre à la place de votre lien, vérifiez le nom de la page grace au module de ((Search|recherche)).
*Si vous utilisez la fonctionnalité "((Wiki Config|mots wiki))", Tiki convertira tous les mots se rapportants à un nom de page en lien wiki. Si vous souhaitez l'éviter, utilisez les doubles parenthèse inversées pour signifier qu'un mot n'est pas un "mot wiki". Par exemple~hs~:
+__))accueil~040~(__ ne sera pas un lien
!!!Liens wiki sémantiques
Il est possible d'ajouter un "qualificatif sémantique" sur les liens Wiki.
Utilisez la syntaxe suivante~hsé:
__~040~nom-du-qualificatif~040~Page))__
*le qualificatif peut contenir des lettre minuscules et des tirets.
*le qualificatif sera ajouter à la classe CSS du lien pour pouvoir modifier son affichage.
*les relations sémantiques peuvent être configurée par les administrateurs à partir de ((Semantic Admin)). Elle peuvent être affichées aussi via le ((module semantic_links)).
!! Sur des Articles, Blogs, Forums et autres pages du site
Pour tous les types de pages autres que page wiki, il est possible d'utiliser une adresse raccourcie entre crochets. Voici quelques exemples~hs~:
{FANCYTABLE(head="Type de page|Syntaxe|Résultat")}
Nouvelle (n°19)|~~red:[[~~tiki-read_article.php?articleId=19~~red:]~~|[tiki-read_article.php?articleId=19]
Nouvelle (n°19)|~~red:[[~~tiki-read_article.php?articleId=19~~red:|~~Des nouvelles de doc.t.o !~~red:]~~|[tiki-read_article.php?articleId=19|Des nouvelles de doc.t.o !]
Galeries|~~red:[[~~tiki-galleries.php~~red:|~~Galleries~~red:]~~|[tiki-galleries.php|Galleries]
Fichier|~~red:[[~~tiki-download_file.php?fileId=284~~red:|~~Télécharger le fichier PDF~~red:]~~|[tiki-download_file.php?fileId=284|Télécharger le fichier PDF]
FAQ (n°8)|~~red:[[~~tiki-view_faq.php?faqId=8~~red:|~~FAQ Images~~red:]~~|[tiki-view_faq.php?faqId=8|FAQ Images]
Popup shadowbox|~~red:[[~~http://doc.tiki.org/tiki-print.php?page=Wiki-Syntax+Links~~red:|~~Voir ici~~red:|~~shadowbox;title=shadowbox exemple;~~red:]~~ %%% ''(La fonctionalité ''shadowbox'' doit être activée)''|[http://doc.tiki.org/tiki-print.php?page=Wiki-Syntax+Links|Voir ici|shadowbox;title=shadowbox exemple;]
{FANCYTABLE}
{REMARKSBOX(type=tip title=Astuce)} Il ne s'agit que de quelques exemples - toute page d'un site Tiki peut être liée de cette manière. Recopiez simplement l'url de la page sans le nom du site et collez le entre deux crochets pour créer un lien.{REMARKSBOX}
Note: Utilisez __~np~[[~/np~__foo__]__ pour afficher __[[__foo__]__
!! Sur des images et autres attachements
Pour créer un lien sur un fichier attaché à une page wiki, utilisez les plugiciels ((PluginAttach|Attach)) ou ((PluginFile|File)).
Si vous souhaitez qu'une image se comporte comme un lien sur une page, utilisez le paramètre ''link'' du ((PluginImg|plugiciel Img)).
!!!Lien sur une image dans un popup
Ce code Tiki~hs~:
{CODE(wrap=1)}[img/php.png|Cliquez ici pour voir l'image dans une fenêtre popup|shadowbox]{CODE}
S'affichera dans une page ainsi~hs~:
[img/php.png|Cliquez ici pour voir l'image dans une fenêtre popup|shadowbox]
!!Afficher un onglet spécifique
Si le ((PluginTabs|plugiciel Tabs)) est utilisé dans une page, on peut créer un lien sur un onglet spécifique de ce plugiciel ainsi~hs~:
{TABS(tabs="Version 7|Versions précédentes")}
{CODE(wrap=1)}{HTML()}<a href="#tab2" onclick="tikitabs(2); return false;">Onglet 2</a>{HTML}{CODE}
/////
{CODE(wrap=1)}{HTML()}<a href="#tab2" onclick="tikitabs(2,4,1); return false;">Onglet 2</a>{HTML}{CODE}
{TABS}
Voici les particularités de cette syntaxe~hs~:
* {DIV(type=span class=inline_syntax)}tikitabs(2){DIV} (avec version 7) ou {DIV(type=span class=inline_syntax)}tikitabs(2,4,1){DIV} (versions précédentes)~hs~:
** {DIV(type=span class=inline_syntax)}2{DIV} signifie que le second onglet sera affiché
** 4 signifie qu'il y a 4 onglets au total (versions inférieures à 7)
** Utilisez toujours 1 comme troisième chiffre (versions inférieures à 7)
* {DIV(type=span class=inline_syntax)}href="#tab2"{DIV} - Cette valeur peut être n'importe quoi, à condition qu'elle commence par le caractère #
* {DIV(type=span class=inline_syntax)}Onglet 2{DIV} - Ce texte sera l'étiquette affichée du lien
Voici un exemple~hs~:
{HTML()}<a href="#tab2" onclick="tikitabs(2); return false;">Onglet 2</a>{HTML}
{TABS(tabs="Premier onglet|Second onglet|Troisième onglet|Quatrième onglet")}
Premier onglet
/////
Second onglet
/////
Troisième onglet
/////
Quatrième onglet
{TABS}
!!Liens de navigation
Voici quelques ((plugiciels)) permettant de créer des liens de navigation~hs~:
* ((PluginAname)) - Créé une balise dans une page wiki.
* ((PluginAlink)) - Créé un lien sur une balise (à utiliser en conjonction avec le ((PluginAname|plugiciel Aname)).
* ((PluginBack)) - Créé un lien pour revenir à la page précédente.
* ((PluginBacklinks)) - Affiche toutes les pages wiki pointants vers une page wiki.
* ((PluginRedirect)) - Redirige les liens sur une pagec sur une autre page.
!Liens sur d'autres sites wiki
Si la fonction est activée, il est possible de créer des liens raccourcis sur des pages wiki de sites externes. Vous devez alors connaitre le surnom que l'administrateur à défini pour cette fonctionnalité - cette information peut être documentée dans un ((TikiWiki Manual of Style|manuel de style)) ou demandez à l'administrateur. Voir ((External Wikis|Wiki externe)) pour plus de détails et la liste des surnoms de wiki externes utilisables sur ce site.
!Liens sur des pages web externes
Il est possible de créer des liens sur n'importe quelle URL externe valide. Par defaut, Tiki garde une copie de la page liée en cache, ce qui permet de la voir même si le site visé est hors-service. Voici quelques exemples de syntaxe Tiki~hs~:
{FANCYTABLE(head="Description|Syntaxe|Résultat")}
Lien sur une page externe|~~red:[[~~http://www.wiki-translation.com~~red:]~~|[http://www.wiki-translation.com]
Avec une étiquette alternative|~~red:[[~~http://www.wiki-translation.com~~red:|~~Traduction Wiki~~red:]~~|[http://www.wiki-translation.com|Traduction Wiki]
Avec l'option ''AutoLinks'' %%% (si la fonctionalité est activée)|http://www.wiki-translation.com|[http://www.wiki-translation.com]
Avec une couleur alternative|~~red:[[~~http://www.tiki.org~~red:|~np~~~~/np~#ff0000:~~tiki.org~~red:~np~~~~/np~]~~|[http://www.tiki.org|~~#ff0000:tiki.org~~]
Ouvre une nouvelle fenêtre %%% (si la fonctionalité est activée)|~~red:[[~~http://tiki.org|~~red:|~~tiki.org~~red:|target]~~|[http://tiki.org|tiki.org|target]
{FANCYTABLE}
Voir la [#R_f_rence_rapide|Référence rapide] ci-dessus pour comment régler et activer l'option ((AutoLinks)). De plus, voici 2 autres options d'administration liées~hs~:
*__Pour ouvrir les liens externes dans un nouvel onglet~hs~:__
+Allez sur ''Admin Home > Text Area > Features section'', sélectionnez ''Open external links in new window'' et validez la modification. Sinon les liens externes s'ouvre dans l'onglet actuel.
+
*__Pour désactiver l'icone dédiée aux liens externe ({img src="img/icons/external_link.gif"})~hs~:__
+Allez sur ''Admin Home > Editing and Plugins > General Settings > External links and images'', déselectionnez ''External link icon'' et validez la modification. Cette icone se place normalement derrière un lien externe pour notifier les utilisateurs qu'ils vont être dirigé vers un autre site.
{img src="img/smiles/icon_exclaim.gif"} __Important__~hs~: Si vous créez un lien sur un fichier PDF, un fichier multimédia ou n'importe quoi d'autre qu'une page HTML, veuillez ajouter l'option ''nocache'' comme dans les exemples suivants~hs~:
* ~~red:[[~~http://www.unsite.org/docs/chapitre1.pdf~~red:~np~|nocache~/np~]~~
* ~~red:[[~~http://www.unsite.org/docs/chapitre1.pdf~~red:|~~chapitre 1~~red:~np~|nocache~/np~] ~~
{img src=img/icons/help.png } __Aide!__
*Si le lien ne fonctionne pas, essayez de copier l'URL directement dans vore navigateur. Si la page existe, vérifiez votre syntaxe. Avez-vous correctement placé les crochets~hs~?
!!Dans des popups semi-transparents (colorbox)
Vous devez ajouter "__|box__" (ou peut-être "__|shadowbox__" dans les versions précédentes si __box__ ne fonctionne pas pour vous) après l'étiquette de votre lien externe. Il est aussi possible d'ajouter d'autres paramètres si besoin, séparés de points-virgule.
===Exemple 1~hs~:===
Pour afficher une vidéo en plein écran dans un popup semi-transparent~hs~:
{CODE(wrap=1)}[http://www.youtube.com/v/KBewVCducWw&autoplay=1|Vidéo utilisant le lecteur de Youtube|box]{CODE}
Résultat~hs~:
[http://www.youtube.com/v/KBewVCducWw&autoplay=1|Vidéo utilisant le lecteur de Youtube|box]
===Exemple 2~hs~:===
Pour afficher une vidéo dans une fenêtre popup plus petite~hs~:
{CODE(wrap=1)}[http://www.youtube.com/v/KBewVCducWw&autoplay=1|Vidéo utilisant le lecteur de Youtube|shadowbox;width=405;height=340;]{CODE}
Résultat~hs~:
[http://www.youtube.com/v/KBewVCducWw&autoplay=1|Vidéo utilisant le lecteur de Youtube|shadowbox;width=405;height=340;]
!!Liens sur une adresse email
Pour créer une lien sur une adresse email, entourez le ''mailto:email'' de crochets.
Ce lien, une fois cliqué, ouvrira le client email de l'utilisateur.
Exemples :
*Tapez ceci~hs~: __[[mailto:martin@quelquepart.com]__
+Pour obtenir~hs~: [mailto:martin@quelquepart.com]
+
*Tapez ceci~hs~: __[[mailto:martin@quelquepart.com|martin]__
+Pour obtenir~hs~: [mailto:martin@quelquepart.com|martin]
!!Échapper la syntaxe des liens externes
Pour afficher un texte entre crochets sans créer de lien, utilisez la syntaxe suivantes~hs~:
*Le code~hs~: __[[[[texte]__
*s'affichera ainsi~hs~: [[texte]
!Infos-bulles
Tiki possède une classe intégrée (appelée ''tikihelp'') qui permet de créer des info-bulles formatée sur un lien, comme suit~hs~:
Le code Tiki suivant~hs~:
{CODE(wrap="1")}{HTML()} <a href="HomePage" class="tikihelp" title="Page d'accueil:Cliquez ici pour revenir à la page d'accueil de doc.tiki.org">Home Page</ a>{HTML}{CODE}
S'affiche ainsi dans une page~hs~:
{HTML()} <a href="HomePage" class="tikihelp" title="Page d'accueil:Cliquez ici pour revenir à la page d'accueil de doc.tiki.org">Home Page</ a>{HTML}
Passez votre pointeur au dessus du lien pour voir l'info-bulle apparaitre. Voici les réglages importants pour cette fonctionnalité~hs~:
*JQuery doit être activé
*Réglez ''class="tikihelp"''
*La première partie du paramètre ''title'' est le titre de l'info-bulle, et ce qui suit les deux points est le corps
!Pages liées
* ((AutoLinks)) - option de syntaxe simplifiée pour les liens externes
* ((External Wikis)) - créer des liens raccourcis sur d'autres site wiki
* ((PluginAlink|Plugiciel Alink)) - créer un lien sur une balise.
* ((PluginAname|Plugiciel Aname)) - créer une balise
* ((PluginAttach|Plugiciel Attach)) - créer un lien sur un fichier attaché
* ((PluginBack|Plugiciel Back)) - créer un lien pour revenir à la page précéde
* ((PluginBacklinks|Plugiciel Backlinks)) - afficher toutes les pages pointant vers une page
* ((PluginFile|Plugiciel File)) - similaire au ((PluginAttach|Plugiciel Attach))
* ((PluginImg|Plugiciel Img)) - transformer une image en lien
* ((PluginRedirect|Plugiciel Redirect)) - rediriger les liens vers une page sur une autre
-=Aliases=-
::(alias(Lien)) | (alias(Lien Tiki)) | (alias(Liens Tiki)) | (alias(Syntaxe des Liens Tiki)) | (alias(Syntaxe des Liens))::