SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 263 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Squelettes de présentations > deckjs > deckjs

deckjs

17 octobre 2016 – par cy_altern, tofulm

7 votes

Adaptation de deck.js pour SPIP

Ce petit plugin permet de réaliser facilement des présentations façon PréAO/diaporama (Powerpoint, Impress...). Il s’appuie sur le plugin jquery deck.js

Installation

Comme tous les plugins, il suffit de l’activer pour qu’il fonctionne.

La présentation = 1 article

Il suffit d’appeler la page :

  1. ?page=presentation&id_article=XX
  • Le titre de l’article = le titre de la présentation
  • Chaque diapo commence par un intertitre
  • Une liste spip permet d’afficher les éléments l’un après l’autre

exemple d’article :
Le premier slide = le titre de l’article

  1. {{{Mon deuxième slide}}}
  2. mon texte ...
  3.  
  4. {{{Mon troisième slide}}}
  5. mon texte
  6. -* s'affiche après un clic
  7. -* s'affiche après un nouveau clic

Télécharger

La présentation = tous les articles d’une rubrique

Il suffit d’appeler la page :

  1. ?page=presentation&id_rubrique=XX
  • Le titre de la rubrique = le titre de la présentation
  • Chaque diapo = 1 article
    • Le titre de l’article = le titre de la diapo
    • Le texte de l’article = le descriptif de la diapo
    • Même fonctionnement des listes

Fonctionnement

  • La touche « m » -> affiche une miniature de tous les slides
  • La touche « g » -> affiche un formulaire de sélection de slide
  • Les touches du clavier (gauche / droite) -> changement de slide
  • Il est possible de surcharger le squelette présentation.html afin de personnaliser la présentation (ex : ajouter un bandeau)
  • Il est possible de surcharger la CSS en créant un fichier squelettes/css/deck_perso.css
  • Il y a d’autres fonctionnalités, je vous laisse les découvrir dans la documentation officielle

Voir en ligne : http://plugins.spip.net/deckjs

Dernière modification de cette page le 19 octobre 2016

Retour en haut de la page

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

  • Indexer : La boucle SPHINX

    29 juin 2015 – commentaires

    Avant de commencer Pour comprendre l’intérêt du plugin, nous invitions à lire l’article suivant Indexer : Introduction. La configuration et l’installation du plugin sont expliquées dans l’article suivant : Indexer : Installation et Configuration (...)

  • Japibas, squelette responsive

    11 octobre 2013 – 85 commentaires

    Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine. Le graphisme est inspiré du template Wordpress Japibas réalisé par Jesper Johansen et distribué sous (...)

  • Wordpress 2 SPIP

    26 mars 2012 – 25 commentaires

    Que fait Wordpress 2 SPIP Il importe un site Wordpress 3.3.1 dans un site SPIP 2.1.12 vierge. Les deux sites doivent être sur la même base de données et les tables Wordpress doivent commencer par wp_ (cas d’une installation Wordpress par défaut). (...)

  • Photoswipe

    18 septembre 2016 – 17 commentaires

    Une lightbox javascript responsive. PhotoSwipe est une boîte multimédia — comme la Mediabox installée en série avec SPIP — qui permet de zoomer à la taille réelle des images et qui gère intelligemment les légendes. Le plugin est basé sur la librairie (...)

  • Spip2Spip

    21 février 2008 – 157 commentaires

    Spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Les articles d’un SPIP sont récopiés d’un site à l’autre en conservant leur formatage (...)