Intégrer dans WP des dataviz dynamiques générées avec R

12 juin 2019

Rframe : un plugin WP pour intégrer le HTML généré par R.

Comment intégrer dans un article (ou une page) de WordPress une dataviz dynamique dont le code HTML a été généré avec R ? Le plugin “Rframe” permet de répondre à la question d’une manière qui ne soit pas trop compliquée. Son avantage est d’être léger et de ne pas présenter de quelconques problèmes d’incompatibilité.

Installation du plugin

1) Télécharger le zip du plugin

2) Ajoutez le dans les extension de WordPress (Extensions / Ajouter)

3) Activez-le, un nouveau post type “Rframe” fera son apparition dans le menu

Mode d’emploi

1) Dans R Studio, exporter la dataviz : Export / Save as web page

 

2) Ouvrir le fichier HTML dans un éditeur de code, tout sélectionner (CTRL + A) et copier (CTRL + C)

3) Créer un nouveau billet “Rframe” dans WordPress

4) Ajoutez-y un titre (pour le retrouver facilement au cas où) et collez le code dans le champ ad hoc (CTRL + V)

5) Enregistrez le post

6) Copiez le code iframe qui apparaît après l’enregistrement

7) Créez un nouvel article dans WordPress. En mode “texte” (comme pour n’importe quel code embed), copiez le code.

Vous pouvez modifiez la largeur de l’iframe dans le code (par défaut, sur 100% pour s’adapter à la largeur de la zone de texte). Vous pouvez également utilisez un plugin WP permettant d’intégrer les iframes de manière plus intuitive.

L’exemple ci-dessous a été réalisé avec le package Highcharter. Voici le post type original

 

#