Chargement...
 
Skip to main content

Historique: SITE_fonctionnement_wiki_editer_expert

Afficher la page publiée Réduire en sessions d'édition

Aperçu de cette version: 246

Avant-propos : alors voil vous avez dit votre premire page en suivant ces quelques premiers conseils. prsent, vous aimeriez bien aller plus loin dans la mise en page, ou pouvoir contrler l'affichage d'une image ou que sais-je encore. Vous trouverez ici un ensemble de commandes TikiWiki qui vous permettront de faire de l'dition avance.




Organisation la page

La table des matires peut possder des arguments, par exemple son nom :

code:
Copy to clipboard

rendu:
Image

➡️ Voir aussi La documentation officielle chez Tiki.org.





Les listes et leurs puces

Pour les puces, il faut utiliser la balise * (toile) et elle se comporte exactement de la mme manire que la balise ! de titre. Ainsi :
*puce de niveau 1

**puce de niveau 2

Texte pass  la ligne.

***puce de niveau 3 avec *

*puce de niveau 1 avec un texte trs

long qui va donc passer  la ligne et avoir

une tabulation automatique de mme niveau

que la puce. Il faut donc crire beaucoup de 

texte pour voir apparatre le phnomne.
  • puce de niveau 1
    • puce de niveau 2
Texte pass la ligne.
      • puce de niveau 3 avec *
  • puce de niveau 1 avec un texte trs long qui va donc passer la ligne et avoir une tabulation automatique de mme niveau que la puce. Il faut donc crire beaucoup de texte pour voir apparatre le phnomne.

Il est important de noter que tout retour la ligne arrte la tabulation de la puce. Il est possible de forcer l'indentation de la ligne suivant la puce en ajoutant la balise + (plus) en dbut de ligne. Il faut autant de balises + que de balises *. Ainsi :

**puce 2
++du texte bien tabul
**puce 2
+du texte mal tabul
*puce 1
du texte non tabul
*puce 1
+du texte tabul
**puce 2
+du texte tabul de niveau 1

+du texte non tabul
    • puce 2
      du texte bien tabul
    • puce 2
  • du texte mal tabul
  • puce 1
du texte non tabul
  • puce 1
    du texte bien tabul
    • puce 2

    du texte tabul de niveau 1

+du texte non tabul



Il est possible de crer des puces numrotes en utilisant la balise # (dise) au lieu de la balise *.
Exemple :
#Premire puce numrote

#Deuxime puce numrote

##Premire sous-puce  numrote

**puce non numrote de niveau 2
  1. Premire puce numrote
  2. Deuxime puce numrote
    1. Premire sous-puce numrote
    • puce non numrote de niveau 2

Pour tabuler les lignes comme les puces, on peut ici aussi utiliser la balise +.

Masquer le contenu

Il peut tre intressant de masquer le texte contenu sous un titre ou derrire une puce parce qu'il est trs long (Trs utile pour les logs dans les forums par exemple).
Dans ce cas il faut associer aux balises "!" (titre), "*" (puce) ou "#" (puce numrote) un "+" (plus) ou un "-" (moins) juste aprs.
Le masque sera actif jusqu'au titre suivant ou sur toute la tabulation de la puce. La balise "+" affichera le contenu par dfaut mais permet de le masquer. La balise "-" masque le contenu par dfaut mais permet de l'afficher. Ainsi :
code :
Copy to clipboard

rendu :

[+]

[-]

[+]

Les balises CODE

Afin de mettre en avant les commandes ou les logs, on utilise les balises {CODE()} et {CODE}.

{CODE()}Un peu de code{CODE}
Copy to clipboard
Un peu de code





Les balises QUOTE

Pour insister sur une citation, on utilise les balises {QUOTE()} et {QUOTE}.


{QUOTE()}Citation{QUOTE}
Citation





Les BOX

Il est possible de crer des boites de couleurs dans lesquelles on peut mettre du texte afin d'attirer l'attention du lecteur. Ceci se fait l'aide des balises BOX.



{BOX(align=center, bg=>#ffce89, width=>80%)}
Le texte mettre en valeur dans une boite sans titre.{BOX}
<br /> Le texte mettre en valeur dans une boite sans titre.





{BOX(title=>Une boite, : align=center, bg=>#ffce89, width=>80%)}
Le texte mettre en valeur dans une boite avec titre.{BOX}
Une boite :
<br /> Le texte mettre en valeur dans une boite avec titre.


Il existe plusieurs attributs qui permettent de rgler la BOX. Les voici :
  • title : permet d'indiquer le titre,
  • align : rgle l'alignement droite ( right), gauche ( left), au centre ( center),
  • bg : rgle la couleur de la BOX ; il faut utiliser son code HTML ou des valeurs sres ( green, blue,...),
  • width : rgle sa largeur par rapport la largeur de la page (en pourcentage ou en pixels).

Pour forcer un passage la ligne dans une box, il faut utiliser la balise %%%. Voir l'exemple :



{BOX(align=center, bg=>#ffce89, width=>80%)}
Attention %%%au retour la ligne.{BOX}
<br /> Attention
au retour la ligne.



Mise en forme

On a dj vu les bases du formatage de texte ici. Vous trouverez donc dans cette rubrique toutes les techniques plus complexes pour des mises en forme de texte plus raffines. 😀
Vous trouverez ci-dessous quelques exemples qui utilisent la balise TAG :

1{TAG(tag=>sup)}re{TAG} fois que je vois ca !

1

Plugiciel en attente d'approbation

Ce plugiciel a été ajouté/modifié récemment. Son exécution ne sera pas possible avant que l'éditeur de site ne valide ces paramètres.

fois que je vois ca !


En {TAG(tag=>sub)}dessous{TAG} de la ligne

En dessous de la ligne


on peut aussi ajouter un style html comme argument :
{TAG(tag=sup, style=color:#FF0000)}exposant rouge{TAG}

exposant rouge



Voir la doc sur TikiWiki.org.



Recommands en typographie, on utilise des espaces inscables entre du texte et certaines ponctuations comme :, ?, !, ; par exemple. Cela signifie que lors d'un renvoi la ligne, il est impossible de sparer le texte de cette ponctuation et vous permettront donc d'viter que ces signes ne se retrouvent en dbut de ligne. Il faut utiliser la balise ~hs~ .

On passe la ligne tranquillement sans sparer ce~hs~:~hs~du texte autour de lui.
 On passe la ligne tranquillement sans sparer ce : du texte autour de lui.


lorsque pour une raison ou pour une autre ( cause d'un code tiki trop compliqu), votre mise en forme ne s'affiche pas correctement, vous pouvez souvent remplacer certains caractres critiques par leur code tikiwiki.
Remplacez simplement ce caractre par son numro entour de "~".

exemple de code : donnez des ~128~ LinuxMAO !
rsultat : donnez des € LinuxMAO !

[+]

Pour crer des tableaux on utilise la balise | (barre verticale, Alt Gr+6 sur un clavier AZERTY). Deux balises | marquent le dbut et la fin du tableau. Ensuite pour chaque case on utilise une seule balise. La balise %%% permet de passer la ligne.

|| Une belle table
Ligne 1 | case | case
Ligne 2 | case%%% la ligne | case
Ligne 3 | case ||
Une belle table
Ligne 1 case case
Ligne 2 case
la ligne 		case
Ligne 3 case


Notez que les cases partielles qui occupent l'espace de plusieurs colonnes comme la ligne 3 ne peuvent qu'apparatre qu' droite du tableau.



Trs pratique pour crire plusieurs colonnes de texte. On utilise la balise {SPLIT}. On peut dfinir la largeur des colonnes en pixels en utilisant l'attribut colsize. L'exemple ci-dessous propose de crer 2 colonnes de 150 et 50 pixels de large.

{SPLIT(colsize=>150|50)}Ce texte est
dans la premire colonne
de taille 150.
---
Ce texte est dans la deuxime colonne de taille 50.{SPLIT}
Ce texte est dans la premire colonne de taille 150.
 Ce texte est dans la deuxime colonne de taille 50.





Il existe de la syntaxe pour les dfinitions. Tiki nous offre 2 manires de procder. Une rapide et simple et une un peu plus complexe.

La simple :


;Terme 1 dfinir:Dfinition du terme 1
;Terme 2 dfinir:Dfinition du terme 2
Terme 1 dfinir
Dfinition du terme 1
Terme 2 dfinir
Dfinition du terme 2


Si le mme terme possde plusieurs dfinitions utilisez alors plutt :

La complexe :

Elle s'crit et s'affiche comme suit : (DL = definition list)




Terme  dfinir
Premire dfinition du


terme


Deuxime dfinition du terme



Terme dfinir
Premire dfinition du terme
Deuxime dfinition du terme




Images

Une fois que vous aurez fait une belle image, il vous faudra l'envoyer sur le site et l'intgrer dans votre page, voici des consignes et explications.



Charger une image


Pour charger une image, les principes de base sont expliqus sur cette page. Il est simplement rappel qu'il faut utiliser le bouton "image" dans la barre d'dition, qui crera une balise de la forme {IMG(fileId="ID de votre image")}{IMG} avec un certains nombre d'autres arguments/options.

Quelques options a considrer :
  • vignette (thumb)
    • popup : possibilit de cliquer sur l'image la voir dans un nouvel onglet en plein cran (thumb="popup")
  • largeur de l'image (width)
    Il est prfrable, dans le cas de grosses images, de limiter leur largeur dans la page, quitte devoir recourir l'option "vignette" en complment pour un zoom plus dtaill.
    400 (pixels) est une valeur encourage, 600 une limite maximum. (width="400")
  • caption (desc)
    Description/lgende affiche en dessous de l'image (desc="ma photo de studio")
Exemple de rendu de code avec ces diffrentes options :
{IMG(fileId="XXX","thumb="popup",width="400",desc="ma photo de studio")}{IMG}

Liens

Liens internes

On en a dj parl ici mais maintenant place aux subtilits. On rappelle qu'un lien est dit interne si il pointe vers une page qui fait partie de linuxMao.org. D'ailleurs lorsque le lien est interne, il s'affiche en orange.

Pour comprendre le fonctionnement des liens internes, il faut observer l'URL de la page que l'on souhaite linker. Prenons pour exemple cette page :
http://www.linuxmao.org/tikiwiki/tiki-index.php?page=GlossaireA

l'adresse se dcompose en trois parties importantes :
http://www.linuxmao.org/tikiwiki/tiki-index.php?page=GlossaireA

  • La partie en vert correspond l'adresse du site
  • Celle en bleu la partie du site concerne, cela peut tre un wiki, un forum, une FAQ...
  • La dernire partie en rouge correspond ici au nom de la page wiki

Il est trs facile de faire un lien rapide sur une page wiki, il suffit de mettre son nom entre des doubles parenthses comme ceci : ((GlossaireA))
rsultat : GlossaireA

Pour le rendre plus joli la lecture, on peut rajouter une barre verticale et changer le nom affich par le lien comme ceci :
((GlossaireA|Page A du glossaire))
rsultat : Page A du glossaire

On peut aussi linker de manire quivalente une page du wiki en utilisant les deux dernires parties de l'url, mais cette fois-ci on utilisera les crochets.
Par exemple [tiki-index.php?page=GlossaireA] donne tiki-index.php?page=GlossaireA.
En changeant le nom visible du lien : [tiki-index.php?page=GlossaireA|Page A du glossaire] donne Page A du glossaire.
Cette technique n'est pas trs intressante pour linker sur des pages du wiki, mais elle peut tre utilise pour autre chose, comme le forum par exemple.
Ainsi le fil de forum a l'adresse http://www.linuxmao.org/tikiwiki/tiki-view_forum_thread.php?comments_parentId=17549&topics_sort_mode=lastPost_desc&forumId=28
se linkera ainsi :
[tiki-view_forum_thread.php?comments_parentId=17549&topics_sort_mode=lastPost_desc&forumId=28]
ou ainsi :
[tiki-view_forum_thread.php?comments_parentId=17549&topics_sort_mode=lastPost_desc&forumId=28|mon fil de forum]
ce qui donne :
mon fil de forum

Lien sur un paragraphe

Vous souhaitez peut tre que votre lien n'envoie pas au dbut d'une page, mais sur un endroit/paragraphe en particulier ? Pas de problme, vous l'aurez constat, TikiWiki est trs complet, c'est possible !

Cet endroit particulier sur lequel vous voulez renvoyer votre lien s'appelle un point d'ancrage. Pour pouvoir arriver vos fins, il vous faut d'abord le dfinir et connaitre son nom, il existe pour cela deux alternatives :
  • les titres
    Vous avez dj appris comment crer un titre dans une page, avec le caractre ! en dbut de ligne. Chaque titre cre automatiquement un point d'ancrage dont le nom est le titre du paragraphe lui-mme. Par exemple, vous tes en ce moment en train de lire le sous-sous-paragraphe "Lien sur un paragraphe"
  • la balise "ANAME"
    Vous pouvez aussi dfinir un point d'ancrage partout ailleurs dans une page. Pour cela, insrez dans le code de la page l'endroit voulu une balise du type ANAME. La syntaxe a utiliser est la suivante {ANAME()}mon point d'ancrage{ANAME}. Cette balise est invisible la lecture de la page, et pour nom "mon point d'ancrage"

Maintenant, comment crer un lien renvoyant votre point d'ancrage ? Rien de plus facile ! Vous venez d'apprendre qu'un lien sur une page wiki a la forme ((ma page)) ou mme ((ma page|nom affich)).
Un lien sur un point d'ancrage a une forme similaire :
((ma page|#mon point d'ancrage)) ou alors ((ma page|#mon point d'ancrage|nom affich))
(notez le # avant le nom du point d'ancrage).

Exemple :
Le lien suivant va renvoyer sur la page "SITE_fonctionnement_wiki_editer_expert" (la page que vous lisez en ce moment mme), au point d'ancrage "Lien sur un paragraphe" (la section qui porte ce titre est celle que vous lisez en ce moment mme).
Ce code
((SITE_fonctionnement_wiki_editer_expert|#Lien sur un paragraphe))
donnera
SITE_fonctionnement_wiki_editer_expert.

En modifiant le nom visible du lien, ce code
((SITE_fonctionnement_wiki_editer_expert|#Lien sur un paragraphe|mon paragraphe))
donnera
mon paragraphe.



Il existe une deuxime manire de crer un lien sur un point d'ancrage. On peut pour cela utiliser la balise {ALINK()} (gnralement utilise avec la balise "ANAME" dont je vient de parler).
Elle s'utilise de la manire suivante :

{ALINK(aname=nom du point d'ancrage,pagename=nom de la page)}nom visible du lien{ALINK}

Pour cet exemple, j'ai cr en bas de page un point d'ancrage dont le code est
{ANAME()}bas de page{ANAME}.
La balise {ALINK()} correspondante sera donc {ALINK(aname=bas de page,pagename=SITE_fonctionnement_wiki_editer_expert)}cliquez pour essayer{ALINK}
qui donne cliquez pour essayer.

Dans le cas o le lien et le point d'ancrage sont sur la mme page, vous pouvez mme omettre le nom de page :
{ALINK(aname=bas de page)}cliquez pour essayer{ALINK}.

Mthode alternative :
Dans le cas ou le paragraphe linker est dans la mme page que le lien, on peut crire :
[#Lien_sur_un_paragraphe|Lien sur un paragraphe] ? Lien sur un paragraphe
Liens spciaux :
[#tiki-top|retour en haut de page] (barre de menu incluse) ? retour en haut de page
[#top|retour en haut de page] (barre de menu non-incluse) ? retour en haut de page
[#toc|retour au sommaire] ? retour au sommaire

Liens externes

Pour les liens externes, ce n'est pas beaucoup plus compliqu. Il faut mettre l'adresse du lien entre crochets, soit [http://www.ubuntu-fr.org] donne http://www.ubuntu-fr.org. Les liens externes s'affichent eux en bleu.

ATTENTION : il y a une petite subtilit. Si l'adresse du lien commence par http:// alors TikiWiki comprend qu'il s'agit d'un lien externe et l'interprte comme tel. En revanche si l'adresse ne commence pas par http:// alors TikiWiki peut l'interprter de trois manires :
  • comme du texte, si l'adresse n'est pas entoure de crochets,
  • comme un lien interne si l'adresse est entoure de crochets,
  • comme un lien externe si l'adresse commence par www.

Quelques exemples :

http://jamin.sourceforge.net/en/about.html
 http://jamin.sourceforge.net/en/about.html : lien externe

[http://jamin.sourceforge.net/en/about.html]
 http://jamin.sourceforge.net/en/about.html : lien externe

jamin.sourceforge.net/en/about.html
 jamin.sourceforge.net/en/about.html : texte brut

[jamin.sourceforge.net/en/about.html]
 jamin.sourceforge.net/en/about.html : lien interne

www.ubuntu-fr.org
 www.ubuntu-fr.org : lien externe

[www.ubuntu-fr.org]
 www.ubuntu-fr.org : lien interne


Les liens externes s'affichent en bleu et les liens internes s'affichent en orange. Vous pouvez constater qu'il y a parfois des confusions dans l'interprtation par TikiWiki. En fait, on peut carrment dire que c'est le bordel !😀

Les conseils de LinuxMao.org :

Pour faire un lien externe et viter tout problme, nous vous conseillons fortement : d'utiliser l'adresse complte du lien et de l'encadrer par des crochets comme :
[http://www.monsite.org/le_lien.html]

Ainsi vous viterez les confusions d'interprtation lien interne / lien externe, les problmes de lien cass ou qui ne fonctionnent pas. Et en plus a vous permet de renommer le lien. Voir ci-dessous.




Renommer les liens

Il est parfois intressant de renommer un lien surtout s'il est long. On peut alors crer un alias. Cela fonctionne avec les liens internes et les liens externes. Il faut pour cela utiliser la balise | (barre verticale). Entre les doubles parenthses ou les crochets, on crit adresse_du_lien|alias.
Donc :

noter : si l'adresse vers laquelle le lien doit pointer contient le caractre | (barre verticale), alors vous allez avoir un problme ! Pour le contourner, vous devez remplacer ce caractre par son code html qui est %7C. Par exemple l'adresse http://fr.audiofanzine.com/carte-son-externe/alesis/iO|2 contient une barre verticale (avant-dernier caractre). Voici son comportement :
On constate que le lien ne pointe pas vers la mme page.
De la mme manire, certains liens comportant des accents et autres caractres spciaux ne fonctionnent pas correctement avec certains modules (vu avec les images en page d'accueil), il faut alors encoder les caractres litigieux.

On peut trouver un encodeur d'url sur la page http://www.blooberry.com/indexdot/html/topics/urlencoding.htm


Divers


Pour aller encore plus loin

Pour d'autres astuces d'dition, vous pouvez aller voir sur la documentation officielle de TikiWiki. En particulier :
Et de manire plus gnrale, la documentation des fonctionnalits.

Mais normalement avec ce que vous venez de lire, vous devriez pouvoir crire intgralement ce petit tutoriel. En effet tout ce que vous y avez lu y est mis en uvre ! 😎







Si vous vous posez une question propos de ceci, rendez-vous dans le forum : "Le site : philosophie, organisation, problmes, ..." afin de discuter ensemble. 😉

D'autre part, cette page est verrouille l'criture et est modifiable uniquement par les administrateurs de LinuxMAO. Si vous pensez que quelque chose devrait y figurer ou bien, si quelque chose n'est pas clair et que a mrite r-criture ou alors, si vous voyez une faute, ou que-sais-je-encore, ... etc, vous pouvez laisser un commentaire en bas de la page.



Bienvenue en bas de page ! Ce bas de page sert d'exemple pour la description des liens internes. Si vous souhaitez remonter au paragraphe sur les liens interne, cliquez ICI.

Historique

Avancé
Information Version
Fri 05 Sep 2014 19:55 olinuxx Recherche et remplacement en masse 258
Afficher
Fri 05 Sep 2014 19:55 olinuxx Recherche et remplacement en masse 257
Afficher
Fri 05 Sep 2014 19:55 olinuxx Recherche et remplacement en masse 256
Afficher
Fri 05 Sep 2014 19:55 olinuxx Recherche et remplacement en masse 255
Afficher
Fri 05 Sep 2014 19:42 olinuxx Recherche et remplacement en masse 254
Afficher
Fri 05 Sep 2014 19:12 olinuxx Recherche et remplacement en masse 253
Afficher
Mon 04 Nov 2013 17:11 anonymous wiki_up conversion 252
Afficher
Tue 12 Mar 2013 09:17 utilisateur_anonyme2 251
Afficher
Tue 12 Mar 2013 09:11 utilisateur_anonyme2 250
Afficher
Mon 11 Mar 2013 09:12 utilisateur_anonyme2 249
Afficher
Mon 11 Mar 2013 09:11 utilisateur_anonyme2 Ajout d'un paragraphe : Créer un tableau type listing 248
Afficher
Sat 09 Mar 2013 17:37 pianolivier Page à supprimer 247
Afficher
Sun 17 Jun 2012 02:53 xzu corection lien mort, maj 246
Afficher
Mon 28 mai 2012 11:46 pianolivier 245
Afficher
Mon 28 mai 2012 11:44 pianolivier 244
Afficher
Mon 28 mai 2012 11:43 pianolivier 243
Afficher
Mon 28 mai 2012 11:41 pianolivier +une autre manière de faire des liens 242
Afficher
Thu 10 mai 2012 16:43 olinuxx coquille 241
Afficher
Thu 10 mai 2012 16:41 olinuxx coquille 240
Afficher
Sat 07 Apr 2012 18:48 pianolivier mise en page 239
Afficher
Sat 07 Apr 2012 18:26 pianolivier modif box 238
Afficher
Fri 16 Dec 2011 19:22 pianolivier auto-correction 237
Afficher
Fri 16 Dec 2011 19:22 pianolivier auto-correction 236
Afficher
Sun 10 Jul 2011 20:23 pianolivier pas de titre à droite d'un SPLIT ! (bug) 235
Afficher
Mon 04 Apr 2011 20:30 pianolivier 234
Afficher
Sun 27 Mar 2011 22:02 pianolivier suppresion du tag strike suplanté par les balises -- barré -- 233
Afficher
Sun 27 Mar 2011 21:58 pianolivier mise a jour images 232
Afficher
Sun 21 Nov 2010 20:35 olinuxx 231
Afficher
Tue 09 Nov 2010 04:12 olinuxx changement lien interne (manuel v2.1) 230
Afficher
Tue 09 Nov 2010 03:56 olinuxx BOX manuel v2.1 229
Afficher
Mon 08 Nov 2010 02:54 olinuxx 228
Afficher
Mon 08 Nov 2010 02:52 olinuxx 227
Afficher
Mon 08 Nov 2010 02:48 olinuxx 226
Afficher
Mon 08 Nov 2010 02:47 olinuxx 225
Afficher
Mon 08 Nov 2010 02:45 olinuxx 224
Afficher
Mon 08 Nov 2010 02:39 olinuxx 223
Afficher
Mon 08 Nov 2010 02:36 olinuxx 222
Afficher
Mon 08 Nov 2010 02:31 olinuxx 221
Afficher
Mon 08 Nov 2010 02:28 olinuxx 220
Afficher
Mon 08 Nov 2010 02:26 olinuxx 219
Afficher
Sat 06 Nov 2010 01:44 olinuxx 218
Afficher