Beschreibung
- Höhe für Kopfzeile festlegen
- Höhe für geschrumpfte Kopfzeile festlegen
- Logo-Verkleinerungsfaktor festlegen
- 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)
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.
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 den Header ist in vielen Block-Themes zunächst transparent.
Aus diesem Grund muss die Hintergrundfarbe des äußeren Gruppenblocks für den Header beispielsweise auf eine Farbe wie Weiß geändert werden.
Wenn der Header eine Hintergrundfarbe hat, dann „verdeckt“ der Header den Inhalt beim Scrollen. Siehe auch Screenshot. -
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/
Rezensionen
Für dieses Plugin gibt es keine Rezensionen.
Mitwirkende & 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 1 Sprache übersetzt. Danke an die Übersetzerinnen und Ü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.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