Beschreibung
Optionen:
- Höhe für Kopfzeile festlegen
- Höhe für geschrumpfte Kopfzeile festlegen
- Logo-Verkleinerungsfaktor festlegen
- Logo nach links verschieben (zugefügt in Version 1.3)
- Animationsdauer (in Sekunden) für die schrumpfende Kopfzeile festlegen
- Option, um einen Breakpoint für die Navigation zu setzen (zugefügt in Version 1.1)
- Option, um Off-Canvas zu setzen (hinzugefügt in Version 1.2)
- Option für die Geschwindigkeit des Off-Canvas-Einblendens (zugefügt in Version 1.3.1)
- Option zum Deaktivieren des inneren Abstands (Padding) in der Kopfzeile (hinzugefügt in Version 1.4)
- Option zum Aktivieren von Text unter dem Mobilgeräte-Symbol und Anzeigen eines größeren Mobilgeräte-Menü-Symbols (Hamburger) – besser aus Gründen der Barrierefreiheit (hinzugefügt in Version 1.4)
- Option zum Beschriften von Text (hinzugefügt in Version 1.4)
- Option: Das Menü erscheint auf Mobilgeräten nicht als oben gehaltenes Menü – dies kann aus Gründen der Barrierefreiheit vorteilhaft sein (hinzugefügt in Version 1.4.1)
Dynamic Header & Navigation for Block Themes (vorheriger Name des Plugins: Shrinking Logo Sticky Header) ist ein leichtgewichtiges WordPress-Plugin, das speziell als Navigationslösung für die meisten Block-Themes entwickelt wurde.
Es fügt einen modernen Sticky Header mit sanften, animierten Schrumpfungseffekten sowohl für den Header als auch für das Website-Logo hinzu.
Wenn der Benutzer auf der Seite nach unten scrollt, werden die Kopfzeile und das Logo automatisch verkleinert, wodurch der Platz auf dem Bildschirm maximiert wird und die Navigation leicht zugänglich bleibt, ohne das Surferlebnis zu stören.
Mit dem Plugin kannst du die Höhe von Header und Logo sowohl im normalen als auch im verkleinerten Zustand individuell konfigurieren und hast so die volle Kontrolle über das Erscheinungsbild deiner Website.
Diese Einstellungen lassen sich ganz einfach an deine Branding- oder Designvorlieben anpassen.
Einer der Hauptvorteile von Dynamic Header & Navigation for Block Themes ist seine Einfachheit:
Nach der Aktivierung funktionieren die Sticky- und Shrinking-Effekte grundsätzlich sofort – es ist keine zusätzliche Einrichtung oder Konfiguration erforderlich.
Das macht es ideal für Anwender, die einen professionellen, dynamischen Header-Effekt wünschen, ohne sich mit komplexen Optionen oder benutzerdefiniertem Code auseinandersetzen zu müssen.
Übersetzungen
- (Französisch): Danke Patricia BT
Screenshots
Installation
- Gehe auf
Pluginsim Admin-Menü - Klicke auf den Button
Neu hinzufügen - Suche nach
Shrinking Logo Sticky Headerund klicke auf „Jetzt installieren“ oder klicke auf denuploadLink zum Hochladen vonshrinking-logo-sticky-header.zip - Klicke auf
Plugin aktivieren
FAQ
-
Ist es möglich, dieses Plugin auch für klassische Themes (z. B. Astra, OceanWP, GeneratePress) zu verwenden?
-
Klassische Themes bieten teilweise eine solche Option, ggf. aber nur in einer kostenpflichtigen Variante. Dieses Plugin kann nur mit Block-Themes genutzt werden.
-
Ist es möglich, dieses Plugin für alle Block Themes zu verwenden?
-
Getestet mit Twenty Twenty-Three, Twenty Twenty-Four, Twenty Twenty-Five und Circles WP.
Sollte das Plugin mit deinem Block-Theme nicht funktionieren, schreib bitte in das Support-Forum. Ich werde dann sehen, was ich tun kann. -
Warum ist der Sticky Header transparent und wie kann ich das ändern?
-
Der Template-Teil für die Kopfzeile ist in vielen Block-Themes zunächst transparent.
Aus diesem Grund muss die Hintergrundfarbe des äußeren Gruppenblocks für die Kopfzeile auf eine Farbe wie beispielsweise Weiß geändert werden.
Wenn die Kopfzeile eine Hintergrundfarbe hat, „überdeckt“ sie beim Scrollen den Inhalt. Siehe auch den Screenshot. Dies ist die empfohlene Vorgehensweise.
Wenn die oben beschriebene empfohlene Option bei dir nicht funktioniert, kannst du die Hintergrundfarbe für die Kopfzeile auch automatisch über die Einstellungen festlegen. -
Ja, kein Problem: Ab Version 1.4.1 kannst du die oben gehaltene-Option auf Mobilgeräten optional deaktivieren. Bitte beachte dazu die Einrichtung des Plugins.
-
Kannst du mir Beispiele zeigen, die diese Effekte veranschaulichen?
-
Ja, gerne:
https://haurand.com/ und https://space4.yd-sgs.de/ -
Gibt es eine Dokumentation und weitere Informationen über das Plugin?
-
Ja, natürlich:
* (English): https://haurand.com/plugin-shrinking-logo-sticky-header/
* (German): https://haurand.com/das-plugin-shrinking-logo-sticky-header/ -
Wer bist du?
-
Ich bin Hans-Gerd, ein WordPress-Enthusiast.
Meine Arbeit an diesem Plugin wird von https://haurand.com/ gesponsert. -
Wie kann ich Sicherheitsfehler melden?
-
Du kannst Sicherheitslücken über das Patchstack Vulnerability Disclosure Program melden. Das Patchstack-Team hilft bei der Validierung, Einstufung und Behandlung von Sicherheitslücken. Sicherheitslücke melden.
Rezensionen
Mitwirkende und Entwickler
„Dynamic Header & Navigation for Block Themes“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
„Dynamic Header & Navigation for Block Themes“ wurde in 2 Sprachen übersetzt. Danke an die Übersetzer für ihre Mitwirkung.
Übersetze „Dynamic Header & Navigation for Block Themes“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.5: January 4, 2026
- Behoben: Flackern im Header beim Scrollen nach oben in den meisten Fällen vollständig verhindert (Code-Verbesserungen)
- Behoben: Sprachdateien korrigiert- direkter Zugriff verhindert
- Plugin Check: Keine Fehler, keine Warnungen
1.4.1: November 20, 2025
- Hinzugefügte Option: Das Menü erscheint auf Mobilgeräten nicht als oben gehaltenes Menü – dies kann aus Gründen der Barrierefreiheit vorteilhaft sein.
- Korrektur: ID im Formularfeld korrigiert
- Getestet bis WordPress 6.9
1.4: September 10, 2025
- Hinzugefügt: Option zum Deaktivieren des inneren Abstands (Innenabstand) im Header
- Hinzugefügt: Option zum Aktivieren von „Text unter mobilem Symbol“ und Anzeigen eines größeren mobilen Menüsymbols (Hamburger) – besser aus Gründen der Barrierefreiheit
- Verbesserung: Höhe und Breite des Mobil-Symbols (SVG) wurden auf 44px (AAA) geändert, wenn die oben genannte Option verwendet wird.
- Hinzugefügt: Option zum Beschriften von Text unterhalb des Mobil-Symbols
- Verbesserungen: Erläuterungen und Design in den Einstellungen bereinigt
1.3.2: August 1, 2025
- Fix: Anker werden nun in der richtigen Höhe gesteuert.
- Verbesserungen: Verschiedene CSS-Regeln optimiert (bessere Unterstützung für verschiedene Block-Themes, z. B. Ollie)
1.3.1: July 11, 2025
- Hinzugefügt: Option für die Geschwindigkeit des Off-Canvas-Einblendens
- Hinzugefügt: Zeige Version des Plugins in den Einstellungen (Header)
1.3: June 22, 2025
- Hinzugefügt: Optionale Einstellung der Hintergrundfarbe für den Header
- Hinzugefügt: Optionale Einstellung für die Verschiebung des Logos nach links
- Zugefügt: Notiz für Bewertung
1.2: May 22, 2025
- Hinzugefügt: Optionales Off-Canvas-Menü
- Hinzugefügt: Deinstallation: Lösche die Optionen, wenn das Plugin deinstalliert wird.
- Plugin umbenannt: „Dynamic Header & Navigation for Block Themes“ anstatt des vorherigen Namens des Plugins: „Shrinking Logo Sticky Header“
- Sprachdateien akualisiert
- Behoben: Laden von Sprachdateien Hinweis: „Dieses Plugin ist nicht richtig für die Lokalisierung vorbereitet.“
- Erweiterungen: Code-Verbesserung (Überflüssige Option gelöscht)
1.1: May 9, 2025
- Hinzugefügt: Optionale Breakpoint-Einstellungen
- Verbesserungen: Codeverbesserung
1.0: May 1, 2025
- Verbesserung: Sicherheit (Zusätzliches Escapen der Werte)
- Verbesserung: Textdomäne umbenannt aufgrund der Internationalisierung dieses Plugins
- Mit Plugin Check geprüft: „Prüfung abgeschlossen. Es wurden keine Fehler gefunden.“
0.4.4: April 26, 2025
- Verbesserung: Optimiere CSS
0.4.3: April 26, 2025
- Hinzugefügt: Option für Logo Verkleinerungsfaktor (Wert in 0.05 Schritten)
- Verbesserung: CSS optimiert
0.4.2: April 26, 2025
- Hinzugefügt: Übersetzungs-Option und Übersetzungsdateien im Sprach-Ordner
- Hinzugefügt: Option für die Höhe des Header
0.4.1: April 25, 2025
- Fix: Problem mit der inneren Gruppe
0.4: April 25, 2025
- Einstellungen im Backend für die Höhe des Headers/Logos und die Dauer der Animation hinzugefügt
0.3: April 24, 2025
- Optimierter Schrumpfeffekt
0.1: April 24, 2025
- Geburtstag von Shrinking Logo Sticky Header