WP Fake Image Replacer : mon premier plugin WordPress à destination des développeurs de thèmes

Je viens de publier sur le Plugin Directory WordPress mon premier plugin. Il est destiné aux développeurs de thèmes pour simplifier l’intégration d’un site en générant de fausses images à la place des Post Thumbnails. Il est aussi compatible avec les champs images d’ACF.

Voici la page dédiée à mon plugin : WP Fake Image Replacer

Et le lien vers le répertoire des extensions WordPress.

WP Fake Image Replacer : gagner du temps dans le développement de thèmes

Le plugin met automatiquement une fausse image générée via holder.js . J’avais d’abord pensé à utiliser fakeimg.pl mais il fallait absolument bénéficier d’une connexion Internet pour en profiter. Pas très pratique pour coder dans le train ou l’avion.

Lorsque vous développez un thème, vous faites appel à du faux contenu (dummy content) afin de tester votre intégration HTML et CSS dans des conditions proches de la réalité.

Afin de gagner du temps, et d’éviter d’avoir à uploader des images, les réuploader si vous changez d’avis sur les tailles d’images, mon plugin génère automatiquement une fausse image si le post thumbnail n’est pas trouvé.

Voici un exemple :  chaque zone d’image est rendue avec une fausse image grise générée par holder.js et indiquant la taille de la zone

Gagner du temps dans l’intégration d’un thème

L’objectif est d’éviter d’avoir à uploader de fausses images. Il arrive que l’on change de taille d’images en plein milieu d’un projet : lors de la reflexion responsive, lorsqu’un client change d’avis; des cas qui ne devraient théoriquement pas arriver mais qui arrivent quand même).

Dans ce cas pas besoin de réimporter les images, ou d’utiliser un plugin pour regénerer toutes les vignettes. Il suffit de changer les tailles d’image dans functions.php avec les fonctions  set_post_thumbnail_size() et add_image_size( ).

Le plugin récupère automatiquement ces tailles et les applique à la fausse image, générée à la volée. J’utilise simplement le Hook post_thumbnail_html et je vérifie si une image est retournée, si ce n’est pas le cas, je demande à holder.js de générer une image vide aux même dimensions.

Intégration avec ACF

L’extension fonctionne désormais avec Advanced Custom Fields, l’extension incontournable développée par Elliot Condon. WP Fake Image Replacer génère automatiquement  de fausses images pour le champ Image ainsi que pour le champ Galerie.

Pour ce dernier le plugin génère 6 images, que vous pourrez intégrer sous forme de galerie ou de slider.

Il vous faudra bénéficier au minimum de la version 4 d’ACF pour que le plugin fonctionne correctement. En effet j’utilises le filtre format_value_for_api qui n’était pas présent dans les versions précédentes.

Pour finir

N’hésitez pas à me contacter et me faire part de vos remarques et suggestions pour ce plugin. C’est la première version qui ne demande qu’à être améliorée. Nous l’utilisons en interne à l’agence (Smoothie Creative) depuis quelques temps et il nous fait gagner pas mal de temps dans le développement de thèmes.