Dynamic Header & Navigation for Block Themes

Description

Options :

  • Réglage de la hauteur de l’entête
  • Réglage de la hauteur du rétrécissement de l’entête
  • Réglage du facteur de rétrécissement du logo
  • Définit le logo rétréci à gauche (ajouté dans la version 1.3)
  • Réglage de la durée de l’animation (en secondes) pour le rétrécissement de l’entête
  • Option pour définir un point de rupture pour la navigation (ajoutée dans la version 1.1)
  • Option pour définir le hors-champ (ajoutée dans la version 1.2)
  • Option for the speed of the Off-Canvas fade-in (added in Version 1.3.1)
  • Option to disable inner spacing (padding) in header (added in Version 1.4)
  • Option to enable Text below mobile Icon and display larger mobile menu Icon (Hamburger) – better for accessibility reasons (added in Version 1.4)
  • Option to Label Text (added in Version 1.4)

Dynamic Header & Navigation for Block Themes (Nom précédent de l’extension : Shrinking Logo Sticky Header) est une extension WordPress légère développée spécifiquement comme solution de navigation pour la plupart des thèmes basés sur les blocs.
Elle ajoute un entête épinglé moderne avec des effets de réduction douce et animée pour l’entête et le logo du site.
Lorsque l’internaute fait défiler la page, l’entête et le logo se réduisent automatiquement, ce qui optimise l’espace à l’écran et permet d’accéder facilement à la navigation sans perturber l’expérience de navigation.

L’extension vous permet de configurer individuellement la hauteur de l’entête et du logo, qu’ils soient normaux ou réduits, ce qui vous donne un contrôle total sur l’apparence de votre site.
Ces réglages peuvent être facilement ajustés pour correspondre à votre image de marque ou à vos préférences en matière de design.

L’un des principaux avantages de Dynamic Header & Navigation for Block Themes est sa simplicité :
Après l’activation, les effets pour épingler ou rétrécir le menu fonctionnent en principe immédiatement – aucune installation ou réglage supplémentaire n’est nécessaire.
Il est donc idéal pour les utilisateurs et utilisatrices qui souhaitent obtenir un effet d’entête dynamique et professionnel sans avoir à gérer des options complexes ou du code personnalisé.

Traductions

Captures d’écrans

Installation

  1. Allez dans Extensions dans le menu de l’interface d’administration
  2. Cliquez sur le bouton Ajouter une extension
  3. Recherchez Shrinking Logo Sticky Header et cliquez sur « Installer maintenant » ou cliquez sur le lien téléverser une extension pour téléverser shrinking-logo-sticky-header.zip.
  4. Cliquez sur Activer l’extension

FAQ

Est-il possible d’utiliser cette extension également avec les thèmes classiques (par exemple Astra, OceanWP, GeneratePress) ?

Les thèmes classiques offrent parfois une telle option, mais probablement uniquement dans des versions payantes. Cette extension ne peut être utilisée qu’avec des thèmes basés sur les blocs.

Est-il possible d’utiliser cette extension avec tous les thèmes basés sur les blocs ?

Testé avec Twenty Twenty-Three, Twenty Twenty-Four, Twenty Twenty-Five, Circles WP.
Si l’extension ne fonctionne pas avec votre thème basé sur les blocs, veuillez écrire dans le forum de support. Je verrai alors ce que je peux faire.

Pourquoi l’entête épinglé est-il transparent et comment puis-je le modifier ?

The template part for the header is initially transparent in many block themes.
For this reason, the background colour of the outer group block for the header must be changed to a colour such as white, for example.
If the header has a background colour, then the header ‘covers’ the content when scrolling. See also the screenshot. This is the recommended procedure.
If the recommended option described above does not work for you, you can also set the background colour for the header automatically via the settings.

Pouvez-vous me montrer des exemples illustrant ces effets ?

Oui, avec plaisir :
https://haurand.com/ et https://space4.yd-sgs.de/

Existe-t-il de la documentation et des informations complémentaires sur l’extension ?

Oui, bien sûr :
* (anglais) : https://haurand.com/plugin-shrinking-logo-sticky-header/
* (allemand) : https://haurand.com/das-plugin-shrinking-logo-sticky-header/

Who are you?

I’am Hans-Gerd, a WordPress enthusiast.
My work on this plugin will be sponsored by https://haurand.com/

How can I report security bugs? ###

You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage and handle any security vulnerabilities. Report a security vulnerability.

Avis

10 septembre 2025 1 réponse
In like fixed headers, but as they tend to be too big on small screens I often do not activate them. This little plugin is the perfect companion for fixed headers in block themes. All it does it make them shrink a bit as you scroll. Just give it a go. You’ll like it.
18 août 2025 1 réponse
I like using fixed headers. This plugin offers me everything I need: Automatic shrinking when scrolling down Adjustment of spacing for jump marks Adjustment of animation. And everything is solidly programmed. Thank you!
26 juin 2025 2 réponses
Nice to find a quick and simple way to make a site’s sticky header and logo shrink a bit when you start scrolling down the page, for block themes. Got used to doing it easily with page builders, couldn’t find a no-code way to do it in FSE. Hopefully this functionality will one day be a WP core option. Worked fine in the Twenty Twenty-Five theme as soon as I activated it, and there are controls to fine-tune the sizing if you want to.
Lire les 3 avis

Contributeurs/contributrices & développeurs/développeuses

« Dynamic Header & Navigation for Block Themes » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Dynamic Header & Navigation for Block Themes” a été traduit dans 2 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Dynamic Header & Navigation for Block Themes » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

1.4: September 10, 2025

  • Added: Option for disable inner spacing (padding) in header
  • Added: Option to enable Text below mobile Icon and display larger mobile menu Icon (Hamburger) – better for accessibility reasons
  • Enhancement: Height and width of mobile icon (SVG) changed to 44px (AAA) when the above option is used
  • Added: Option to Label Text below mobile Icon
  • Enhancements: Explanations and Design in the settings cleaned up

1.3.2: August 1, 2025

  • Fix: Anchors are now controlled at the correct height.
  • Enhancements: Various CSS rules optimised (better support for various block themes for example Ollie)

1.3.1: July 11, 2025

  • Added: Option for the speed of the off-canvas fade-in
  • Added: Show Version of the Plugin in Settings (header)

1.3: June 22, 2025

  • Ajouté : réglage optionnel de la couleur d’arrière-plan de l’entête
  • Ajouté : réglage optionnel permettant de déplacer le logo réduit vers la gauche
  • Ajouté : notification pour avis

1.2: May 22, 2025

  • Ajouté : menu hors-champ optionnel
  • Ajouté : désinstallation : supprimez les options dans la table lorsque vous désinstallez cette extension.
  • Renommage de l’extension : « Dynamic Header & Navigation for Block Themes » au lieu du nom précédent de l’extension : « Shrinking Logo Sticky Header »
  • Mise à jour des fichiers de langue
  • Correctif : notification de chargement des fichiers de langue : « Cette extension n’est pas correctement préparée pour la localisation. »
  • Améliorations : amélioration du code (suppression des options superflues)

1.1: May 9, 2025

  • Ajouté : réglages optionnels des points de rupture
  • Améliorations : amélioration du code

1.0: May 1, 2025

  • Amélioration : sécurité (échappement supplémentaire des valeurs)
  • Amélioration : renommage du text domain dû à l’internationalisation de cette extension
  • Vérifié avec Plugin Check : « Vérification terminée. Aucune erreur n’a été trouvée. »

0.4.4: April 26, 2025

  • Amélioration : CSS optimisé

0.4.3: April 26, 2025

  • Ajouté : option pour le facteur de rétrécissement du logo (valeur par incréments de 0,05)
  • Amélioration : CSS optimisé

0.4.2: April 26, 2025

  • Ajouté : option de traduction et fichiers de traduction dans le dossier des langues
  • Ajouté : option pour la hauteur de l’entête

0.4.1: April 25, 2025

  • Correctif : problème avec le groupe intérieur

0.4: April 25, 2025

  • Ajout de réglages dans l’interface d’administration pour la hauteur de l’entête/du logo, de la durée de l’animation.

0.3: April 24, 2025

  • Effet de rétrécissement optimisé

0.1: April 24, 2025

  • Naissance de Shrinking Logo Sticky Header