SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 287 visiteurs en ce moment

Accueil > Interactivité, échanges > Divers > Articles Rotatifs > Articles Rotatifs

Articles Rotatifs

27 août 2009 – par Bernard Blazin – 29 commentaires

12 votes

Faites, à partir de vos articles dans une rubrique bien définie, des annonces déroulantes à afficher sur vos pages web.

Le plugin articles rotatifs utilise CFG pour la configuration et une simple rubrique.
Les articles doivent comporter un titre, éventuellement un sur-titre et un sous-titre ( il faut donc penser à les activer dans la configuration générale de SPIP.

Sous CFG il y a trois champs à remplir. La signature (par exemple : Inscription), le nom de la page qui sert de lien vers un profil rédacteur par exemple ou bien vers ce que vous voulez. Le lien retourne #URL_PAGE{votrepage} et enfin une liste pour la rubrique à sélectionner.

Dans le squelette de votre choix, il suffira d’inclure ce petit bout de code :

<INCLURE{fond=plugins/articlerotatif/modeles/rotation}>

Le reste se fait automatiquement. Une boucle article va lire tous les articles de la rubrique sélectionnée et afficher le titre, sur-titre, sous-titre et signature en faisant pivoter le tout verticalement.

Bien entendu, j’utilise ce plugin pour passer des titres d’articles, mais il peut également servir à faire défiler les dernières brèves ou des profils auteurs (il suffit de modifier le modèle).

Petit rappel : Les modèles permettent des inclusions soit dans les articles du genre :<imgxx|truc|id_article=nn> soit dans les squelettes à la manière des noisettes puisqu’il s’agit en fait qu’un simple bout de code HTML. Vous pouvez ajouter autant de modeles que vous le voulez dans le répertoire approprié de ce plugin. En savoir plus sur les modèles

Exemple simple d’un modele où la signature fait lien vers la page de son auteur. Dans ce cas on fait en partie abstraction de CFG

<div id="scrollup">
           <BOUCLE_scroll(ARTICLES){id_rubrique=(#CONFIG{articlerotatif/rub})} {tout}>
           <div class="headline">
             <div class="fond"><a href="#URL_ARTICLE"><strong>#TITRE</strong></a><br />
              [(#SURTITRE)] [- (#SOUSTITRE)]
               <div class="surfond"><BOUCLE_parki(AUTEURS){id_article}><a href="#URL_AUTEUR" style="font-weight:normal;color:brown"  />#NOM</a></BOUCLE_parki>
               </div>
             </div>
           </div>
           </BOUCLE_scroll>
         </div>

Pensez à retoucher le css pour vos propres applications.

Une démo ici

Dernière modification de cette page le 27 août 2009

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 12 janvier 2016 à 16:47, par Jean En réponse à : Articles Rotatifs

    Bonjour,
    Y a-t-il un équivalent pour Spip3.1 ?

    Bonne année à toute la communauté.

    Répondre à ce message

  • Le 25 juillet 2012 à 10:54, par Wabo En réponse à : Articles Rotatifs

    Très intéressant le plugin, j’ai un souci, je voudrai faire fonctionner deux rubriques sur la page, pour l’instant une seule rubrique marche bien, lorsque je fais un deuxième modèle pour une deuxième rubrique ca marche pas. Pouvez vous me venir en aide SVP ?

    Répondre à ce message

  • Le 12 novembre 2010 à 16:38, par gregory En réponse à : Articles Rotatifs

    Bonjour

    J’aimerai untiliser ce pluggin pour des articles contennant des photos en logo ....queqlqu’un peut il m’aider ??? Help

    gregory

    • Le 14 novembre 2010 à 16:17, par Bernard En réponse à : Articles Rotatifs

      Regarde un peu côté Javascript, ça doit pouvoir se faire..

    Répondre à ce message

  • Le 20 août 2010 à 13:19, par Gihaire En réponse à : Articles Rotatifs

    Bonjour,
    J’ai rencontré quelques petits problèmes de CSS avec les thèmes que j’avais installé. Il serait judicieux, je pense, d’ajouter cette petite déclaration dans la CSS pub.css pour se prémunir des cascades :

    #scrollup div
    margin : 0px ;

    Ca doit permettre de résoudre la plupart de soucis d’affichage ou le contenu n’apparaitrait pas ou serait décalé.

    Cordialement

    Répondre à ce message

  • Le 9 avril 2010 à 09:08, par L’instit En réponse à : Articles Rotatifs

    idem en ce qui concerne l’absence de rotation pour moi ici :
    http://www.crdp.ac-grenoble.fr/cddp38/spip.php?page=sommaire_test

    tous les articles s’affichent.

    • Le 9 avril 2010 à 10:27, par L’instit En réponse à : Articles Rotatifs

      problème résolu en mettant le plugin à la racine du dossier plugins

    Répondre à ce message

  • Le 31 mars 2010 à 16:22, par nico En réponse à : Articles Rotatifs

    Bonjour,
    je trouve ce plugin très intéressant. je l’utilise pour faire défiler mes brèves et je rencontre plusieurs problèmes :
    -  j’ai besoin que le scroll soit d’une largeur de 150px. quand je mets cette valeur dans le fichier pub.css mes titres sont coupés et je n’ai plus la bordure droite
    -  quand les titres sont longs ils dépassent également la bordure inférieure
    Pouvez vous m’aider ?

    Répondre à ce message

  • Le 18 septembre 2009 à 15:40, par AMM En réponse à : Articles Rotatifs

    Bonjour,

    Je voudrais utiliser un mot clef plutôt qu’une rubrique. Est-ce possible avec ce plugin ? Quels sont les ajustements à faire ? Merci.

    J’utilise spip 2.09, CFG est déjà en installé.

    • Le 24 février 2010 à 10:21, par ? En réponse à : Articles Rotatifs

      Il te suffit d’insérer ta boucle article avec titre=« ton mot clé » dans une boucle mots
      Exemple :

      <div id="scrollup">
                      <BOUCLE_mot_rotatif(MOTS){titre="pub"}>
                 <BOUCLE_scroll(BREVES){id_mot}>
                 <div class="headline">
                   <div class="fond"><a href="#URL_ARTICLE"><strong>#TITRE</strong></a><br />
                    [(#SURTITRE)] [- (#SOUSTITRE)]
                     <div class="surfond"><a href="#URL_PAGE{#CONFIG{articlerotatif/verspage}}" style="font-weight:normal;color:brown">[(#CONFIG{articlerotatif/annonce})]</a>
                     </div>
                   </div>
                 </div>
                 </BOUCLE_scroll>
                      </BOUCLE_mot_rotatif>
               </div>

      Par contre, je ne sais pas comment utiliser CFG dans ce cas de figure.
      Avis aux utilisateurs de ce super plugin (merci à l’auteur, en passant !)

    Répondre à ce message

  • Le 2 septembre 2009 à 17:26, par AlainF En réponse à : Choix de la rubrique

    Bonjour et bravo pour cette idée.

    Dans mon cas (lien sous spip 2.0.9) je ne peux modifier la rubrique dans CFG, il reprend automatiquement celle dont l’id est 1.

    Je peux bien sur faire un modèle, mais je souhaite le proposer à quelqu’un qui préférera utiliser la configuration CFG.

    Des directions à suivre, ou peut-être un bug ?

    Par avance merci.

    • Le 2 septembre 2009 à 18:16, par Bernard Blazin En réponse à : Choix de la rubrique

      Étonnant ça ! Il faut bien cliquer sur la rubrique désirée dans le menu déroulant, avant de valider. D’ailleurs cfg indique à droite qu’il a bien pris la modification.

      Sinon dans une page de test à mettre dans le squelette, il faudrait placer ceci :
      #CONFIG{articlerotatif/rub}
      Cette commande va retourner l’Id de la rubrique sélectionnée. Si celle ci est toujours à 1 malgré divers choix, merci de revenir me voir

      Bon courage.

    • Le 9 septembre 2009 à 17:48, par ? En réponse à : Choix de la rubrique

      Bonjour,
      après contrôle, la rubrique est la bonne, mais l’affichage dans cfg reprend la première rubrique et non celle sélectionnée.

      Je profite de ce billet pour poser une autre question :
      comment paramétrer dans « envoi vers la page » une rubrique déterminée, ce que j’aurais mis en dur en utilisant #URL_PAGE :
      <a href="#URL_PAGE{rubrique,id_rubrique=4}">lien</a>

      dans modele/rotation.html, j’ai bien :

      #URL_PAGE{#CONFIG{articlerotatif/verspage}}
      dans cfg, si dans « envoi vers la page », je mets « rubrique,id_rubrique=4 », il rajoute .html et ne trouve pas le squelettes de page « rubrique,id_rubrique=4.html »
      Une directio ?

      par avance, merci, AlainF

    Répondre à ce message

  • Le 28 août 2009 à 18:36, par Regis92 En réponse à : Spip 1.9.2 ?

    Très intéressant ce plugin !

    Aucun moyen de l’adapter à Spip 1.9.2 ?

    • Le 28 août 2009 à 19:06, par Bernard Blazin En réponse à : Spip 1.9.2 ?

      Je pense qu’en l’état, il devrait fonctionner sous 1.9.2 mais il faut dans ce cas faire appel au Jquery qui se trouve dans le plugin dossier /JS/
      et donc modifier article rotatif.php de cette manière

      <?php
      function articlerotatif_insert_head($flux) {
               $js = "\n<script type=\"text/javascript\" src=\"plugins/articlerotatif/js/jquery-0.1a.js\"></script>\n";
                  $js . = "\n<script type=\"text/javascript\" src=\"plugins/articlerotatif/js/rotative.js\"></script>\n";
           $css = "\n<link rel=\"stylesheet\" href=\"plugins/articlerotatif/css/pub.css\" type=\"text/css\" media=\"screen\" />\n";*/
            return $js.$css.$flux;

         }
      ?>
    • Le 28 août 2009 à 20:18, par Regis92 En réponse à : Spip 1.9.2 ?

      Ok merci.

      Bon j’ai testé mais écran blanc sur la page d’accueil.

      2 questions :

      1. Faut-il bien supprimer la condition suivante au début de articlerotatif.php ?

      if (!defined('_DIR_PLUGIN_ARTICLEROTATIF')){
                      $p=explode(basename(_DIR_PLUGINS)."/",str_replace('\\','/',realpath(dirname(__FILE__))));
                      define('_DIR_PLUGIN_ARTICLEROTATIF',(_DIR_PLUGINS.end($p))."/");
              }

      2. C’est bien $js ou bien $flux = (...) pour les 2 lignes ?

      Merci !

    • Le 28 août 2009 à 20:28, par Regis92 En réponse à : Spip 1.9.2 ?

      Déjà il y a une petite erreur, c’est :

      $js = "\n<script type=\"text/javascript\" src=\"plugins/articlerotatif/js/{{jquery-1.0a.js}}\"></script>\n";

      et pas  :

      $js = "\n<script type=\"text/javascript\" src=\"plugins/articlerotatif/js/{{jquery-0.1a.js}}\"></script>\n";

      (erreur sur la version de jquery)

      Hélas, cela n’a rien changé !

      Après avoir vidé entièrement le cache, j’ai toujours un écran blanc sur la page d’accueil de mon site 1.9.2.i (uniquement la partie publique)

    • Le 28 août 2009 à 23:46, par Bernard Blazin En réponse à : Spip 1.9.2 ?

      Et en renommant articlerotatif pour le rendre inopérant et en glissant ceci directement dans le squelette ?

      <script type="text/javascript"> var headline_count;
      var headline_interval;
      var old_headline = 0;
      var current_headline = 0;

      $(document).ready(function(){
        headline_count = $("div.headline").size();
        $("div.headline:eq("+current_headline+")").css('top','5px');

        headline_interval = setInterval(headline_rotate,5000); //time in milliseconds
        $('#scrollup').hover(function() {
          clearInterval(headline_interval);
        }, function() {
          headline_interval = setInterval(headline_rotate,5000); //time in milliseconds
          headline_rotate();
        });
      });

      function headline_rotate() {
        current_headline = (old_headline + 1) % headline_count;
        $("div.headline:eq(" + old_headline + ")").animate({top: -205},"slow", function() {
          $(this).css('top','210px');
        });
        $("div.headline:eq(" + current_headline + ")").show().animate({top: 5},"slow");  
        old_headline = current_headline;
      }</script>
               
      <style type="text/css"> #scrollup {
        position: relative;
        overflow: hidden;

        height: 48px;
        width: 419px}
      .headline {
        position: absolute;
        top: 48px;
        left: 9px;
        height: 48px;
        width:407px;
      }</style>
    • Le 29 août 2009 à 00:01, par Regis92 En réponse à : Spip 1.9.2 ?

      Plus d’écran blanc sur le sommaire, mais par contre plus possible d’accéder à la gestion des plugins et en particulier à la config de CFG ! (requête qui boucle sans fin... et j’ai vidé le cache bien sur)

    Répondre à ce message

  • Le 28 août 2009 à 16:26, par ? En réponse à : Articles Rotatifs

    J’ai installé le plugin sur un SPIP 2.08 et ça ne fonctionnait pas. Dans un premier temps je l’ai installé via le champs d’importation de plugins en y copiant l’adresse du pack. Dans ce cas il y avait un problème de Path puisque le pack se trouvait dans le répertoire auto. J’ai donc déménagé le pack à la racine du dossiers des plugins.

    Là rien ne s’affichait. En regardant la source de ma page je constate que le fichier rotative.js apparait avant jquery.

    J’ai résolu le problème en modifiant le code du fichier articlerotatif.php :

    <?php
    function articlerotatif_insert_head($flux){
            $flux .= "<script type='text/javascript' src='".find_in_path('js/rotative.js')."'></script>\n";
            $flux .= '<link rel="stylesheet" href="'.find_in_path('css/pub.css').'" type="text/css" media="projection, screen" />';
            return $flux;
    }
    ?>
    • Le 28 août 2009 à 18:57, par Bernard Blazin En réponse à : Articles Rotatifs

      Oui tu as bien fait ! j’ai vu l’erreur ce matin et remis l’archive à jour.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Conversion des brèves en articles

    19 mai 2011 – 41 commentaires

    Avec l’évolution de SPIP, les brèves deviennent un objet historique, dont le maintien s’avère parfois inadapté. Il peut donc se révéler utile de convertir les brèves en articles, c’est ce que fait ce plugin. La conversion des brèves en articles Ce (...)

  • ScolaSPIP 4

    19 janvier 2016 – 177 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Mise à jour automatique des plugins

    5 octobre 2009 – 149 commentaires

    Une nouvelle lame du Couteau Suisse permet de visualiser les plugins nécessitant une mise à jour, tout comme SPIP lui-même ! Présentation Rendons à César ce qui est à César, voici un extrait de la présentation du Couteau Suisse pour sa lame « Mise (...)

  • ScolaSPIP 3

    21 mai 2012 – 443 commentaires

    Un plugin-squelette personnalisable pour sites Web d’établissements scolaires

  • Présentation : Organisation et décisions dans une optique autogérée et non-argentée

    11 mai – commentaires

    Cette présentation a été faite durant la rencontre SPIP à Toulouse en mai 2017. Elle propose des pistes de solutions pour avancer sur les chantiers compliqués et bloquants, notamment par la rédaction d’une charte/mode d’emploi pour la communauté et (...)

Ça spipe par là