Annexe 1 : Les raccourcis typographiques de SPIP Plugins utilisés sur les sites mutualisés du diocèse : Enluminures typographiques : 3.3.2 Griseus : 0.1.1 Porte-plume partout : 1.0.5 Comme dans un traitement de texte, il existe de nombreux raccourcis typographiques dans SPIP pour mettre du texte en gras, en italique, créer des liens Le but de cette annexe est de les rappeler. La barre de raccourcis typographiques est disponible pour les champs : Descriptif rapide, Chapeau, Texte, Post-Scriptum Contrairement à Word ou OpenOffice par exemple, l interface de SPIP est en mode texte et non en mode graphique WYSIWYG 1 : cela veut dire qu un mot en gras ne sera pas vu gras comme dans un traitement de texte, mais il sera vu encadré de signes qui indiqueront à SPIP que ce morceau de texte est en gras. L avantage est qu on peut «manipuler» ces raccourcis à la main : 1 : Mot en gras et mot en italique dans un traitement de texte. 2 : Mot en {{gras}} et mot en {italique} dans la fenêtre de correction de SPIP. Ces deux mots «gras» et «italique», codés selon SPIP de la façon 2, seront vus de la façon 1 sur le site publique. Une règle : Pour des raisons d accessibilité, pour les paragraphes : utiliser les raccourcis officiels ne pas les mélanger avec d autres Barre de raccourcis typographiques (repliée) Icône de la barre des raccourcis Effet mise en page Raccourcis typographique Observations Transformer en intertitre. {{{ }}} Ne pas utiliser en doublon avec un autre raccourci, par exemple du gras : {{{ {{ }} }}} 1 WYSIWYG : What you see is what you get, Ce que vous voyez est ce que vous faites ; prononcer «ouiziouig». Page 1 sur 5
2 e niveau 3 e niveau 4 e niveau 5 e niveau Aligner à droite le paragraphe. Encadrer le paragraphe. {{{** }}} anciennement :{2{ }2} {{{*** }}} Anciennement : {3{ }3} {{{**** }}} anciennement : {4{ }4} {{{***** }}} Anciennement : {5{ }5} De la même façon on a un niveau 4 et un niveau 5, sans icônes dans la barre. À écrire à la main, assez peu utilisés. [/ /] «Aligner à gauche» n existe pas puisque c est réalisé par défaut. [( )] Placer dans une zone de saisie de texte mise en page <cadre> </cadre> Gras Mettre le texte en évidence (1 ère couleur) Mettre le texte en évidence (2 e couleur) Barrer le texte Mettre le texte en exposant Mettre le texte en indice Mettre en forme un code informatique ou du code SPIP. Italique {{ }} [* *] [** *] <del> </del> <sup> </sup> <sub> </sub> <code> </code> { } Le code placé entre les balises ne sera pas interprété. Gras et italique { {{ }} } ou {{ { } }}, il faut appliquer les deux styles. Attention à l espace pour séparer les styles! Petites capitales <sc> </sc> Ne sert a priori qu en bibliographie pour les noms propres. Ne pas utiliser pour les intertitres. liste Mettre en liste - ou -* On peut aussi seulement utiliser * 2 e niveau : -** 3 e niveau : -*** Etc. Mettre en liste numérotée -# 2 e niveau : -## 3 e niveau : -### Etc. Désindenter une liste Ex : -** devient -* Page 2 sur 5
Indenter une liste Ex : -* devient -** Transformer en lien hypertexte Transformer en note de bas de page. Insérer ou modifier un tableau (le sélectionner avant la modification). Citer un message, un texte. Affiche une autre icône de mise en page. Affiche un texte comme une poésie. Entourer de guillemets de 1 er niveau Permet d accéder aux guillemets de 2 e niveau Quand le texte à entourer est déjà entouré de guillemets de 1 er niveau. Insérer des caractères spécifiques [Titre du lien-> lien] Ou [->lien] Texte [[texte de la note]] <quote> </quote> (une phrase) ou <quote> </quote> pour un paragraphe. <poesie> </poesie> " " Le lien peut être un site web (http:// ou www.) ou un courriel (le @ est détecté automatiquement). Le texte de la note doit être inséré au niveau de l appel de note. La numérotation est automatique. On peut forcer un numéro avec l'écriture[[<x>bla bla.]], x étant le numéro forcé. Passer à la ligne après le 1 er quote si on veut que la citation soit détachée du texte courant.. «Il leur dit : "Voici ce que je vais faire", et il leur expliqua.» Passer en majuscules le texte sélectionné Passer en minuscules le texte sélectionné Génère un paragraphe de faux texte pour tester la mise en page. Permet d accéder à une fonction supplémentaire de «lorem ipsum» Génère trois paragraphes de faux texte pour tester la mise en page. Utiliser un outil du «couteau suisse» abcdef devient ABCDEF ABCDEF devient abcdef Lorem ipsum dolor sit amet, consectetuer adipiscing Lorem ipsum dolor sit amet, consectetuer adipiscing Texte dit «lorem ipsum» Page 3 sur 5
Insère un séparateur de page ou d onglet. Placer un système d onglets ++++ Une pagination automatique se met en place pour atteindre les pages. <onglets> Titre 1 Permet de paginer un article trop long. Placer un bloc replié Placer un bloc déplié ++++Titre 2 ++++Titre 3 </onglets> <bloc>un titre Placez votre texte ici </bloc> <visible>un titre Le texte sera visible quand on cliquera sur «Un titre» (à changer) Le texte sera caché quand on cliquera sur «Un titre» (à changer) Placez votre texte ici </visible> Affiche une puce téléphone :tel «Chatons», à placer Affiche une puce fax :fax Affiche une puce site web :web Affiche une puce mobile :mobile Affiche une puce Facebook :facebook Affiche une puce Twitter :twitter Affiche une puce suite :suite Affiche une puce retour :retour «Smileys» Surtout utilisés dans les forums Mettre en forme un code <code> </code> informatique ou du code SPIP. Permet aussi d accéder au raccourci <cadre>, voir plus haut. Ligne de séparation (4 tirets contigus) devant un numéro de téléphone, fax, site web, téléphone mobile... Ne pas oublier les deux points. Le code placé entre les balises ne sera pas interprété. ---- Affiche une ligne de séparation continue sur la largeur de la page. Espace insécable ~ Alt Gr 2 + espace. Même utilité que dans Word par exemple. Pas d icone Accès à Wikipédia [?mot] Ouverture automatique de l entrée Wikipédia sur le mot choisi. Essayer avec [? Dieu]. Pas d icone Infobulle [CEF Conférence des évêques de Le terme de droite s affiche France] en infobulle. Ne pas oublier la barre verticale (Alt Gr 6) Insertion d une image <imgxxx left> L image n xxx est insérer à Page 4 sur 5
<imgxxx center> <imgxxx right> Pas d icone Insertion d un document <docxxx left> <docxxx center> <docxxx right> Pas d icone Insertion d un document vidéo ou audio <docxxx player> gauche, au centre ou à droite selon le filtre. S il ya un titre, il apparaît en infobulle. Seuls formats possibles : JPEG, GIF, PNG Un document peut être une image (le titre apparaîtra alors sous l image ellemême) ou bien un document Word, Excel, etc. Permet l utilisation automatique d un «player», un outil d écoute ou de visualisation. Page 5 sur 5