Refonte complète du site internet de Liqueur de Toile

Refonte complète du site internet de Liqueur de Toile

Reprendre un site internet, ce n’est jamais simple, surtout quand c’est le sien. Le premier avait été conçu en 2016 sur une base wordpress et il devenait complètement obsolète sur bien des aspects.

La création du nouveau thème a mobilisé beaucoup de ressources et l’effet le plus visible est la nouvelle page d’accueil. Entièrement conçue par Liqueur de Toile sur la base de blocs Gutenberg maison, elle permet une navigation fluide avec un système de panneaux à l’arrière-plan fixe. Le défi technique était conséquent car aucun script n’est utilisé et elle est réalisée purement en CSS.

La nouvelle page d’accueil de Liqueur de Toile

Avec ce système de blocs, l’expérience de navigation est complètement revisitée en rompant avec l’obligation de défiler manuellement. Pour autant, elle reste suffisamment conforme aux standards du web pour ne pas perdre les visiteurs. Elle est évidemment complètement adaptée à toutes les tailles même si les images et vidéos de fond passent plus inaperçues sur mobile.

Côté design, la boîte oblique a été repensée en pur CSS et généralisée. Occasion également de créer notre propre bloc Gutenberg. Nous sommes même allés plus loin en implémentant la technique du clipping pour permettre un arrière-plan personnalisé, y compris en vidéo.

Nous avons également créé un bloc permettant d’utiliser quelques animations CSS, comme l’effet de retournement sur des cartes obliques dans les menus de rubriques.

La charte graphique a été mise au goût du jour pour apporter plus de peps tout en conservant sa typographie.

Les catégories ont été entièrement revues pour être simplifiées et les articles sont désormais chargés en ajax pour permettre un lancement plus rapide des pages du blog.

Nous avons également créé notre propre moteur de recherche interne, accessible par la petite loupe bleue en bas à droite. Les résultats sont chargés dynamiquement pour éviter de basculer tout de suite sur la page des résultats.

Nous avons également abandonné la recaptcha Google, problématique au regard du respect des données personnelles, au profit de Cloudflare Turnstile.

Il y a également beaucoup de travail invisible : départ sur un thème vierge, recours à Webpack, Typescript et Tailwind… Au passage, nous avons créé notre propre bundler pour préparer le thème prêt à la publication. Il sera bientôt officiellement publié dans version 1.0.0.

Beaucoup de travail donc depuis le mois de décembre dernier mais avec un résultat qui en vaut la peine. Enfin, on l’espère !

caret-downcirclecloseexpandfacebook-squarehamburgerinstagram-squarelinkedin-squarepauseplayquote-leftspinner-3-dotstwitter-square