Celles et ceux qui me font l’amitié de suivre la vie du site savent que je m’emploie à y écrire régulièrement. Je veille également à la forme, à la légèreté, la fluidité. Je travaillais ces jours-ci à faire évoluer encore la page d’accueil en la pensant du point de vue d’une personne nouvelle ici. La pluie m’a donné l’envie et le temps d’une page d’accueil acidulée.
Les icônes .svg de Pablo Stanley
Des images libres de droit qui soient colorées, amusantes, dynamiques et fassent même une jolie part aux filles. C’est ce que Pablo Stanley partage depuis quelques années. L’extension Twentig que j’utilise depuis un moment reprenait d’ailleurs sur l’un de ses sites préconçus de nombreuses images de cette banque offerte.
Le format .svg permet notamment d’adapter les images à tous les types d’écrans. Allez voir du côté d’Open Doodles ! C’est pétillant… Lié à ce site j’ai découvert les artistes de Blush design. Je causais BD ce matin, vous ferez vite le lien. J’apprécie forcément cet Internet de partage qui ne commercialise pas tout.
C’est quoi ce vide à côté de la photo ?
Grégory l’avait remarqué. Merci ! Et c’était juste. Pour celles et ceux qui voient le site de l’extérieur, j’utilise le Full Site Editing de WordPress qui permet de manipuler des blocs sans coder. Quand vous regardez une page, il faut souvent imaginer des boites ou groupes, dans lesquels on range parfois des sous-boites ou colonnes et ainsi de suite avant d’y écrire le texte… On peut également jouer avec des grilles. Il faut agencer le tout en fonction de l’effet que l’on recherche mais en cohérence avec les contenus… La mise en forme d’un site est étroitement liée aux intentions, au message…
Il faut après jongler avec les polices, la longueur, les espaces… Je vous passe les détails. Le site doit s’adapter à tous les types d’écrans. Je ne prétends pas être un spécialiste mais je suis convaincu qu’il est beaucoup plus intéressant de bricoler à sa main pour comprendre… Je n’ai pas les moyens de me payer un designer… Au passage quand un designer propose son travail, je vais toujours regarder les performances de son propre site au delà des effets… Et c’est là qu’on peut déchanter…
Donc, j’ai remanié les blocs et réorganisé deux ou trois choses.
Une envie de couleurs
Si le site privilégie une certaines sobriété, je le trouvais un peu trop sérieux, limite tristounet. Alors je suis allé mettre de la couleur à mon icône personnelle, je suis allé également aspirer quelques couleurs inspirantes et un peu amusantes pour les boutons de recherche et quelques images…
B à l’éco-index et très bonnes performances
Cet après-midi, j’ai obtenu la note que j’avais déjà obtenue à l’éco-index. C’est un test qui permet de vérifier si un site est « écoresponsable ». Et tout à l’heure j’étais bien à 100% de performances avec PageSpeed Insights sur ordinateur comme mobile (même si sous mobile ça peut parfois un rien descendre). Je n’en fais pas une gloire mais ça prouve aussi que le thème maison libre et gratuit de WordPress est efficace et d’autant plus si on prend garde à la mise en page et au poids des images. Je me prends souvent la tête quand j’observe un dysfonctionnement, mais j’aime bien l’idée que le site soit « aligné » avec mes valeurs…
Fil d’Ariane
J’ai ajouté un fil d’Ariane pour celles et ceux qui se perdent et épinglé le menu qui s’était « décroché » pour une obscure raison.
Voilà, je crois que tout est à peu près propre et rangé.
Si vous voyez des erreurs ou rencontrez des soucis, faites signe ! (Sans m’engueuler comme le fit un « aimable » correspondant il y a quelques temps comme si j’étais un service public… )
Si vous avez des questions, n’hésitez pas ! À vot’service M’sieurs-Dames !
Bonnes lectures surtout !
Un mot en retour ?