Drupal

Quatorze point deux

Denis — Fri, 11 Mar 2022 13:18:34 +0000

Quatorze point deux

Denis 11/03/2022 à 14h18

J'ai publié aujourd'hui une nouvelle mise à jour mineure du thème du site, la V14.2. Les modifications, globales, se concentrent exclusivement sur la présentation, tout particulièrement en ce qui concerne les couleurs et les contrastes. Le but de ces ajustements est d'améliorer la lisibilité générale, en particulier pour les personnes mal voyantes.

Certains choix, souvent inchangés depuis de nombreuses années, étaient en effet fort peu judicieux. C'était le cas, par exemple, de la couleur par défaut des liens. Ou certains titres, en orange sur blanc. Ou encore le bandeau de la page d'accueil, plus que limite ! Même pour un tout petit site comme bourez.net, il y a beaucoup de choses à faire pour le rendre plus accessible. Cela fera l'objet de futures modifications. Après tout, ça fait vingt ans (!!!) qu'il sert à toutes sortes d'expérimentations, et c'est une thématique importante et passionnante.

Note : l'illustration de cet article a été réalisée avec Mockuuuups Studio.

Voir aussi

Quatorze point un

Bourez.net V14

Quatorze point un

Denis — Mon, 22 Nov 2021 17:59:09 +0000

Quatorze point un

Denis 22/11/2021 à 18h59

J'ai mis en ligne ce soir une mise à jour mineure du thème du site. C'est une première itération pour corriger quelques imperfections et... approximations de la V14 publiée en septembre dernier.

Les principales modifications concernent la typographie, qui n'était pas, à ce moment, totalement finalisée. Le site utilise désormais plus intensément la magnifique police Montserrat ainsi qu'une nouvelle police libre de droits, Lora, pour le texte des billets de blog.

La seconde partie des modifications vise avant tout à rendre la consultation sur mobile plus agréable. Ce n'était pas franchement optimal pour les plus petits écrans dans le genre iPhone SE. De plus, la navigation principale sur les petites tablettes en mode verticale était un peu... chaotique ! Ce n'est pas encore parfait et d'autres ajustements suivront dans les prochaines semaines.

Du côté des photos il faut noter que la version 12 de Piwigo est désormais disponible. Mais je reste sur la version 11 pour le moment, car quelques modules indispensables pour moi ne sont pas encore compatibles avec la nouvelle version.

Voir aussi

Bourez.net V14

Denis — Fri, 10 Sep 2021 07:43:54 +0000

Bourez.net V14

Denis 10/09/2021 à 09h43

Après neuf ans de bons et loyaux services, il devenait urgent de mettre à la retraite le vénérable Drupal 7 et de le remplacer par un CMS plus dans l'air du temps. Mais la structure du site, créée en 2012 à l'occasion de la V10, se prêtait assez mal à une migration de masse de l'ensemble des données. De plus, j'étais de moins en moins satisfait de mon système de gestion des photographies sous Drupal. Pour deux raisons : tout d'abord concernant l'ergonomie de consultation des photos, franchement datée. Mais également concernant mon processus de publication, incroyablement rigide et peu pratique.

Enfin, bourez.net fêtera l'an prochain ses vingt ans d'existence. Vingt ans !!! Il était temps pour moi de faire un bilan sur ce que je voulais présenter sur ce site personnel.

Cette V14 est donc l'occasion de revoir totalement le fonctionnement de bourez.net, puisqu'il prendra désormais la forme de deux sites complémentaires utilisant deux outils distincts :

www.bourez.net : le site principal, fonctionnant sous Drupal 9.2 ;
photo.bourez.net : l'ensemble de mes photographies, fonctionnant sous Piwigo.

1. www.bourez.net

Le site Drupal est une version fortement simplifiée de ce qui existait jusqu'alors, que je qualifierais volontiers aujourd'hui d'usine à gaz. J'ai voulu épurer, faire du ménage et j'ai décidé de tout recentrer autour du blog, ce que je considère comme étant la seule fonctionnalité "essentielle" du site. En dehors des photos bien sûr. Tout le reste, qui était surtout réservé aux utilisateurs authentifiés, passe à la trappe.

Le nouveau thème a lui aussi été créé dans une logique de très forte simplification. Il dérive de Bartik, le thème de base de Drupal 9. Mais il sera probablement le dernier utilisant ces technologies : la V15 utilisera Bootstrap, ce qui n'a pas été possible dans cette première étape migratoire.

Un mot concernant les commentaires : ils feront leur retour lors d'une prochaine mise à jour du site. À cette occasion, les commentaires existants seront rétablis.

2. photo.bourez.net

Mes photographies sont donc désormais propulsées par Piwigo. Ce dernier est un logiciel Open Source terriblement puissant et pratique. Je trouve la consultation des contenus autrement plus pratique et moderne que mes "antiques" développements sous Drupal 7. Tags, recherche, cartographie, infos EXIF... les possibilités sont vastes.

De plus, le processus de mise en ligne et de sauvegarde des photos est devenu bien plus pratique pour moi. Grâce à Piwigo bien sûr, mais également avec l'aide précieuse de mon NAS. J'en reparlerai plus en détail dans un futur billet dédié à ce sujet.

Pour finir, le passage sous Piwigo a été l'occasion de consolider et ranger une bonne fois pour toutes mes photographies. À l'occasion du passage de bourez.net sous Plone 4 puis sous Drupal 7, de nombreuses photos avaient été "oubliées". Concrètement, la V13, jusqu'à aujourd'hui, proposait un peu plus de 12900 photos. Ce chiffre est désormais de plus de 18200 !

Notes :

un grand merci à Stéphane qui s'est chargé de la migration des données de Drupal 7 vers Drupal 9
l'illustration de cet article a été réalisée avec Mockuuuups Studio

Voir aussi

Bourez.net V13

Bourez.net V10

Bourez.net V9

Un flux RSS tout neuf

Denis — Sat, 05 Mar 2016 10:05:19 +0000

Un flux RSS tout neuf

Drupal

Denis 05/03/2016 à 11h05

Lors de la migration de bourez.net sous Drupal, en 2012, j'ai confié la génération du flux RSS du site aux fonctionnalités de base du CMS, couplé avec l'inévitable module "views". Cette méthode a le gros avantage de la simplicité de mise en œuvre. Mais elle a aussi ses limites : il est très difficile, voir impossible, de personnaliser les flux. En ce samedi matin neigeux, j'ai revu la méthode de génération du flux RSS du site, grâce à l'utilisation d'un module très pratique : Views RSS. Celui-ci permet d'utiliser de construire un flux à partir de champs.

Du coup, tout est possible ou presque, surtout si vous vous penchez sur les "hooks" associés. L'article "Your Guide To Extending RSS Feeds in Drupal" chez Phase2 explique tout ça. Je vous recommande vraiment ce module, mais attention à bien lire la documentation du module pour correctement formater vos champs.

Le flux de bourez.net est désormais mieux formaté tout en restant très simple. Pour vous y abonner, utilisez un des liens suivants :

Jason n'aimait pas le menu mobile

Denis — Wed, 02 Mar 2016 19:03:40 +0000

Jason n'aimait pas le menu mobile

Web
Drupal

Denis 02/03/2016 à 20h03

En octobre dernier, le site a adopté diverses évolutions pour le rendre plus pratique à consulter sur mobile. Mais un point restant très peu satisfaisant à mon goût : le menu général du site. De plus, au "hasard" des mises à jour de Drupal et de ses modules, le menu en question s'est retrouvé carrément cassé. Après quelques recherches, mises à jour et prises de tête - qui a dit que c'était le quotidien de tout webmaster Drupal ?! - le menu est enfin réparé. Et j'en ai profité pour me pencher sur des évolutions CSS spécifiques à la version mobile qui rendront, je l'espère, ce menu plus agréable à utiliser, y compris sur tablettes. Alors Jason, heureux ?

Voir aussi

Jason peut consulter bourez.net sur son mobile

Bourez.net V13

Jason peut consulter bourez.net sur son mobile

Denis — Sun, 18 Oct 2015 10:03:47 +0000

Jason peut consulter bourez.net sur son mobile

Web
Drupal

Denis 18/10/2015 à 12h03

Ce week-end, beaucoup de modifications ont été apportées au site depuis la mise en ligne de la V13 jeudi soir. En premier lieu, la page d'accueil a été remaniée, avec la disparition du carrousel pour donner plus d'importance aux photos issues du photoblog. La mise en avant de contenus d'actualité se fait maintenant en colonne de droite dans la section "Autofocus". J'ai également supprimé (temporairement ?) le bloc Twitter qui affole les appareils iOS. La page "photo" a également été (un peu) repensée. Enfin de nombreux paramètres ont été affinés concernant les photos, pour rendre la présentation plus homogène et agréable.

Cependant, les plus grosses modifications concernent les mobiles. À partir des bases "responsive design" de la V13, j'ai fait pas mal d'ajustements pour rendre la consultation du site sur mobile beaucoup plus confortable. D'ailleurs, pour la première fois, le test de Google indique que bourez.net est "mobile friendly", victoire ! Il reste cependant quelques éléments du site qui nécessiteront plus de travail, comme les albums de photos ou les résultats du moteur de recherche.

Voir aussi

Bourez.net V13

Denis — Fri, 16 Oct 2015 09:24:12 +0000

Bourez.net V13

Web
Drupal

Denis 16/10/2015 à 11h24

Depuis la migration sous Plone en 2010, en passant par celle sous Drupal en 2012, la structure du site n'avait pas franchement évolué, reposant sur une largeur fixe et une entête intégrant un menu horizontal. Cet automne voit l'arrivée de "Crystal Lake", la V13 de bourez.net, qui marque une rupture franche avec cette présentation avec l'adoption de trois nouveautés qui modifient pas mal la présentation :

la navigation n'est plus en haut de page mais dans une colonne à gauche ;
la largeur n'est plus fixe, le site s'adapte à la fenêtre du navigateur ;
l'ensemble est "responsive" et s'adapte aux écrans des appareils mobiles.

Sur un écran classique de PC ou Mac, on pourrait résumer par "c'est plus large, c'est plus gros". Mine de rien, il m'a fallu retravailler pas mal d'éléments, à commencer par la présentation des vues Drupal affichant des photos. La plupart des vues utilisant une structure de type "grille", basée sur des tables, ont été adaptées à des structures libres, la taille des images étant adaptée par leur propriété CSS.

Sur smartphone, les colonnes sont désormais disposées les unes en dessous des autres. De même, le menu principal passe en mode "accordéon". La mécanique est en place, elle fonctionne, mais je vais poursuivre le chantier dans les prochains jours pour améliorer la présentation et la lisibilité de certains éléments.

Voir aussi

Bourez.net V12

Denis — Sat, 11 Apr 2015 09:59:12 +0000

Bourez.net V12

Web
Drupal

Denis 11/04/2015 à 11h59

Comme pour fêter l'arrivée du printemps à sa manière, le site s'offre une nouvelle mise à jour majeure, la V12. Cette fois, la refonte porte uniquement sur les galeries de photos qui bénéficient d'une nouvelle architecture basée sur le fonctionnement des taxonomies sous Drupal. Concrètement, qu'est-ce que ça change ?

Les galeries sont désormais accessibles à partir du menu "Photos", en exploitant les possibilités offertes par le module Superfish mis en place en février sur le site. A l'intérieur d'une galerie, la mise en page occupe désormais toute la largeur. Enfin les URL d'accès aux galeries s'en trouvent terriblement simplifiées.

L'ancien système reste toutefois disponible pour permettre d’accéder à l'ensemble des photos et d'y appliquer des recherches et des filtres.

Bonne visite !

Voir aussi

Bourez.net V11

Bourez.net V10

Des métadonnées et des menus

Denis — Tue, 17 Feb 2015 10:29:18 +0000

Des métadonnées et des menus

Drupal
Web

Denis 17/02/2015 à 11h29

J'ai fait quelques modifications sur bourez.net et pyrhum.net ces derniers jours dans le but d'enrichir le système de génération des métadonnées et de simplifier la génération et l'utilisation des menus déroulants.

Concernant les métadonnées, j'ai remplacé le module Drupal "Meta tags quick" par le plus classique "Metatag". Plus riche, ce dernier me permet de générer de façon automatique des métadonnées pour les contenus du site alors que jusqu'à présent elles n'étaient présentes que pour la page d'accueil. Cela inclut également quelques métadonnées "Open Graph".

Concernant les menus, j'ai abandonné "Menu Minipanels", dont la souplesse est remarquable mais qui était grandement sous-utilisé sur le site. Je l'ai remplacé par "Superfish". Les menus sont désormais bien plus pratiques, tout particulièrement sur les écrans tactiles de téléphones ou de tablettes. Cerise sur le gâteau, ils sont plus faciles à gérer de mon côté.

J'ajoute pour terminer que ces deux évolutions s'appliquent également à pyrhum.net.

Ce sont des modules Drupal très classiques, chacun représentant une solution parmi d'autres. C'est ce que j'aime dans Drupal : on manque rarement de choix !

Bourez.net V11

Denis — Wed, 15 Oct 2014 18:18:22 +0000

Bourez.net V11

Web
Drupal

Denis 15/10/2014 à 20h18

Un peu plus de 2 ans après son passage sous Drupal 7, le site se dote aujourd'hui de sa première mise à jour graphique de grande ampleur, la "V11". La précédente version - vous avez deviné ? La V10 ! - n'est pas pour autant restée figée depuis juin 2012 puisque le "changelog" du thème compte 47 sous-versions, de la 10.0.0 à la 10.8.8. Mais revenons à la nouvelle version.

Même si la structure des pages n'évolue quasiment pas, des modifications ont été apportées à peu près partout : cela concerne les couleurs, la typographie, les images de fond et d'innombrables ajustements en termes de métrique. J'ai procédé à un balayage complet des CSS. Les menus ont également été remaniés et j'ai fait des modifications au niveau de la gestion des zones du thème. La feuille de style principale a subit une bonne cure d’amaigrissement.

Enfin, le formulaire d'authentification a été supprimé de la colonne de droite de la page d'accueil, remplacé par un "popup" activé par le lien en haut à droite de toutes les pages.

Nul doute que de nombreuses versions mineures seront mises en ligne dans les prochains jours. Puis arrivera la V12, avec une probable refonte complète de la page d'accueil. Quant à une hypothétique version sous Drupal 8, ce n'est pas à l'ordre du jour !