SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
Les raccourcis typographiques de SPIP                                                                   file:///C:/Users/erwan/Desktop/spip.php.htm




          Les raccourcis typographiques de SPIP
          1- Les raccourcis "natifs"

          SPIP est basé sur un éditeur en mode texte si bien qu’on ne peut simplement recopier une page écrite sous Word dans une
          fenêtre d’édition SPIP. Pour créer un texte en gras, en italique, pour faire une note de bas de page, il faut passer par des
          artifices appelés raccourcis typographiques, assez simples à mémoriser.

          Nativement SPIP est fourni avec un jeu de raccourcis typographiques que l’on peut retrouver dans le document (de © Philippe
          Allart) joint. On peut en faire le tour rapidement, surtout que le document est un peu simplificateur parfois.

           Fonctionnalités              Méthodes                                            Commentaires
          Intertitre         {{{Le titre}}}                  Le texte entre triples accolades est affiché comme un titre.
                                                             Nous verrons au §2 qu’il y a possibilité d’augmenter les possibilités de
                                                             titres et d’intertitres.
          Changement de      Introduire une ligne vide       Ne pas confondre avec ce qui suit !
          paragraphe
          Aller à la ligne   _ texte                         Il suffit de passer à la ligne et de commencer la suivante par un blanc
                                                             souligné et un espace.
                                                             Cette ligne-ci est séparée de la précédente par seulement un retour à la
                                                             ligne et un blanc souligné suivi d’un espace en début de ligne.
          Caractères gras    {{texte en gras}}               Le texte entre double accolades apparaitra en gras, comme ceci.
          Caractères en      {texte en italiques}            Le texte entre simples accolades est affiché en italique.
          italique                                           Astuce : pour avoir du texte en gras et en italique, mettre trois accolades
                                                             en insérant une espace (pour faire 1+2), et en respectant la symétrie.
                                                             Ex : { {{ texte en gras et en italique }} } donne texte en gras
                                                             et en italique .
                                                             Attention ne pas mélanger avec les titres, voici un exemple de ce qu’il ne
                                                             faut pas faire : {{{ {{texte}} }}} !
          Puce de début de - premier élement                 Afichage :
          ligne            - deuxième élément                   premier élément
                           - troisième élément                  deuxième élément
                                                                troisième élément
                                                             Attention, ce n’est pas une liste à puce, juste un enjolivement
                                                             typographique qui appelle la puce par défaut. On ne peut pas les
                                                             indenter.
          Liste à puces      -* premier élément              Le petit trait/astérisque sera automatiquement remplacé par une puce,
                             -* deuxième élement             telles qu’elle est définie dans la charte graphique.
                             -* etc...                       Affichage :

                                                                    premier élement
                                                                    deuxième élément
                                                                    ... etc...

          Listes indentées   -* niveau 1                     Affichage :
                             -** niveau 2
                             -*** niveau 3                          niveau 1
                             -** niveau 2                                  niveau 2
                                                                                  niveau 3
                                                                           niveau 2

          Listes numérotées -# niveau 1                      Affichage :
                            -## niveau 2
                            -## niveau 2                         1. niveau 1
                            -### niveau 3                               1. niveau 2
                            -# niveau 1                                 2. niveau 2
                                                                               1. niveau 3
                                                                 2. niveau 1"

          Trait de           ----                            Entrer une ligne contenant au moins quatre petits tirets.
          séparation
          Lien hypertexte    [texte->URL]                    Mettre le texte et l’URL entre crochets, séparés par une flèche. Le texte
          vers un site web   ou [->URL]                      devient une zone cliquable, et renverra le lecteur sur la page web
                                                             indiquée par « URL ».
                                                             Ex : [Eklesia.net->http://www.eklesia.net/] donne Eklesia.net .
                                                             Le code [->URL] permet d’afficher l’URL seul, et de le rendre cliquable.
                                                             Ex : Le code [->http://www.eklesia.net/] donne




1 sur 3                                                                                                                             08/02/2008 18:24
Les raccourcis typographiques de SPIP                                                                     file:///C:/Users/erwan/Desktop/spip.php.htm


           Fonctionnalités                Méthodes                                            Commentaires
                                                               http://www.eklesia.net/
          Lien hypertexte       [texte->xxx] ou                Où xxx est le numéro de l’article. Pour renvoyer vers un article du site, il
          vers un article       [texte->artxxx]                suffit de donner son numéro.
                                                               Par exemple, l’article 80 est l’annonce des Rencontres 2005 à Chartes :
                                                               [Rencontres Chartes 2005->80] ou aussi [Rencontres Chartes
                                                               2005->art80]. Cela donne Rencontres Chartes 2005
          Lien hypertexte   [texte->rubxxx]                    Où xxx est le numéro de la rubrique.
          vers une rubrique                                    Ex : [Comment faire : SPIP->rub9] donne Comment faire : SPIP
          Lien hypertexte       [texte->brxxx]                 Où xxx est le numéro de la brève.
          vers une brève                                       Ex : [La liste "Débutants"->br10] donne La liste "Débutants"
          Note concernant                                      Si les liens pointent vers des articles, des rubriques ou des brèves du site,
          les liens                                            ceux-ci ont naturellement un titre et il n’y a pas besoin de le répéter, le
          hypertextes                                          titre réel sera pris d’office. Quelques exemples :
                                                                  Le code [->art80] donnera
                                                                  Le code [->rub9] donnera SPIP
                                                                  Le code [->br10] donnera Une nouvelle liste pour les "débutants"
          Note de bas de   [[texte de la note]]                Le texte entre doubles crochets droits apparaîtra en bas de la page, doit
          page automatique                                     ête placé au niveau de l’appel de note, dans le texte, et sera remplacé
                                                               par un numéro généré automatiquement [ 1 ].
          Note de bas de        [[<x>texte de la note]]        Le texte entre doubles crochets apparaîtra en bas de page, et sera
          page numérotée                                       remplacé par le numéro x (ou le texte) indiqué entre « < > ». En voici un
                                                               exemple [ attention ].
                                                               Sans le texte, on peut pointer sur une note déjà existante [ 1 ].
          Faire un tableau      |{{aaa}}|{{bbb}}|{{ccc}}| Pour faire un tableau simple il suffit de séparer les colonnes par la barre
          simple (tableau       |ddd|eee|fff|             verticale. Une donnée nulle s’écrit de préférence avec le code &nbsp;.
          par défaut)           |xxx|yyy|zzz|             Cette méthode autorise uniquement des cellules d’une seule ligne. Pour
                                                          faire des tableaux plus complexes, utiliser le langage HTML.
                                                          Ce type de tableau est défini dans les feuilles de style. Un exemple de
                                                          tableau est celui de cette page-ci donnant la liste des raccourcis
                                                          typographiques.
                                                          Les entrées de la première ligne peuvent être en gras, SPIP identifie ainsi
                                                          qu’il s’agit d’une ligne d’entête, et lui attribue une présentation
                                                          différente des autres lignes (fond de couleur différente). La présence
                                                          d’une telle ligne n’est pas obligatoire. On peut laisser des cellules de
                                                          tableau vides.
                                                          Attention aussi à toujours avoir une ligne blanche AVANT et APRES le
                                                          tableau et ne pas avoir d’espace après le dernier | de la ligne !
          Insérer une image <imgxxx>                           L’image doit avoir été précédemment téléchargée sur le site par la
                            <imgxxx|center>                    fonction « télécharger une nouvelle image » dans la colonne de gauche
                            <imgxxx|left>                      affichée quand on rédige un article.
                            <imgxxx|right>                     Le système indique alors sous quel numéro l’image est disponible (ici xxx),
                                                               et c’est ce nom qui doit être utilisé.
                                                               Trois commandes sont disponibles, selon qu’on veut voir l’image à gauche
                                                               (left), au centre (center) ou à droite (right).
                                                               L’écriture <imgxx> permet d’insérer une image comme une icône dans
                                                               une phrase par exemple.

          2- Autres raccourcis

          Une première série de raccourcis est également disponible depuis peu :

            Fonctionnalités                 Méthodes                                          Commentaires
          Tiret semi quadratin --                               Ce type de tiret remplace avantageusement le tiret standard en début de
                                                                dialogue par exemple. Il s’affiche comme un tiret un peu plus long que le
                                                                tiret standard.
          Signet dans un         [#signet<-]                    Ce lien pourra être atteint à partir d’un lien hypertexte qui aura la forme
          document                                              suivante.
                                                                Ce type de signet est utilisé à l’intérieur soit d’une page web, soit à
                                                                l’intérieur d’un même site web.
                                                                Un exemple : en haut de ce document a été placé un signet "haut" écrit
                                                                comme ceci [#haut<-].
          Lien vers ce signet    [texte->#signet]               Sert à faire un lien sur un signet tel que celle ci-dessus.
                                                                Exemple : cliquer sur ce signet ramène le curseur en haut du texte. Le
                                                                code est [signet->#haut].




2 sur 3                                                                                                                                08/02/2008 18:24
Les raccourcis typographiques de SPIP                                                                                  file:///C:/Users/erwan/Desktop/spip.php.htm


             Fonctionnalités                      Méthodes                                                 Commentaires
          Ecrire du code dans <code>Texte</code>
          un texte
          Citation                  <quote>texte... bla...                   Le texte paraîtra soit encadré ou pas (selon la feuille de style)
                                    bla... </quote>

          D’autres raccourcis ont été développés mais pas encore intégrés dans SPIP. Pourtant ils fonctionnent. Nous les présentons dès
          maintenant, mais attention, comme ils ne sont pas natifs, il y a une procédure d’installation à suivre, qui fera l’objet du
          troisième paragraphe. Ils ne fonctionnent pas sans cette installation.

              Fonctionnalités                               Méthodes                                               Commentaires
          Intertitre niveau 0          {0{texte}0}                                         Equivalent au titre <h2> du HTML.
          Intertitre niveau 1          {1{texte}1}                                         Il s’agit du niveau standard d’intertitre, qui correspond au
                                       Equivaut à {{{texte}}}, code natif, qui             titre <h3> par défaut.
                                       sera de fait utilisé.
          Intertitre niveau 2          {2{texte}2}
          Intertitre niveau 3          {3{texte}3}
          Texte en petites             [*texte*]                                           Très utilisé dans les bibliographies, pour les noms de
          capitales                                                                        famille des auteurs notamment.
          Texte en exposant            [^texte^]
          Texte aligné à droite        [/texte/]
          Texte centré                 [|texte|]
          Texte encadré                [(texte)]                                           Le cadre fait la largeur de la fenêtre.
          Flèche à droite              -->
          Flèche à gauche              <--
          Double flèche                <-->


          3- Installation des nouveaux raccourcis

          A tout seigneur tout honneur, ces raccourcis ont été développés d’une part par François Schreuer dans une contribution que l’on
          peut trouver à l’URL suivant : http://www.spip-contrib.net/Nouveau... et d’autre part par Jacques Pyrat, sur sa page
          http://www.pyrat.net/Raccourcis-Typ... .

          Une ambiguïté existe entre ces deux auteurs qui proposent des fonctionnalités différentes pour un même code :

              Code            François Schreuer                              Jacques Pyrat
          [*texte*] Texte en petites capitales Mots encadrés à l’intérieur d’un paragraphe

          On peut suppose qu’à terme une harmonisation se fera, mais dire quand me paraît pour l’instant illusoire...

          Sans vouloir refaire ce qui est fait, il vaut mieux que cette installation de raccourcis typographiques — simple au demeurant —
          soit réalisée par quelqu’un qui connaisse un peu le PHP ! On peut supposer que ces nouveaux raccourcis seront un jour insérés
          (et harmonisés) dans le code SPIP pour une utilisation la plus simple possible.

          Pour la méthode d’installation, voir l’article de François Schreuer.

          [ 1 ] Ceci est un exemple de note de bas de page. Remarquez l’interactivité.
          [ attention ] Ceci est une note originale, mais ne pas abuser !




3 sur 3                                                                                                                                             08/02/2008 18:24

Contenu connexe

En vedette

Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
contactOpinionWay
 
2.primera guerra-mundial1361
2.primera guerra-mundial13612.primera guerra-mundial1361
2.primera guerra-mundial1361
Enrique L
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
camilolinares23
 
Programas radiofónicos aplicados a la educación
Programas radiofónicos aplicados a la educaciónProgramas radiofónicos aplicados a la educación
Programas radiofónicos aplicados a la educación
Paola
 
Desenclavement Et Mode De Gouvernance
Desenclavement Et Mode De GouvernanceDesenclavement Et Mode De Gouvernance
Desenclavement Et Mode De Gouvernance
Sonia Charbti
 
Revolución francesa acabado
Revolución francesa acabadoRevolución francesa acabado
Revolución francesa acabado
EquipoWebquest
 
Cocina practica mexicana no 25 los mas ricos quesos
Cocina practica mexicana no 25 los mas ricos quesosCocina practica mexicana no 25 los mas ricos quesos
Cocina practica mexicana no 25 los mas ricos quesos
klajovi
 

En vedette (20)

Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
Opinionway/Fiducial pour le Figaro et LCI - le baromètre de la Présidentielle...
 
Plein d'amour
Plein d'amourPlein d'amour
Plein d'amour
 
Social Media Fallstudie Salzkammergut (Österreich)
Social Media Fallstudie Salzkammergut (Österreich)Social Media Fallstudie Salzkammergut (Österreich)
Social Media Fallstudie Salzkammergut (Österreich)
 
2.primera guerra-mundial1361
2.primera guerra-mundial13612.primera guerra-mundial1361
2.primera guerra-mundial1361
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Trabajo tic 1
Trabajo tic 1Trabajo tic 1
Trabajo tic 1
 
Programas radiofónicos aplicados a la educación
Programas radiofónicos aplicados a la educaciónProgramas radiofónicos aplicados a la educación
Programas radiofónicos aplicados a la educación
 
F.O.D.A
F.O.D.AF.O.D.A
F.O.D.A
 
Productividad
ProductividadProductividad
Productividad
 
guiatwitter
guiatwitterguiatwitter
guiatwitter
 
Desenclavement Et Mode De Gouvernance
Desenclavement Et Mode De GouvernanceDesenclavement Et Mode De Gouvernance
Desenclavement Et Mode De Gouvernance
 
Réponse du CCBE au document de consultation du GAFI
Réponse du CCBE au document de consultation du GAFIRéponse du CCBE au document de consultation du GAFI
Réponse du CCBE au document de consultation du GAFI
 
Web2 0v02
Web2 0v02Web2 0v02
Web2 0v02
 
Presentación1
Presentación1Presentación1
Presentación1
 
Revolución francesa acabado
Revolución francesa acabadoRevolución francesa acabado
Revolución francesa acabado
 
Fascismo nazismo. Democritica.com
Fascismo nazismo. Democritica.comFascismo nazismo. Democritica.com
Fascismo nazismo. Democritica.com
 
Productividad
ProductividadProductividad
Productividad
 
Cocina practica mexicana no 25 los mas ricos quesos
Cocina practica mexicana no 25 los mas ricos quesosCocina practica mexicana no 25 los mas ricos quesos
Cocina practica mexicana no 25 los mas ricos quesos
 
Nochedebodas
NochedebodasNochedebodas
Nochedebodas
 
Handout: Entscheidungskulur - Die Umsetung von Entscheidungen beschleunigen
Handout: Entscheidungskulur - Die Umsetung von Entscheidungen beschleunigenHandout: Entscheidungskulur - Die Umsetung von Entscheidungen beschleunigen
Handout: Entscheidungskulur - Die Umsetung von Entscheidungen beschleunigen
 

Plus de Voyelle Voyelle

Support de formation pour les pages Google+
Support de formation pour les pages Google+Support de formation pour les pages Google+
Support de formation pour les pages Google+
Voyelle Voyelle
 

Plus de Voyelle Voyelle (20)

Construire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapesConstruire mon plan d'action webmarketing en 5 étapes
Construire mon plan d'action webmarketing en 5 étapes
 
Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2
 
La publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'internationalLa publicité digital pour tester son marché à l'international
La publicité digital pour tester son marché à l'international
 
Etablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’internationalEtablir une stratégie réseaux sociaux à l’international
Etablir une stratégie réseaux sociaux à l’international
 
Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...Développer l’export en qualifiant vos prospects et en les convertissant avec...
Développer l’export en qualifiant vos prospects et en les convertissant avec...
 
Essentiel medias et reseaux sociaux
Essentiel medias et reseaux sociauxEssentiel medias et reseaux sociaux
Essentiel medias et reseaux sociaux
 
Prezi community management par Pierre AVRIL
Prezi community management par Pierre AVRILPrezi community management par Pierre AVRIL
Prezi community management par Pierre AVRIL
 
Edo2016 facebook
Edo2016  facebookEdo2016  facebook
Edo2016 facebook
 
Edo2016 twitter
Edo2016  twitterEdo2016  twitter
Edo2016 twitter
 
Edo2016 démarrer son activité les outils de communication c. guezou
Edo2016  démarrer son activité les outils de communication c. guezouEdo2016  démarrer son activité les outils de communication c. guezou
Edo2016 démarrer son activité les outils de communication c. guezou
 
Comment développer la visibilité de mon commerce sur le web ?
Comment développer la visibilité de mon commerce sur le web  ?Comment développer la visibilité de mon commerce sur le web  ?
Comment développer la visibilité de mon commerce sur le web ?
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Support de formation pour les pages Google+
Support de formation pour les pages Google+Support de formation pour les pages Google+
Support de formation pour les pages Google+
 
Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ? Conférence : Et si l’avenir de mon magasin passait par Internet ?
Conférence : Et si l’avenir de mon magasin passait par Internet ?
 
Les outils pour animer votre site web
Les outils pour animer votre site webLes outils pour animer votre site web
Les outils pour animer votre site web
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 
Présentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! PipesPrésentation des modules de Yahoo! Pipes
Présentation des modules de Yahoo! Pipes
 
Mailjet
MailjetMailjet
Mailjet
 
CSS et CSS3
CSS et CSS3CSS et CSS3
CSS et CSS3
 
Formation html5
Formation html5Formation html5
Formation html5
 

Les raccourcis typographiques de spip

  • 1. Les raccourcis typographiques de SPIP file:///C:/Users/erwan/Desktop/spip.php.htm Les raccourcis typographiques de SPIP 1- Les raccourcis "natifs" SPIP est basé sur un éditeur en mode texte si bien qu’on ne peut simplement recopier une page écrite sous Word dans une fenêtre d’édition SPIP. Pour créer un texte en gras, en italique, pour faire une note de bas de page, il faut passer par des artifices appelés raccourcis typographiques, assez simples à mémoriser. Nativement SPIP est fourni avec un jeu de raccourcis typographiques que l’on peut retrouver dans le document (de © Philippe Allart) joint. On peut en faire le tour rapidement, surtout que le document est un peu simplificateur parfois. Fonctionnalités Méthodes Commentaires Intertitre {{{Le titre}}} Le texte entre triples accolades est affiché comme un titre. Nous verrons au §2 qu’il y a possibilité d’augmenter les possibilités de titres et d’intertitres. Changement de Introduire une ligne vide Ne pas confondre avec ce qui suit ! paragraphe Aller à la ligne _ texte Il suffit de passer à la ligne et de commencer la suivante par un blanc souligné et un espace. Cette ligne-ci est séparée de la précédente par seulement un retour à la ligne et un blanc souligné suivi d’un espace en début de ligne. Caractères gras {{texte en gras}} Le texte entre double accolades apparaitra en gras, comme ceci. Caractères en {texte en italiques} Le texte entre simples accolades est affiché en italique. italique Astuce : pour avoir du texte en gras et en italique, mettre trois accolades en insérant une espace (pour faire 1+2), et en respectant la symétrie. Ex : { {{ texte en gras et en italique }} } donne texte en gras et en italique . Attention ne pas mélanger avec les titres, voici un exemple de ce qu’il ne faut pas faire : {{{ {{texte}} }}} ! Puce de début de - premier élement Afichage : ligne - deuxième élément premier élément - troisième élément deuxième élément troisième élément Attention, ce n’est pas une liste à puce, juste un enjolivement typographique qui appelle la puce par défaut. On ne peut pas les indenter. Liste à puces -* premier élément Le petit trait/astérisque sera automatiquement remplacé par une puce, -* deuxième élement telles qu’elle est définie dans la charte graphique. -* etc... Affichage : premier élement deuxième élément ... etc... Listes indentées -* niveau 1 Affichage : -** niveau 2 -*** niveau 3 niveau 1 -** niveau 2 niveau 2 niveau 3 niveau 2 Listes numérotées -# niveau 1 Affichage : -## niveau 2 -## niveau 2 1. niveau 1 -### niveau 3 1. niveau 2 -# niveau 1 2. niveau 2 1. niveau 3 2. niveau 1" Trait de ---- Entrer une ligne contenant au moins quatre petits tirets. séparation Lien hypertexte [texte->URL] Mettre le texte et l’URL entre crochets, séparés par une flèche. Le texte vers un site web ou [->URL] devient une zone cliquable, et renverra le lecteur sur la page web indiquée par « URL ». Ex : [Eklesia.net->http://www.eklesia.net/] donne Eklesia.net . Le code [->URL] permet d’afficher l’URL seul, et de le rendre cliquable. Ex : Le code [->http://www.eklesia.net/] donne 1 sur 3 08/02/2008 18:24
  • 2. Les raccourcis typographiques de SPIP file:///C:/Users/erwan/Desktop/spip.php.htm Fonctionnalités Méthodes Commentaires http://www.eklesia.net/ Lien hypertexte [texte->xxx] ou Où xxx est le numéro de l’article. Pour renvoyer vers un article du site, il vers un article [texte->artxxx] suffit de donner son numéro. Par exemple, l’article 80 est l’annonce des Rencontres 2005 à Chartes : [Rencontres Chartes 2005->80] ou aussi [Rencontres Chartes 2005->art80]. Cela donne Rencontres Chartes 2005 Lien hypertexte [texte->rubxxx] Où xxx est le numéro de la rubrique. vers une rubrique Ex : [Comment faire : SPIP->rub9] donne Comment faire : SPIP Lien hypertexte [texte->brxxx] Où xxx est le numéro de la brève. vers une brève Ex : [La liste "Débutants"->br10] donne La liste "Débutants" Note concernant Si les liens pointent vers des articles, des rubriques ou des brèves du site, les liens ceux-ci ont naturellement un titre et il n’y a pas besoin de le répéter, le hypertextes titre réel sera pris d’office. Quelques exemples : Le code [->art80] donnera Le code [->rub9] donnera SPIP Le code [->br10] donnera Une nouvelle liste pour les "débutants" Note de bas de [[texte de la note]] Le texte entre doubles crochets droits apparaîtra en bas de la page, doit page automatique ête placé au niveau de l’appel de note, dans le texte, et sera remplacé par un numéro généré automatiquement [ 1 ]. Note de bas de [[<x>texte de la note]] Le texte entre doubles crochets apparaîtra en bas de page, et sera page numérotée remplacé par le numéro x (ou le texte) indiqué entre « < > ». En voici un exemple [ attention ]. Sans le texte, on peut pointer sur une note déjà existante [ 1 ]. Faire un tableau |{{aaa}}|{{bbb}}|{{ccc}}| Pour faire un tableau simple il suffit de séparer les colonnes par la barre simple (tableau |ddd|eee|fff| verticale. Une donnée nulle s’écrit de préférence avec le code &nbsp;. par défaut) |xxx|yyy|zzz| Cette méthode autorise uniquement des cellules d’une seule ligne. Pour faire des tableaux plus complexes, utiliser le langage HTML. Ce type de tableau est défini dans les feuilles de style. Un exemple de tableau est celui de cette page-ci donnant la liste des raccourcis typographiques. Les entrées de la première ligne peuvent être en gras, SPIP identifie ainsi qu’il s’agit d’une ligne d’entête, et lui attribue une présentation différente des autres lignes (fond de couleur différente). La présence d’une telle ligne n’est pas obligatoire. On peut laisser des cellules de tableau vides. Attention aussi à toujours avoir une ligne blanche AVANT et APRES le tableau et ne pas avoir d’espace après le dernier | de la ligne ! Insérer une image <imgxxx> L’image doit avoir été précédemment téléchargée sur le site par la <imgxxx|center> fonction « télécharger une nouvelle image » dans la colonne de gauche <imgxxx|left> affichée quand on rédige un article. <imgxxx|right> Le système indique alors sous quel numéro l’image est disponible (ici xxx), et c’est ce nom qui doit être utilisé. Trois commandes sont disponibles, selon qu’on veut voir l’image à gauche (left), au centre (center) ou à droite (right). L’écriture <imgxx> permet d’insérer une image comme une icône dans une phrase par exemple. 2- Autres raccourcis Une première série de raccourcis est également disponible depuis peu : Fonctionnalités Méthodes Commentaires Tiret semi quadratin -- Ce type de tiret remplace avantageusement le tiret standard en début de dialogue par exemple. Il s’affiche comme un tiret un peu plus long que le tiret standard. Signet dans un [#signet<-] Ce lien pourra être atteint à partir d’un lien hypertexte qui aura la forme document suivante. Ce type de signet est utilisé à l’intérieur soit d’une page web, soit à l’intérieur d’un même site web. Un exemple : en haut de ce document a été placé un signet "haut" écrit comme ceci [#haut<-]. Lien vers ce signet [texte->#signet] Sert à faire un lien sur un signet tel que celle ci-dessus. Exemple : cliquer sur ce signet ramène le curseur en haut du texte. Le code est [signet->#haut]. 2 sur 3 08/02/2008 18:24
  • 3. Les raccourcis typographiques de SPIP file:///C:/Users/erwan/Desktop/spip.php.htm Fonctionnalités Méthodes Commentaires Ecrire du code dans <code>Texte</code> un texte Citation <quote>texte... bla... Le texte paraîtra soit encadré ou pas (selon la feuille de style) bla... </quote> D’autres raccourcis ont été développés mais pas encore intégrés dans SPIP. Pourtant ils fonctionnent. Nous les présentons dès maintenant, mais attention, comme ils ne sont pas natifs, il y a une procédure d’installation à suivre, qui fera l’objet du troisième paragraphe. Ils ne fonctionnent pas sans cette installation. Fonctionnalités Méthodes Commentaires Intertitre niveau 0 {0{texte}0} Equivalent au titre <h2> du HTML. Intertitre niveau 1 {1{texte}1} Il s’agit du niveau standard d’intertitre, qui correspond au Equivaut à {{{texte}}}, code natif, qui titre <h3> par défaut. sera de fait utilisé. Intertitre niveau 2 {2{texte}2} Intertitre niveau 3 {3{texte}3} Texte en petites [*texte*] Très utilisé dans les bibliographies, pour les noms de capitales famille des auteurs notamment. Texte en exposant [^texte^] Texte aligné à droite [/texte/] Texte centré [|texte|] Texte encadré [(texte)] Le cadre fait la largeur de la fenêtre. Flèche à droite --> Flèche à gauche <-- Double flèche <--> 3- Installation des nouveaux raccourcis A tout seigneur tout honneur, ces raccourcis ont été développés d’une part par François Schreuer dans une contribution que l’on peut trouver à l’URL suivant : http://www.spip-contrib.net/Nouveau... et d’autre part par Jacques Pyrat, sur sa page http://www.pyrat.net/Raccourcis-Typ... . Une ambiguïté existe entre ces deux auteurs qui proposent des fonctionnalités différentes pour un même code : Code François Schreuer Jacques Pyrat [*texte*] Texte en petites capitales Mots encadrés à l’intérieur d’un paragraphe On peut suppose qu’à terme une harmonisation se fera, mais dire quand me paraît pour l’instant illusoire... Sans vouloir refaire ce qui est fait, il vaut mieux que cette installation de raccourcis typographiques — simple au demeurant — soit réalisée par quelqu’un qui connaisse un peu le PHP ! On peut supposer que ces nouveaux raccourcis seront un jour insérés (et harmonisés) dans le code SPIP pour une utilisation la plus simple possible. Pour la méthode d’installation, voir l’article de François Schreuer. [ 1 ] Ceci est un exemple de note de bas de page. Remarquez l’interactivité. [ attention ] Ceci est une note originale, mais ne pas abuser ! 3 sur 3 08/02/2008 18:24