LVO Investment Partners, site trilingue

LVO Investment Partners · Conception et développement du thème (design Substance) · Thème WordPress + édition autonome côté client

Contexte

LVO, société d’investissement partenaire d’entrepreneurs et de familles industrielles, avait besoin d’un site trilingue (anglais, français, néerlandais) reflétant ses deux activités : LVO Investment Partners et LVO Industries. Le design a été confié à l’agence Substance.

J’ai développé le thème WordPress from scratch, sans partir d’un thème existant : blocs Gutenberg limités à ce dont l’équipe a réellement besoin (équipe, carrousel de projets, paragraphes, argumentaire), champs ACF versionnés en JSON, et un design system Tailwind fidèle à la charte.

Livré en juillet 2024, thème en version 1.1.0, entièrement administrable côté client.

Objectifs & livrables

Un thème from scratch, pas un child theme

Structure WordPress moderne, sans dette héritée d’un thème parent.

Gutenberg limité à l’essentiel

Blocs ACF métier (équipe, carrousel, argumentaire), le reste filtré.

Trilingue dès la conception

Polylang EN/FR/NL, switcher desktop et mobile.

Édition autonome côté client

Champs ACF versionnés, sans dépendre d’un développeur pour publier.

Sous le capot

WordPress avec ACF Pro pour le contenu, Polylang pour le trilingue (EN/FR/NL), Tailwind CSS pour le design, Alpine.js pour les interactions (menu, panneau contact, switcher de langue), Swiper et AOS pour le motion. Pipeline Laravel Mix, sans jQuery.

GutenbergACF Pro

01 / 03

Gutenberg filtré : seulement les blocs métier

Problème

Laisser l’équipe composer ses pages sans lui donner accès à tout Gutenberg, qui casserait vite la charte sur un site aussi épuré.

Approche

Le filtre allowed_block_types_all limite Gutenberg à deux blocs core (heading, paragraph) et à des blocs ACF sur-mesure : Paragraphe (texte riche), Team (repeater photo, nom, rôle, avec colonne sticky), Carousel (repeater de projets rendu en Swiper), et un bloc argumentaire « Pourquoi travailler avec nous ».

Gutenberg filtré : seulement les blocs métier

ACF ProGutenberg

02 / 03

Blocs ACF en mode edit natif

Problème

Éviter que l’équipe doive deviner le rendu final en éditant un bloc, ou jongler entre un preview approximatif et la réalité du front.

Approche

Les blocs ACF s’enregistrent en mode edit : l’éditeur voit directement les champs à remplir, pas une prévisualisation Gutenberg générique. Les groupes de champs sont synchronisés en JSON dans acf-json/, versionnés avec le thème.

Blocs ACF en mode edit natif

PolylangAlpine.js

03 / 03

Trilingue : Polylang desktop et mobile

Problème

Proposer un switch de langue EN/FR/NL cohérent sur desktop et mobile, sans dupliquer la logique entre les deux.

Approche

Polylang gère les trois langues, avec un switcher piloté par Alpine.js (dropdown, transitions) sur desktop, et un select natif sur mobile pour rester simple et accessible sur petit écran. Les chaînes du thème passent par un text domain dédié.

Trilingue : Polylang desktop et mobile

Décisions

Pourquoi ces choix techniques

Substance. Mon travail a porté sur la conception technique et le développement du thème.

Suite

Un thème WordPress trilingue, édition limitée aux vrais besoins ?

Gutenberg restreint à des blocs métier, pas un éditeur ouvert à tout casser.