Technologie de l'information et de la communication
Un peu geek mais surtout un dinosaure, de ceux qui ont soudé les composants de leur première machine, flashé la mémoire et publié dans Hebdogiciel.
La citation du jour
L'art se situe dans l'intervalle, mince comme la peau, qui sépare la vérité du mensonge.  (Monzaemon Chikamatsu )
La réflexion du jour
Le véhicule est à ce point devenu indispensable qu'une simple panne crée une tempête dans l'agenda de son utilisateur.
Activités
bénévole - geek - cycliste (cyclotouriste) - généalogiste - photographe - collectionneur - écrivain - enseignant - Diverses informations
Les mots clés
doc TIC * courriels * réseaux sociaux * chats * navigateurs * web & internet * informatique * Formation à distance * Chatons * E-learning * Logiciel libre * vidéoconférence * Sécurité * courrielleurs * fil d’informations * messagerie instantanée
Lorand

Site personnel de Roland Bouat. Pour les curieux : Lorand est un anagramme de Roland.

Un carnet d’informations sous Spip

Mots clés : geek , SPIP

vendredi 7 août 2020 , par Roland


Qwant ferme. J’aimais bien... Il est trop fréquent que lorsque j’aime une application, elle disparaît ! Mon site sous Spip SPIP Système de Publication Pour l’Internet (CMS utilisé pour le présent site). Voir Wiipedia SPIP existe depuis 2004 : il est donc stable (sic). Et si je créais un carnet d’informations ? Histoire de répertorier les pages lues sur la toile.

Le carnet est une rubrique. Les "pages" du carnet (les liens en fait) sont des articles (une page/lien par article. La rubrique s’affiche comme un blog en récupérant le titre, le texte de présentation, le lien et l’image de l’article.

La liste des champs utilisés :

  • le champ "Titre" de l’article est le titre tel qu’il est trouvé sur la toile ;
  • le champ "Chapeau" contient un extrait significatif (fréquemment l’introduction) ou un texte de présentation éventuellement ;
  • le champ URL du "Lien hypertexte" contient le lien vers l’article original (débarrassé des éventuelles "scories") ;
  • le champ "Texte" contient seulement le lien vers une image d’illustration, image généralement sélectionnée dans l’article original : le fichier image n’est pas téléchargé sur le site mais c’est celui de l’article original en utilisant une insertion de html HTML HyperText Markup Language (langage de balisage qui permet d’écrire de l’hypertexte)
    <img src="URL complète" />

    . Attention, tout le contenu du champ texte sera affiché : il est conseillé de limiter ce contenu à l’illustration.

A l’affichage, le titre, le texte de présentation (chapeau) et l’image sont cliquables (utilisation du lien.

Les autres champs ne sont pas utilisés dans l’affichage public si ce n’est la date de publication pour afficher la date de lecture de l’article (sous le bloc cliquable). Ces champs restent toutefois disponibles.

le squelette rubrique spécifique au carnet

La rubrique s’affiche comme un blog. Au survol du bloc contenant le titre, la présentation et l’illustration devient cliquable et permet d’accéder directement à l’article original (donc pas de comptabilisation de lecture des articles de la rubrique par article).

C’est un squelette de type "rubrique". Il doit donc s’appeler impérativement "rubrique-XXX.html HTML HyperText Markup Language (langage de balisage qui permet d’écrire de l’hypertexte) " ou "rubrique=XXX.html HTML HyperText Markup Language (langage de balisage qui permet d’écrire de l’hypertexte) " dans le quel XXX est le numéro de la rubrique.

Le squelette est donc celui d’une rubrique dans laquelle la partie principale (c’est souvent la liste des articles) est remplacée par le code suivant :

<!-- partie centrale (principale) -->
[(#REM) Contenu principal : contenu de la rubrique ]
<div class="wrapper">
	<div class="content" id="content">
 
		<div class="cartouche">
			<div class="#EDIT{titre} titrecentre">
				[(#LOGO_RUBRIQUE|image_reduire{40,*}) ]#TITRE
			</div>
		</div>
 
		[<div class="#EDIT{texte} textecentre surlignable">(#DESCRIPTIF)</div>]
			[<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{672,*})
		</div>]
 
		<hr />
[(#REM) affiche les sous-rubriques  au cas où il y en aurait...]
		[(#ID_SECTEUR|!={#ID_RUBRIQUE}|oui)<INCLURE{fond=inclure/navrubspe, numrubrique=#ID_RUBRIQUE}>]
 
[(#REM) Articles de la rubrique ]
		<BOUCLE_articles(ARTICLES) {id_rubrique} {!par date}>
			<a href="#URL_SITE" class="hyperlien110">
				<h3>#TITRE</h3>
 
				[(#TEXTE|image_reduire{500,*})]
				[(#CHAPO|image_reduire{500,*})]
			</a>
			Lien publié le [(#DATE|affdate_jourcourt)]
			<hr />
		</BOUCLE_articles>
	</div>
</div>

Ce squelette fait appel au squelette à inclure"navrubspe" pour afficher les éventuelles sous-rubriques. Nota : il peut lui aussi être inclus.

Il est fait appel à une classe du fichier css : "hyperlien110". Le contenu de cete classe doit être adaptée au site :

.hyperlien110 { display: block; padding: 1.5em 50px; background-color:#f1ffd8;}

Et les articles ?

Si l’appel à un article est toutefois effectué à travers la page d’accueil par exemple, il sera affiché comme un article normal. Ce comportement peut être évité en créant un squelette article-XXX.html HTML HyperText Markup Language (langage de balisage qui permet d’écrire de l’hypertexte) presque identique au squelette rubrique-XXX.html HTML HyperText Markup Language (langage de balisage qui permet d’écrire de l’hypertexte)  : la seule différence sera le forçage de la boucle rubrique vers la XXX. <BOUCLE_principale(RUBRIQUES) {id_rubrique=110}> Dans ce cas, l’affichage de l’article sera identique à l’affichage de la rubrique même si l’URL affiché est basé sur "article".

Accès aux commentaires

Pour commenter le carnet, le choix a été fait de proposer dans la colonne de droite de la rubrique le formulaire du forum. Si la page est appelée par l’un des articles, les commentaires ne sont pas proposés.

Quelques exemples d’utilisation

(Site personnel)


Création : 07/08/2020 - MAJ : 10/08/2020


Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?

Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.