Depuis le début de ce blog, FanBoy de la pomme, notre publication cover / Background a toujours été le dernier wallpaper officiel de la pomme, transformé avec un effet Gaussian Blur, pour le simplifier, et créer une image unique.

La réelle raison derrière cela est que j'aime la simplicité, je ne change pas le background de base sur mon mac, ouvrir le blog et avoir le même fond d'espace de travail est plus homogène.  Seulement depuis Mojave et les wallpapers Dynamics, mon plan est tombé à l'eau.

J'ai donc décidé de rendre l'image de mon Blog Ghost dynamique. Dans le cas présent il s'agit de la publication cover mais cela peut fonctionner pour n'importe quelle image du thème.

J'ai pris le chemin le plus simple, afin d'éditer au minimum le thème de base du blog.

Réaliser les Wallpapers

Pour ce faire, j'ai décidé de créer une image par heure, voici deux séries (j'en rajouterais peut-être à l'avenir) :

En information supplémentaire il est désormais possible de créer ses propres wallpapers pour Mojave. Les spécifications techniques sont disponibles ici, et un outil a été créé ici.

Éditer le thème

L'exemple est sur le thème Casper mais cela peut se faire sur n'importe lequel. Dans le fichier index.hbs (content/themes/casper) :

<header class="site-header outer {{#if @blog.cover_image}}" style="background-image: url(http://waos.ovh/content/backgrounds/waos/{{date format='HH'}}.jpeg){{else}}no-cover{{/if}}">

nous éditons simplement la ligne 6 pour que l'image appelée ne soit plus celle   définie en DB via l'administration mais notre URL spécifique. Nous y glissons l'heure en nom.

Cela nous permet d'appeler à chaque heure, l'image correspondante.

Si vous ne voyez pas la modification de suite, c'est le système de cache de Ghost qui vous en empêche, un moyen simple est de changer de thème, l'activation d'un autre  force le nettoyage du cache.  

Nous ne sommes effectivement pas sur une synchronisation avec le sunrise sunset de chacun, mais ce n'était pas la cible. Peut-être pour plus tard :).