Images d'en-tête

Aujourd'hui j'aimerais parler un peu de la dernière mise à jour du site, qui a (entre autres choses) ajouté la possibilité d'ajouter des images d'en-tête aux articles et projets.

"C'est un projet pour les cours"

Je suis actuellement en train de suivre une licence professionnelle à distance, la LPDWCA. Un des cours que nous suivons s'intitule "CMS", et nous a permis de découvrir dans les grandes lignes Wordpress.

N'étant pas vraiment adepte de CMS, je ne l'avais jusqu'alors jamais utilisé, et n'avais donc jamais créé de site avec.

Le cours (à distance) a été agréable, l'intervenant ayant réussi à partager sa passion aux étudiants, et s'est conclu via la demande d'une réalisation singulière ; une SP (situation problème).

Les consignes étaient très simples ; il fallait créer un site wordpress, le paramétrer un peu (en fonction de ce que l'on avait abordé pendant les cours), créer un thème-enfant, puis écrire un peu de contenu pour le remplir.

screenshot de la page d'accueil de mon site wordpress

"Hey c'est joli"

Après avoir terminé cette SP, je me suis rendu compte qu'un des problèmes de certains de mes sites (celui-ci inclus) était qu'ils avaient un design très simple, mais pas assez de contenu "riche" pour les égailler.

Venant tout juste de me rendre compte que des images c'est très joli, et disposant de quelques photos que j'ai pris ces dernières années, je me suis attelé à la tâche de mettre à jour mon site pour supporter cette nouvelle feature.

La bdd stocke des liens

Et un offset vertical, et une source si j'ai pris l'image ailleurs sur le web. Mais à la base c'est juste le lien vers une image qui est hébergée quelque part.

On peut également observer une augmentation du nombre de propriétés dans ma classe BlogManager, et refléter tous les changements dans les autres parties du code fut un peu long. Mais au final tout fonctionne bien sur le site. Les flux RSS sont mis à jour et le sitemap est regénéré, le tout à chaque création/edit/suppression de billet de blog/de projet.

Je pensais qu'une fois le code écrit et la structure de la base de données mise à jour, tout allait être simple.

Je ne m'étais pas vraiment trompé, si on exclue le fait que mon hébergeur de fichiers, up, est un hébergeur très sommaire, et qu'il ne comprend aucune fonction d'allègement de l'image, de renommage, ou bien de redimensionnement.

Et le poids des images, c'est important

Je me retrouve donc pour l'instant à faire mes manipulations sous Gimp, et à enregistrer les images en jpg sur mon ordinateur (chose que je ne faisais plus vraiment, étant donné que je peux directement coller une image depuis mon presse-papier sur up).

C'est donc le moment pour moi de mettre à jour ce petit script php. Il m'a bien servi pendant toutes ces années, mais il est temps pour lui de subir un petit relooking.

L'image d'en-tête de cet article illustre donc la réussite (mettre en place une feature), entourée de problèmes (poids des images, srcset, lazy loading, offset en fonction des dimensions de l'écran).

J'espère trouver le temps de retravailler up dans les semaines qui suivent, et compte faire un petit récapitulatif des modifications effectuées dans un prochain billet.

D'ici là portez-vous bien, et à bientôt :)


Edit : Et ce sixième article active le système de pagination du blog ! Il fonctionne vachement bien !