Carnet Wiki

Voir et modifier un article en pleine page

Version 3 — Avril 2019 naema

Cette petite contrib’ vise à améliorer l’ergonomie de l’affichage des articles (en lecture et en modification) sans ajout de plugin ni surcharge de fichier de la dist.

Au fur et à mesure de la création et du développement de son site, on se retrouve avec plusieurs dizaines de plugins qui implémentent chacun (ou presque) une zone de formulaire supplémentaire dans la page d’un article - la page devient rapidement très chargée voire saturée, et on finit par avoir du mal à accéder au cœur de l’article, c’est-à-dire le texte ! Et même si on installe un plugin pour agrandir la largeur de page, cela ne suffit pas toujours.

Pour y remédier, on profite du fait que la « dist » ne fournit pas de fichier pour la zone « top » de l’article. On va donc créer une zone « top » et simplement y mettre deux onglets, l’un ne faisant rien, l’autre dirigeant vers un modèle d’article en pleine page. Ainsi, on garde toujours l’aspect natif (« dist ») et on pourra modifier son modèle de page « pleine page » comme on le souhaite par la suite.

Créer donc le dossier : squelettes/prive/squelettes/top s’il n’existe pas. Créer le fichier article.html dans ce dossier, avec le contenu ci-dessous :

[(#REM) Chemin: squelettes/prive/squelettes/top/ ]
#FILTRE{compacte_head}
<!--#top-->


<div style="margin-left:auto;">
<div class="onglets_simple clearfix">
	<ul>
		<li>[(#SELF|parametre_url{display,''}|lien_ou_expose{<:pleinepage:info_afficher_article_complet:>,&#91;(#ENV{display,''}|non <li>[(#SELF|parametre_url{display,''}|lien_ou_expose{<:info_afficher_article_complet:>,&#91;(#ENV{display,''}|non )],ajax})]</li>
		<li>&#91;(#URL_ECRIRE{article-brut}|parametre_url{id_article,#ENV{id_article}}|lien_ou_expose{<:pleinepage:info_afficher_article_texte:>,#ENV{article-brut},env  ajax,&lt;:pleinepage:pleine_page <li>&#91;(#URL_ECRIRE{article-brut}|parametre_url{id_article,#ENV{id_article}}|lien_ou_expose{<:info_afficher_article_texte:>,#ENV{article-brut},env  ajax,&lt;:pleine_page :>})]</li>
	</ul>
</div>
</div>
[(#ENV{article-brut}|oui) <INCLURE{fond=squelettes/prive/exec/article-brut, id_article=#ENV{id_article},env ajax preload}{self=#SELF} /> ]


<!--/#top-->

Ensuite on crée 2 fichiers pour l’article en pleine page : l’un pour la visualisation et l’autre pour la modification de l’article dans le dossier squelettes/prive/exec. (le créer s’il n’existe pas). (fichiers à télécharger en pj.ci-dessous)

Le principe de ces fichiers est simple si vous voulez le faire vous-même :

  • recopier à l’identique les fichiers « article.html » et « article_edit.html » de la « dist »
  • supprimer : 1) toutes les balises de formulaires (qui commencent par #FORMULAIRE_) et 2) la balise indicateur « affiche_milieu » (toute la balise : <!--affiche_milieu-->)
  • modifier les icônes de lien vers l’article : lien vers l’article en modification (en changeant l’adresse du lien par : article-brut_edit) et lien vers l’article en lecture (en changeant l’adresse du lien par : article-brut)
  • ajouter (éventuellement) une «  hiérarchie » en haut de la page pour identifier le n° de l’article, le statut, la rubrique ; éventuellement les objets liés (nombre d’auteurs, nombre de mots-clés, etc.) ; éventuellement si l’article dispose ou non d’un logo. [1]Egalement la langue de l’article est affichée.]]

Ne pas oublier de compléter le fichier de langue ecrire_fr.php (a minima) avec les nouveaux items de titre (à télécharger ci-dessous, pour le fichier en français et en anglais).

Et c’est tout. Vous pouvez travailler confortablement, lire et modifier l’article en profitant de toute la largeur de votre espace privé SPIP.

N’hésitez pas à signaler toute coquille dans les fichiers si vous en voyez. Evidemment, on peut aussi faire un simple bouton de lien vers l’affichage pleine page, au lieu de créer des onglets.