SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 284 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 à 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 ?
  • [Se connecter]

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

  • Adaptive Images

    15 novembre 2013 – 66 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Métas

    8 août 2009 – 50 commentaires

    Ce petit plugin permet l’ajout, depuis l’espace privé, de metatags aux articles et rubriques de SPIP, ainsi que la mise en exergue de mots importants.

  • Brownie

    6 juillet 2012 – 43 commentaires

    Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com. Présentation Brownie est un thème Responsive à deux colonnes. La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 (...)

  • Métas +

    3 décembre – 13 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

Ça spipe par là