Gutenberg Blur est une extension WordPress qui ajoute un effet de flou et de verre dépoli aux blocs de l’éditeur : un texte reste lisible posé sur une photo, sans la cacher.
L’effet s’applique aux blocs Groupe, Colonnes, Colonne, Rangée et Couverture. Ce qui se trouve derrière le bloc est flouté, comme à travers une vitre, et tout se règle dans la barre latérale de l’éditeur, sans écrire de code.
Réglages dans l’éditeur
- Deux effets : flou simple ou verre
- Couleur et opacité du fond
- Intensité du flou, de 0 à 25 pixels
- Saturation des couleurs derrière le bloc
- Aperçu en direct dans l’éditeur
Le panneau « Effet de flou » apparaît dès qu’un bloc compatible est sélectionné : il suffit de l’activer et de choisir le type d’effet.
Un effet de verre avec lumière et ombre
- Position de la source de lumière réglable
- Bordures éclairées selon l’angle de la lumière
- Ombre portée du côté opposé
- Reflet intérieur, taille et diffusion réglables
- Couleur et opacité de la bordure
Le rendu dans l’éditeur est le même que sur le site : ce que vous réglez est ce que voient vos visiteurs.
Léger et sans dépendance
- Un petit fichier de style, chargé seulement si besoin
- Aucun service extérieur, aucun script tiers
- Traduite en français et six autres langues
Installation et mises à jour
- Téléchargez le .zip sur la page des versions.
- Extensions, Ajouter, Téléverser une extension.
- Installez, puis activez.
- Sélectionnez un bloc Groupe ou Couverture.
- Activez l’effet dans le panneau « Effet de flou ».
Ensuite, les nouvelles versions apparaissent d’elles-mêmes dans la page Mises à jour de WordPress, comme pour une extension de wordpress.org : elles viennent du serveur de code de LRob, git.lrob.net.
Il faut WordPress 6.8 ou plus récent, PHP 8.2 ou plus récent, et l’éditeur de blocs. L’effet repose sur la propriété CSS backdrop-filter, prise en charge par les navigateurs récents.
Questions fréquentes
Gutenberg Blur est-elle gratuite ?
Oui. Licence GPL, sans abonnement ni version payante.
Sur quels blocs fonctionne-t-elle ?
Groupe, Colonnes, Colonne, Rangée et Couverture : les blocs qui servent à poser un contenu sur une image.
Ralentit-elle le site ?
Non : seul un petit fichier de style est chargé, et seulement sur les pages qui utilisent l’effet.
Que voit un navigateur ancien ?
Le bloc garde sa couleur de fond semi-transparente, sans le flou : le texte reste lisible.
Code source et licence
Gutenberg Blur est publiée sous licence GPL 2.0 ou ultérieure, comme WordPress : libre, gratuite, sans version payante. Le code, les versions et le suivi des problèmes sont sur git.lrob.net/WP/gutenberg-blur ; pour un bug ou une idée, ouvrez un ticket sur le dépôt.
Les autres extensions WordPress LRob
- Email Toolkit : e-mails, formulaires et newsletters
- LRob Calendar : calendrier d’événements
- QR Code Maker : QR codes avec suivi des scans
- Cookie Consent : bandeau de cookies RGPD
- Age Gate : vérification d’âge
- La Carte : carte de bar ou de restaurant
- LRob Hiboutik : caisse Hiboutik et WooCommerce
Toutes les extensions, classées par usage, sont sur la page Plugins LRob.
