logo article ou rubrique
Pense-bête Spip
Article mis en ligne le 26 juin 2019

A force d’utiliser Escal on en oublie qu’il y a SPIP derrière

Récupérer un plugin via le terminal

svn checkout svn://zone.spip.org/spip-zone/_plugins_/mes_fichiers/

Récupéré un plugin sur GIT

GitHub : $ git clone https://github.com/ Hebergeur /ban

Ouvrir une boite pour afficher un article

Description

Tutoriels

Déplacer les article en masse d’une rubrique A vers une rubrique B

UPDATE spip_articles SET id_rubrique=B where id_rubrique=A

Ils se trouvent dans le dossier squelettes-dist/ de SPIP

Nom du fichier Rôle du fichier
404.html Page d’erreur 404 : « non trouvé »
agenda.html Agenda du site (articles placés par date de publication)
agenda_jour.html Agenda : détail du jour
agenda_mois.html Agenda : détail du mois
agenda_periode.html Agenda : détail sur une période
agenda_semaine.html Agenda : détail de la semaine
article.html Pour l’affichage d’un article particulier du site
auteur.html Pour l’affichage d’un auteur particulier du site
backend-breves.html Fichier générant le RSS des brèves
backend.html Fichier générant le RSS des articles
breve.html Pour l’affichage d’une brève particulière du site
distrib.html Fichier générant un pseudo RSS des articles sous forme d’un javascript
forum.html Permet de poster un message dans un forum du site
ical.html Permet de synchroniser un agenda local avec les articles du site (format iCal)
login.html Page de login du site
mot.html Pour l’affichage d’un mot clef particulier du site
nouveautes.html Pour le mail des nouveautés du site
plan.html Le plan du site
recherche.html Le résultat d’une recherche sur le site
resume.html Le résumé du site (articles les plus populaires)
rubrique.html Pour l’affichage d’une rubrique particulière du site
site.html Pour l’affichage d’un site référencé particulier du site
sommaire.html La page d’accueil du site

Les Ancres

Concrètement, cela permet à un auteur de créer une ancre dans un article avec un raccourci typographique :
[nomdelancre<-]
pour pouvoir ensuite créer un lien cliquable vers cette ancre dans la page (et permettre au lecteur d’aller directement à cet endroit de la page, comme pour les notes) avec un lien spip vers #nomdelancre :
[aller directement voir l'ancre->#nomdelancre]

1. Aller du mot vers sa définition

Mot à définir par une note de bas de page.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat blandit nisl, a ornare magna egestas vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non mauris eu purus laoreet vehicula in nec dui. Nullam malesuada feugiat gravida. In vestibulum elit eget elit vulputate, nec sagittis leo porta. Maecenas non pretium sapien. Morbi malesuada lacus eu venenatis blandit. Phasellus sit amet ultricies elit, ac iaculis ex. Curabitur posuere felis et metus rutrum, sed pulvinar metus eleifend. Nunc et purus lectus. Proin consectetur mattis risus, id tincidunt nunc auctor non. Duis porttitor justo venenatis nisi vestibulum, eu maximus elit lobortis. Praesent vestibulum maximus lorem nec laoreet. Integer cursus justo ac augue pretium, ac euismod tellus hendrerit. Donec nisl urna, accumsan sit amet leo sit amet, dictum scelerisque felis.

Note : explication du mot
Aliquam vel hendrerit nisl, quis pretium nulla. Phasellus vitae lectus tellus. Curabitur tellus est, sagittis tempus felis quis, tincidunt posuere massa. Suspendisse nisi neque, ornare eget varius nec, rhoncus ac nulla. Praesent non suscipit velit. Vestibulum vulputate sem elit, a laoreet urna mollis vitae. Cras sed massa libero. Cras venenatis commodo metus auctor rutrum. Vivamus sed nisl vitae elit laoreet pharetra. Cras sit amet viverra urna. Nam ac ante sit amet lacus posuere sollicitudin eu sit amet ante. Nulla et magna augue. In facilisis malesuada urna, ut fringilla dolor pharetra sit amet. Proin rhoncus, mauris volutpat ultricies condimentum, justo justo posuere nunc, non luctus lectus orci a ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.


Le titre avec lien cliquable
"[bleu marine]Mot
bleu marine] à définir par une note de bas de page."
est construit ainsi :

{{[Mot->#1] à définir par une note de bas de page.}}
On crée [rouge]le lien cliquable vers l’ancre 1[/rouge] : [...->#1]


Le code de ce lien cliquable [...->...] respecte la syntaxe générale de SPIP utilisée pour naviguer :

  • à l’intérieur d’un site :
    • [Aller à l'article 25->art25]
  • vers un site externe :
    • [Cliquer pour aller visiter le site www.abd.fr->https://abd.fr]

Il est composé de 2 parties : [expression->destination]

  1. l’[bleu]expression[/bleu] sur laquelle on clique
    • [expression : crochet ouvrant [ avant l’[bleu]expression[/bleu].
  2. la [vert]destination[/vert]
    • ->destination] : pointeur -> avant la [vert]destination[/vert] et crochet fermant ].

Dans le langage de SPIP (et html) une ancre est désignée par le symbole #.

  • La destination sera donc codée :
    • ->#destination]

Et le code de l’ancre attachée à "Note : explication du mot"

{{[1<-] Note : explication du mot}}
On crée l’[rouge]ancre 1[/rouge] : [1<-]

  • Nom de l’ancre [1
    • crochet ouvrant [ suivi du nom 1
  • Création de l’ancre <-]
    • pointeur inverse <- et crochet fermant ]

2. Remonter de la note de bas de page vers le mot à définir

Mot à définir par une note de bas de page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat blandit nisl, a ornare magna egestas vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non mauris eu purus laoreet vehicula in nec dui. Nullam malesuada feugiat gravida. In vestibulum elit eget elit vulputate, nec sagittis leo porta. Maecenas non pretium sapien. Morbi malesuada lacus eu venenatis blandit. Phasellus sit amet ultricies elit, ac iaculis ex. Curabitur posuere felis et metus rutrum, sed pulvinar metus eleifend. Nunc et purus lectus. Proin consectetur mattis risus, id tincidunt nunc auctor non. Duis porttitor justo venenatis nisi vestibulum, eu maximus elit lobortis. Praesent vestibulum maximus lorem nec laoreet. Integer cursus justo ac augue pretium, ac euismod tellus hendrerit. Donec nisl urna, accumsan sit amet leo sit amet, dictum scelerisque felis.

[rouge][/rouge] Note : explication du mot.
Aliquam vel hendrerit nisl, quis pretium nulla. Phasellus vitae lectus tellus. Curabitur tellus est, sagittis tempus felis quis, tincidunt posuere massa. Suspendisse nisi neque, ornare eget varius nec, rhoncus ac nulla. Praesent non suscipit velit. Vestibulum vulputate sem elit, a laoreet urna mollis vitae. Cras sed massa libero. Cras venenatis commodo metus auctor rutrum. Vivamus sed nisl vitae elit laoreet pharetra. Cras sit amet viverra urna. Nam ac ante sit amet lacus posuere sollicitudin eu sit amet ante. Nulla et magna augue. In facilisis malesuada urna, ut fringilla dolor pharetra sit amet. Proin rhoncus, mauris volutpat ultricies condimentum, justo justo posuere nunc, non luctus lectus orci a ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.


Dans ce 2° exemple, on inverse simplement la place de l’ancre (en haut) et du lien cliquable en bas).

L’ancre [2<-] placée après (ou avant) le Mot du titre : "Mot [2<-] à définir", sert à remonter de la Note vers lui.

Le lien de l’ancre se définit par [&uarr;->#2] devant le mot Note
C’est sur lui qu’on clique pour remonter dans le texte.




NB : la flèche vers le haut [rouge][/rouge] s’obtient par le caractère spécial &uarr;, teinté en rouge pour une plus grande visibilité. (Voir ci-dessous le sens de &uarr;)

3. Note et retour au mot défini

On mélange les 2 systèmes

Mot à définir par une note de bas de page.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat blandit nisl, a ornare magna egestas vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam non mauris eu purus laoreet vehicula in nec dui. Nullam malesuada feugiat gravida. In vestibulum elit eget elit vulputate, nec sagittis leo porta. Maecenas non pretium sapien. Morbi malesuada lacus eu venenatis blandit. Phasellus sit amet ultricies elit, ac iaculis ex. Curabitur posuere felis et metus rutrum, sed pulvinar metus eleifend. Nunc et purus lectus. Proin consectetur mattis risus, id tincidunt nunc auctor non. Duis porttitor justo venenatis nisi vestibulum, eu maximus elit lobortis. Praesent vestibulum maximus lorem nec laoreet. Integer cursus justo ac augue pretium, ac euismod tellus hendrerit. Donec nisl urna, accumsan sit amet leo sit amet, dictum scelerisque felis.

[rouge][/rouge] Note : explication du mot.
Aliquam vel hendrerit nisl, quis pretium nulla. Phasellus vitae lectus tellus. Curabitur tellus est, sagittis tempus felis quis, tincidunt posuere massa. Suspendisse nisi neque, ornare eget varius nec, rhoncus ac nulla. Praesent non suscipit velit. Vestibulum vulputate sem elit, a laoreet urna mollis vitae. Cras sed massa libero. Cras venenatis commodo metus auctor rutrum. Vivamus sed nisl vitae elit laoreet pharetra. Cras sit amet viverra urna. Nam ac ante sit amet lacus posuere sollicitudin eu sit amet ante. Nulla et magna augue. In facilisis malesuada urna, ut fringilla dolor pharetra sit amet. Proin rhoncus, mauris volutpat ultricies condimentum, justo justo posuere nunc, non luctus lectus orci a ligula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.



On a les 2 systèmes mélangés :
  1. En haut, pour Mot : {{[Mot->#4][3<-] à définir par une note de bas de page.}}
    • On crée à la fois l’[vert fonce]ancre 3[/vert fonce][3<-]
    • et le lien [orange]cliquable 4[/orange] [Mot->#4]
  1. En bas, depuis la Note : {{[4<-] [&uarr;->#3] Note : explication du mot.}}
    • inversement l’[orange]ancre 4[/orange] [4<-]
    • et le [vert fonce]lien cliquable 3[/vert fonce] [&uarr;->#3]


Mémoriser le code du caractère spécial [rouge]&[/rouge][bleu]u[/bleu][vert]arr[/vert][rouge] ;[/rouge] &uarr;
Il se décompose en 4 parties : [rouge]&[/rouge] - [bleu]u[/bleu] - [vert]arr[/vert] - [rouge] ;[/rouge]
  • [rouge]&[/rouge] et [rouge] ;[/rouge] délimitent le début et la fin d’un caractère spécial.
  • [bleu]u[/bleu] pour UP (en haut, en anglais)
  • [vert]arr[/vert] pour ARROW (flèche, en anglais)
  • uarr = Up Arrow : c’est bien une flèche, pointe en haut !

    Si comme ici, vous voulez [rouge][/rouge] au lieu de [bleu][/bleu], le code est &u[rouge]A[/rouge]rr; : juste un A majuscule et le tour est joué !



    [/Sandy


    « Il n’y a pas de problème, il n’y a que des solutions sur SpipFactory »
    puceMentions légales puce

    2017-2019 © SpipFactory.fr - Tous droits réservés
    Haut de page
    Réalisé sous SPIP
    Habillage ESCAL 4.3.2
    Soutenir par un don