Title: gRDV Anchor Transition Author: grdv Published: 18. August 2026 Last modified: 21. August 2026 --- Plugins suchen ![](https://ps.w.org/grdv-anchor-transition/assets/banner-772x250.png?rev=3658892) ![](https://ps.w.org/grdv-anchor-transition/assets/icon-256x256.png?rev=3658892) # gRDV Anchor Transition Von [grdv](https://profiles.wordpress.org/grdv/) [Herunterladen](https://downloads.wordpress.org/plugin/grdv-anchor-transition.0.4.7.zip) * [Details](https://de.wordpress.org/plugins/grdv-anchor-transition/#description) * [Rezensionen](https://de.wordpress.org/plugins/grdv-anchor-transition/#reviews) * [Installation](https://de.wordpress.org/plugins/grdv-anchor-transition/#installation) * [Entwicklung](https://de.wordpress.org/plugins/grdv-anchor-transition/#developers) [Support](https://wordpress.org/support/plugin/grdv-anchor-transition/) ## Beschreibung Ankerlinks sind nützlich. Der anschließende plötzliche Sprung oder das schnelle sichtbare Scrollen sind es häufig nicht. Gestalte standardkonforme Ankerlinks als ruhigen visuellen Übergang – unabhängig davon, ob sie mit dem Block-Editor, einem Theme oder einem Page-Builder erstellt wurden. Ganz gleich, ob der Browser sofort springt oder ein Theme sichtbar durch die Seite rast: gRDV Anchor Transition verbirgt diese ablenkende Bewegung hinter einem konfigurierbaren visuellen Übergang. Die aktuelle Ansicht wird abgedeckt, der Browser wechselt im Hintergrund sofort zum Ziel und der neue Abschnitt wird eingeblendet. Besucher gelangen an die erwartete Stelle, ohne dabei zuzusehen, wie die gesamte Seite vorbeirauscht. Das funktioniert bei Links auf derselben Seite, bei Links zu Ankern auf einer anderen internen Seite und bei Nach-oben-Buttons. Es sind weder ein Cloud-Konto noch ein externer Dienst oder ein Page-Builder-spezifisches Widget erforderlich. #### Warum gRDV Anchor Transition verwenden? * Ersetze abrupte Ankersprünge und schnelle Scroll-to-Anchor-Animationen durch einen ruhigeren, bewusst gestalteten Übergang. * Bewahre bei langen Landingpages, Onepagern, Inhaltsverzeichnissen und Funktionsnavigationen ein stimmiges visuelles Gesamtbild. * Verwende denselben Effekt für Anker auf der aktuellen Seite und für Ziele auf anderen internen Seiten. * Nutze einen optionalen Abstand, damit Sticky- oder fixierte Header das Ziel nicht verdecken. * Verwende einen erkannten Nach-oben-Button des Themes oder Page-Builders weiter. * Erstelle und gestalte einen eigenen Nach-oben-Button, wenn die Website keinen bereitstellt. * Finde typische Ankerfehler direkt auf der ausgegebenen Seite, bevor Besucher darauf stoßen. #### Ein Übergang, der zur Website passt Konfiguriere den Effekt unter Einstellungen > Anchor Transition. Passe Folgendes an: * Abdeckdauer, Haltezeit und Einblenddauer. * Maximale Deckkraft der Überlagerung. * Einfarbiger Hintergrund oder linearer Farbverlauf. * Übergangsverlauf und Verhalten auf Mobilgeräten. * Automatische Erkennung fixierter Header und einstellbarer Abstand zwischen Ankerziel und oberem Seitenrand. * Verhalten bei Ankern auf derselben Seite, seitenübergreifenden Ankern und Nach- oben-Buttons. Der Übergang besteht aus drei klaren Phasen: 1. **Abdecken:** Die Überlagerung wird eingeblendet und verbirgt die aktuelle Ansicht. 2. **Wechseln:** Der Browser positioniert das Ziel sofort, während die Seite abgedeckt ist. Eine optionale Haltezeit kann eine bewusste Pause ergänzen. 3. **Einblenden:** Die Überlagerung wird ausgeblendet und gibt den Blick auf das Ziel frei. Beginne mit den vorgegebenen Standardwerten und passe anschließend Abdeck- und Einblenddauer gemeinsam an. Eine kurze Haltezeit wirkt direkt; eine längere erzeugt einen deutlicher wahrnehmbaren Szenenwechsel. #### Dein eigener Nach-oben-Button, wenn er benötigt wird WordPress selbst fügt keinen allgemeinen schwebenden Nach-oben-Button hinzu, einige Themes und Page-Builder stellen jedoch einen bereit. Das Plugin sucht zunächst nach einem erkannten vorhandenen Button und führt ihn über den konfigurierten Übergang aus. Wenn keiner vorhanden ist, kann ein optionaler Ersatz-Button mit folgenden eigenen Einstellungen erstellt werden: * Positionierung links oder rechts. * Horizontaler und vertikaler Randabstand in Pixeln. * Hintergrund- und Symbolfarbe. * Pfeil-, Winkel-, Dreieck- oder Doppelpfeil-Symbol. * Runde, abgerundete oder eckige Form. * Scrollstrecke, ab der der Button sichtbar wird. Pixelabstände helfen dabei, den Button von Cookie-Steuerelementen, Chat-Bubbles und anderen schwebenden Widgets freizuhalten. Die Gestaltungsoptionen wirken sich nur auf den vom Plugin bereitgestellten Ersatz-Button aus; vorhandene Buttons von Themes und Page-Buildern behalten ihr eigenes Design. #### Finde fehlerhafte Anker vor deinen Besuchern Administratoren erhalten in der Werkzeugleiste der Website den Eintrag „Ankerprüfung“. Dieser untersucht die Seite so, wie sie tatsächlich von WordPress, dem aktiven Theme und dem Page-Builder ausgegeben wird. Die Prüfung meldet: * Links, deren Ziel-ID auf der aktuellen Seite fehlt. * Doppelte IDs auf der ausgegebenen Seite. * IDs, die sich nur durch Groß- und Kleinschreibung unterscheiden. * Leere ID-Attribute. * Leere Hash-Links. * Ungültig codierte Ankerlinks. Betroffene Elemente können direkt auf der Seite hervorgehoben werden. Die Prüfung bearbeitet keine Inhalte, durchsucht nicht die gesamte Website und speichert keinen Bericht. #### Für ausgegebenes HTML entwickelt, nicht für einen bestimmten Page-Builder Das Plugin arbeitet mit standardmäßigen HTML-Ankerlinks und IDs. Dadurch eignet es sich für den Block-Editor und Block-Themes, klassische Themes sowie Page-Builder wie Divi, Elementor, Bricks, Breakdance, Beaver Builder, Oxygen und WPBakery. Gängige Tabs, Akkordeons, Pop-ups, responsive Navigationselemente und Bearbeitungsmodi von Page-Buildern behalten ihr ursprüngliches Verhalten. Einzelne Links oder Komponenten können außerdem mit der Klasse `grat-no-transition`, dem Attribut `data-gr-anchor- transition="off"` oder einem eigenen CSS-Selektor ausgeschlossen werden. #### Bewusst lokal Das Plugin erfasst, überträgt und speichert keine Besucherdaten dauerhaft. Es verwendet weder Cookies noch Analysedienste, externe APIs, CDNs oder extern geladene Ressourcen. Bei einem Link zu einem Anker auf einer anderen internen Seite legt das Plugin vorübergehend ausschließlich Zielpfad, Abfrage, Anker und Zeitstempel im Sitzungsspeicher des Browsers ab. Der Eintrag wird entfernt, sobald die Zielseite ihn ausliest, und läuft nach zehn Sekunden ab. Ergebnisse der Ankerprüfung verbleiben im aktuellen Browser- Tab des Administrators und verschwinden, sobald das Panel oder die Seite geschlossen wird. #### Barrierefreiheit Das Plugin berücksichtigt die Einstellung `prefers-reduced-motion` des Besuchers und überspringt den visuellen Übergang, wenn reduzierte Bewegung gewünscht wird. Nach der Ankernavigation wird der Tastaturfokus auf das Ziel verschoben. Der ersatzweise Nach-oben-Button besitzt eine barrierefreie Beschriftung und einen sichtbaren Tastaturfokus. Das Plugin erhebt keinen Anspruch darauf, die Einhaltung von Barrierefreiheitsanforderungen zu zertifizieren. ## Screenshots [⌊Link exclusions, administrator-only anchor checker, automatic saving, and protected reset action.⌉⌊Link exclusions, administrator-only anchor checker, automatic saving, and protected reset action.⌉[ Link exclusions, administrator-only anchor checker, automatic saving, and protected reset action. ## Installation 1. Lade den Plugin-Ordner nach `/wp-content/plugins/` hoch oder installiere das Plugin über die WordPress-Pluginverwaltung. 2. Aktiviere gRDV Anchor Transition. 3. Öffne Einstellungen > Anchor Transition und beginne mit den vorgegebenen Standardwerten. 4. Öffne als angemeldeter Administrator eine Seite der Website und wähle in der Werkzeugleiste„ Ankerprüfung“. Die Einstellungsseite erläutert die zeitlichen Phasen und Kompatibilitätsoptionen. Mit der geschützten Zurücksetzen-Aktion am Seitenende können alle Einstellungen wiederhergestellt werden. ## FAQ ### Ist dafür ein Page-Builder erforderlich? Nein. Das Plugin funktioniert mit normalen HTML-Ankerlinks und Zielen auf der ausgegebenen Seite. ### Welche Arten von Ankerlinks werden unterstützt? Das Plugin verarbeitet Links zu einem Ziel auf der aktuellen Seite, Links zu einem Anker auf einer anderen internen Seite und erkannte Nach-oben-Buttons. Links zu externen Websites werden nicht abgefangen. ### Fügt es sanftes Scrollen für Mausrad- oder Tastaturnavigation hinzu? Nein. Das Plugin deckt die Ankernavigation ab und positioniert das Ziel sofort im Hintergrund, anstatt einen weiteren sichtbaren Smooth-Scroll-Effekt hinzuzufügen. Das normale Scrollen mit Mausrad, Touch-Geste und Tastatur bleibt unverändert. ### Unterstützt es den Nach-oben-Button meines Themes? Das Plugin erkennt gängige Bedienelemente von Divi und anderen Themes und Plugins. In den Einstellungen können zusätzliche CSS-Selektoren eingetragen werden. Ein optionaler Ersatz-Button wird nur angezeigt, wenn kein erkanntes Bedienelement vorhanden ist, und kann mit eigenem Symbol, eigener Form, eigenen Farben, eigener Seite und eigenen Pixelabständen gestaltet werden. ### Verändert die Plugin-Gestaltung meinen Divi- oder Theme-Button? Nein. Vorhandene Bedienelemente behalten ihr ursprüngliches Aussehen. Einstellungen für Symbol, Form, Farbe und Pixelabstände gelten ausschließlich für den vom Plugin erstellten Ersatz-Button. ### Kann ich einen bestimmten Link oder eine Komponente ausschließen? Ja. Füge einem Link oder einem seiner übergeordneten Elemente die Klasse `grat-no- transition` oder das Attribut `data-gr-anchor-transition="off"` hinzu. Die vorgegebene Ausschlusseinstellung erkennt bereits beide Varianten. Für eigene Komponenten können zusätzliche CSS-Selektoren eingetragen werden. ### Beeinträchtigt das Plugin Tabs oder Akkordeons? Das Plugin nimmt gängige Bedienmuster für Tabs, Akkordeons, Pop-ups, responsive Menüs und Page-Builder aus. Komponenten mit ungewöhnlichem Markup können dem Ausschlussselektor hinzugefügt werden. ### Durchsucht die Ankerprüfung die gesamte Website? Nein. Sie prüft die aktuell ausgegebene Seite. Dadurch bleibt die Prüfung schnell, lokal, mit dynamischen Page-Builder-Ausgaben kompatibel und frei von gespeicherten Scandaten. Anker auf einer anderen Seite werden geprüft, wenn diese Seite geöffnet wird. ### Speichert das Plugin personenbezogene Daten? Nein. Das Plugin speichert oder überträgt keine personenbezogenen Daten und verwendet keine Cookies. Ein kurzlebiger Eintrag im Sitzungsspeicher, der ausschließlich das angeforderte interne Ziel enthält, verhindert das native Scrollen des Browsers bei seitenübergreifenden Ankerübergängen. ## Rezensionen Zu diesem Plugin liegen noch keine Rezensionen vor. ## Mitwirkende und Entwickler „gRDV Anchor Transition“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt: Mitwirkende * [ grdv ](https://profiles.wordpress.org/grdv/) „gRDV Anchor Transition“ wurde in 2 Sprachen übersetzt. Danke an [die Übersetzer](https://translate.wordpress.org/projects/wp-plugins/grdv-anchor-transition/contributors) für ihre Mitwirkung. [Übersetze „gRDV Anchor Transition“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/grdv-anchor-transition) ### Interessiert an der Entwicklung? [Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/grdv-anchor-transition/), sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/grdv-anchor-transition/) an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/grdv-anchor-transition/) per [RSS](https://plugins.trac.wordpress.org/log/grdv-anchor-transition/?limit=100&mode=stop_on_copy&format=rss). ## Änderungsprotokoll #### 0.4.7 * Replaced the administration header badge with the bundled white gRDV logo used across the plugin family. * Added file-based cache busting for administration CSS, JavaScript, and the header logo. * Added WordPress.org banners and screenshots in English and German together with translated captions. #### 0.4.6 * Eine erweiterbare Tableiste zur zentralen Einstellungsseite von gRDV Anchor Transition hinzugefügt, damit ergänzende Module ihre Einstellungen ohne zusätzliche WordPress- Menüeinträge integrieren können. * Die Lizenzangabe des Plugins auf GPLv3 oder neuer vereinheitlicht. * Nur für die Entwicklung bestimmte Konzeptgrafiken durch die endgültigen Icon- Dateien für das WordPress-Pluginverzeichnis ersetzt. Frühere Versionshinweise findest du in `changelog.txt`. ## Meta * Version **0.4.7** * Zuletzt aktualisiert **vor 6 Stunden** * Aktive Installationen **weniger als 10** * WordPress-Version ** 6.0 oder höher ** * Getestet bis **7.1** * PHP-Version ** 7.4 oder höher ** * Sprachen * [English (UK)](https://en-gb.wordpress.org/plugins/grdv-anchor-transition/), [English (US)](https://wordpress.org/plugins/grdv-anchor-transition/) und [German](https://de.wordpress.org/plugins/grdv-anchor-transition/). * [Übersetze in deine Sprache](https://translate.wordpress.org/projects/wp-plugins/grdv-anchor-transition) * Schlagwörter * [anchor](https://de.wordpress.org/plugins/tags/anchor/)[checker](https://de.wordpress.org/plugins/tags/checker/) [navigation](https://de.wordpress.org/plugins/tags/navigation/)[transition](https://de.wordpress.org/plugins/tags/transition/) * [Erweiterte Ansicht](https://de.wordpress.org/plugins/grdv-anchor-transition/advanced/) ## Bewertungen Es wurden noch keine Rezensionen eingereicht. [Deine Rezension](https://wordpress.org/support/plugin/grdv-anchor-transition/reviews/#new-post) [Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/grdv-anchor-transition/reviews/) ## Mitwirkende * [ grdv ](https://profiles.wordpress.org/grdv/) ## Support Möchtest du etwas mitteilen? Brauchst du Unterstützung? [Support-Forum anzeigen](https://wordpress.org/support/plugin/grdv-anchor-transition/)