Boîte à outils pour article version noisette

Permet un accès rapide dans les articles, sous forme de boutons, aux fonctions de divers plugins.

Cette noisette permet d’insérer dans tous vos articles une boîte regroupant divers outils sous forme de boutons pour :
-  générer une version de l’article au format PDF pour l’imprimer et l’enregistrer
-  avoir une version imprimable de l’article sans la mise en forme du site
-  afficher un formulaire d’envoi de l’article à un ami
-  poster un commentaire sur l’article
-  compteur de réactions à l’article
-  lien vers les articles du même auteur

Explications

Cette noisette est une compilation de plugins et de boucles regroupés dans une noisette à insérer dans vos squelette

Les fonctions

-  format pdf de l’article avec le plugin article-pdf qui génère dans une nouvelle page l’article au format pdf. Vous pouvez alors l’enregistrer ou l’imprimer comme tout fichier pdf
-  version à imprimer avec le plugin version imprimable qui reprend votre article dans un squelette adapté à l’impression : sans couleur, ni entête
-  envoyer par mail une page à un ami avec le plugin envoyer à un ami. Ce plugin ouvre un formulaire d’envoi qui permet d’envoyer un courriel avec un lien vers la page concernée. Attention plugin non fonctionnel sous SPIP 1.9.2
-  Poster un commentaire sur l’article : raccourci vers le forum attaché à l’article :

<img src="#CHEMIN{images/chat.png}">
[<a href="(#PARAMETRES_FORUM|url_reponse_forum)">Réagir à l'article</a>]


-  un compteur du nombre de réactions à l’article :

<BOUCLE_compteur_forum(FORUMS){id_article}></BOUCLE_compteur_forum>
#TOTAL_BOUCLE réactions
<//B_compteur_forum>


-  lien vers les articles du même auteur :

<BOUCLE_auteur_article(AUTEURS){id_article}>
<a href="#URL_AUTEUR">
<img src="#CHEMIN{images/auteur.png}" title="articles du même auteur">Du même auteur
</a>
</BOUCLE_auteur_article>

un petit exemple

Installation

Cette noisette, pour fonctionner pleinement, nécessite d’être associé à divers plugins :
-  plugin article-pdf
-  plugin version imprimable
-  plugin envoyer à un ami
-  bouton dans le texte

Vous devez installer et activer ces plugins avant toute chose si vous voulez profiter de toutes les fonctionnalités de la boite à outils. Une fois ceci fait, dézippez le fichier images.zip et copiez le(s) fichier inc-barre-outils.html, inc-boite-outils.html et le dossier images dans votre dossier squelette.

Il ne vous reste plus qu’a insérer votre noisette dans votre squelette article à l’endroit désiré sous la forme:
-  version en boite <INCLURE{fond=inc-boite-outils}{id_article}>
-  version en barre <INCLURE{fond=inc-barre-outils}{id_article}>

Personnalisation

Cette noisette est livrée avec le pack d’icônes ci-contre, vous pouvez mettre vos propres icônes en respectant le même nom en en remplaçant celle de la contrib.

Attention : pour personnaliser les icônes d’article pdf, d’imprimer l’article et d’envoi d’article avec les vôtres ou celles de la contrib à un ami reportez vous aux articles concernant ces différents plugins.

Les icônes sont issues de Jakub ’Jimmac’ Steiner

Evolutions

  • pluginisation
    • configuration des éléments à afficher-> ok version plugin
    • choix de différents thèmes pour les boutons
    • autres fonctions : écrire à l’auteur-> ok version plugin, noter article voir ici
    • version en barre -> ok version plugin

La version plugin est disponible sur la zone. Le plugin est fonctionnel mais pas encore documenté, n’hésitez pas à le télécharger.

  • régler le problème de l’envoi de mail -> ok voir le forum du plugin

Téléchargement

inc-boite-outils.html
inc-barre-outils.html
pack d’images
version au format zip

updated on 9 February 2019

Discussion

5 discussions

  • Bonjour,

    Comment faire (est-ce possible ?) pour avoir la boîte à outil sur des pages uniques qui ne sont pas, par exemple, issues d’articles ?

    Merci

    Reply to this message

  • 2

    Bonjour,
    C’est du beau travail ce packaging de fonctions incontournables au sites web.
    Je l’ai installé sans problème et j’en suis en cours de test. Actuellement il me reste que 2 choses a résoudre:
    1- Trouver un moyen de “cacher” le texte “envoyer par mail” qui accompagne le picto d’enveloppe quand on utilise l’affichage en barre d’outils.
    2- Faire fonctionner les boutons d’agrandissement de texte. Vu que j’ai commencé a bricoler pour la 1ere fois avec Spip il y a 2 jours, je ne sais pas par où commencer a regarder le code (pas trouvé des réponses dans les forums, la doc, etc.)

    Merci d’avance pour l’aide que vous pouvez me porter.

    • 1) Pour cacher le texte de la balise j’ai fait un petit ajout sur l’article du plugin expliquant la procédure.

      2) Pour les boutons texte je vois 2 pistes:
      -  as tu configurer le plugin bouton texte? Il est possible qu’il faille l’activer par ce biais...
      -  quels squelettes utilises-tu : ceux de la dist, des squelettes persos ou ceux d’une contribution? il y a peut être un problème au niveau des styles

    • Merci pour la réponse vcris

      1) Je visite le lien indiquéet je suis désolé mais je ne trouve pas l’astuce pour cacher le texte. C’est dans l’article lui même ou une réponse dans les commentaires ?
      2) Dans la configuration du plugin dans l’admin, j’ai bien indiqué la classe de mon div du contenu. Par défaut il y a #contenu .texte et j’ai ajouté ma classe .contentGS_text #contenu .texte ou .contentGS_text est le div de mon contenu. Le squelette est utilise les boucles de celui de dist mais en origine le xhtml c’est un template fait maison. Le #INC_HEAD et bien present.

      Le code html dans article.html pour la partie concerante et le suivant:

              <div class="contentGS_title">
                 <BOUCLE_maboucle(ARTICLES){id_article}>
                 <h1>#TITRE</h1>
              </div>
      
              <div class="contentGS_text">
                 <div id="toolbar"><INCLURE{fond=inc-barre-outils}{id_article}></div>
                #CHAPO
                #TEXTE
                </div>
                </BOUCLE_maboucle>  
            </div>

      Merci infiniment pour le temps passé à repondre a un spip newbie :)

    Reply to this message

  • 5

    sympa comme contrib... mais euh... les boutons pour augmenter le texte ne marche pas... autant sur mon site... que sur le tien :P

    Tu ne les as pas documentés non plus...

    :)

    Merci quand même ;)

    • Autant pour moi une petite erreur d’inattention suite à la mise à jour, merci de l’avoir signalé.
      je pense que tu dois être dans le même cas : dans la partie administration du plugin bouton texte (cfg indispensable) il faut que tu précises sur quelle “balise” css doit s’appliquer le plugin.
      pour de plus amples informations je te renvois vers vers la page du plugin bouton texte

      ps: sur le site de démo c’est la version plugin qui est en fonction tu peux la télécharger sur la zone la doc est en préparation c’est pour très bientôt!!!

    • ah et bien merci! En fait, c’est ce que j’ai fait, mais ça marchait pas vraiment. j’ai du pas comprendre quelque part.. Et puisque ce n’est pas vraiment nécessaire pour mon site d’avoir ces boutons (texte)... j’ai laissé tomber. Mais je vais reprendre dès que j’ai un peu de temps.

      Sinon, pour le reste, ça marche nickel. Merci.

    • Peux tu mettre l’adresse de ton site que j’aille faire un tour voir de quoi il en retourne

    • Pas encore en ligne. Mais bientôt, donc je repasse dans quelques jours te la donner.

    • salut, le site est en ligne et en train d’être rempli, niveau contenu.

      je te laisse l’adresse... faudra que tu recolles les bouts, j’ai pas envie qu’elle se fasse référencer ici, ça n’aurait aucun rapport avec le but du site. désolé :)

      www.((creer()-())lelivre((().com))

      Suprime les paranthèses uniquement. (pas le tiret :P)

    Reply to this message

  • bonjour, il semble qu’il y ait une petite erreur dans la boucle ’même auteur’ qui n’attribu pas de n° à l’auteur et donc renvoie sur la page d’accueil (en tout cas pour moi en spip 1.9.3. dev).

    Si certains ont le même soucis remplacer dans inc-barre-outils.html la boucle auteur par celle-ci qui à l’air de marcher :

    <B_auteurs_recents><BOUCLE_auteurs_recents(AUTEURS) {id_article} {""}><a href="#URL_SITE_SPIP/#URL_AUTEUR">
    <img src="#CHEMIN{images/auteur.png}" title="articles de #NOM"></a>
    </BOUCLE_auteurs_recents>

    J’ai en plus modifié un peu la boucle pour la gestion multi-auteurs. Dans ce cas au survol de souris sur les loggos, on visualise le nom de l’auteur (avant en gestion pluri-auteurs, la mention ’articles du même auteur’ apparaissait partout et on ne pouvait les différencier)

    Reply to this message

  • 2
    marjorie

    je pense qu’il y a un problème avec le pack d’images.. J’ai tenté de le dézipper sur le mac, et maintenant sur le pc au travail, et j’ai un même message d’erreur : “erreur de CRC dans le document...” pour toutes les images.

    • bizarre...pas de soucis chez moi, ça doit être lié au format de compression, j’ai mis une autre version du pack d’icônes au format zip, j’espère que ça règlera ton problème

      tiens moi au courant à plus

    • marjorie

      merci, c’est impeccable désormais :)

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom