Transformer les pdf en livres à feuilleter sur un site

De Vulgum Techus
Aller à : Navigation, rechercher
Lien court vers cette page : https://vt.cx/Tplfs
QR code vers cette page : https://vt.cx/Tplfs.qr

Présentation

Présenter un fichier PDF sous la forme d'un livre pouvant être feuilleté en ligne est un must absolu qui peut être très facilement réalisé grâce à la fonction SmartLook du site Issuu et à quelques lignes de codes fournies par ce dernier. Avec ce code, où à l'aide de plugins ad hoc, il est aussi très facile d'intégrer la visualisation via Issuu pour la plupart des CMS comme expliqué dans le présent article.

Procédure

La transformation en temps réel d'un fichier PDF en une publication à feuilleter se fait en redirigeant le PDF à transformer sur le site Issuu par une procédure JavaScript située à l'adresse :

https://static.issuu.com/smartlook/ISSUU.smartlook.js
  • En préambule à toute opération il est impératif d'inscrire le site qui utilisera cet accès afin qu'il soit reconnu en créant un compte sur Issuu
  • Chaque site utilisant la fonction smartlook.js doit être enregistré et, à ce titre, avoir son propre identifiant (GUID)
  • L'inscription se fait à l'adresse suivante :
http://issuu.com/smartlook
  • Celle-ci faite, on récupère un code JavaScript généré pour la circonstance.
  • Celui-ci comprend l'adresse et le GUID du site qui utilisera la fonction SmartLook
  • Avec tout cela deux options sont alors possibles :

Intégration du code dans le source

Que ce soit dans une page HTML ou PHP, le code est à recopier dans son intégralité dans la page concernée par la redirection PDF vers SmartLook. Dans le cas d'un CMS, ce code est à mettre dans la page index.php du template ou style par défaut. Il s'intègre à l'aide d'un éditeur et doit être placé juste avant la balise </body>.

Intégration via un plugin

Certains CMS comme Joomla disposent de plugins spécifique qui dispensent le webmaster d'intégrer le code dans le source comme expliqué précédemment. Dans ce cas, on ne récupère dans le code fourni par Issuu que l'identifiant et le GUID du site et on l'indique dans les paramètres du plugins. Ceci fait, c'est le plugin lui-même qui se chargera d'intégrer le code dans chaque page PHP. Les plugins disponibles sont listés ci-après avec leur CMS de destination.

Plugins smartlook pour CMS

Informations complémentaires

Le fait de créer un compte gratuit sur Issuu et d'y recourir pour la conversion de PDF en publications implique que chaque revue soit téléchargée et accessible par tous sur le site Issuu.

Articles Vulgum Techus

Commentaires

blog comments powered by Disqus