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'histoire d'une vie, quelle qu'elle soit, est l'histoire d'un échec. Le coefficient d'adversité des choses est tel qu'il faut des années de patience pour obtenir le plus infime résultat.  (Jean-Paul Sartre )
La réflexion du jour
L'agacement est souvent dû à la difficulté de supporter les incompréhensions des autres.
Activités
geek - cycliste - généalogiste - Savoir - lecteur - collectionneur - Philosophe - citoyen - marcheur - scripteur - Photographe - instituteur - enseignant en sciences - enseignant formateur - journaliste local - bénévole
Les mots clés
doc TIC * SPIP * Wikipedia * web & internet * Php * OVH * informatique * Sql * Wamp * Qwant * Firefox * LibreOffice * Thunderbird * FOAD * Buttercup * Mastodon * PeerTube * Chatons * OpenStreetMap * IrfanView * E-learning
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   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
    <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" ou "rubrique=XXX.html" 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 presque identique au squelette rubrique-XXX.html : 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.

Brèves
19 octobre – Correction des erreurs d’encodage terminée...

... peut-être !
La probabilité que l’encodage se soit emmêlé les pinceaux vient probablement d’une mise à jour de l’ensemble php/Mysql mais également, (...)

1er juin – Les "bizarreries" continuent...

Déjà un mois que je me bagarre avec elles ! Le progrès principal est la probable identification. Il s’agit des mises à jour Apache, MySql, PHP, qui (...)

1er mai – Bizarrerie sur mon site

Depuis que le site a été restauré, il semblerait qu’il y ait eu un bug lors de la restauration, bug ne concernant que certaines informations (dont, (...)