CH Go Top Arrow

Info

Version: 1.2
Autor: Conny Henn – HennWeb.de
Lizenz: GPL2
WordPress: 6.x oder höher

komplett kostenlos

Beschreibung

CH Go Top Arrow ist ein vielseitiges WordPress-Plugin, das intelligente „Nach oben“-Pfeile zu Ihren Überschriften hinzufügt. Mit umfangreichen Anpassungsmöglichkeiten ermöglicht es Ihnen, die Benutzerfreundlichkeit Ihrer Website zu verbessern und gleichzeitig ein professionelles Design zu gewährleisten.

Demo

wie z.B. hier auch auf der Seite sichtbar, werden die Überschriften mit einem Pfeil nach oben versehen und die Zeile ist frei gestaltbar.

Screenshots

Hauptfunktionen

Flexible Überschriften-Auswahl

• Individuelle H-Tag Kontrolle: Wählen Sie gezielt aus, bei welchen Überschriften (H1-H6) die Pfeile angezeigt werden sollen
• Sofortige Aktivierung: Ein-/Ausschalten einzelner Überschriften-Typen mit einem Klick
• Intelligente Warnung: Das Plugin warnt Sie, falls keine Überschriften ausgewählt sind

Umfangreiches Design-System

Pfeil-Gestaltung

• 5 Pfeil-Formen: Dreieck, Pfeil, Chevron, Caret, Winkel
• Farbkontrolle: Separate Einstellungen für Normal- und Hover-Zustand
• Position: Links oder rechts der Überschrift positionierbar
• Abstand: Präzise Abstandskontrolle vom Rand (0-100px)

Erweiterte Styling-Optionen

• Pfeil-Radius: Stufenlose Anpassung von eckig (0%) bis rund (50%)
• Überschriften-Radius: Border-Radius für Hintergrundbalken (0-50px)
• Schatten-System: Vollständige Kontrolle über Schatten-Effekte
  • Ein-/Ausschaltbar für Pfeile und Überschriften getrennt
  • Farbe, Transparenz, Unschärfe individuell einstellbar
  • Horizontaler und vertikaler Versatz konfigurierbar

Überschriften-Styling

• Hintergrundfarben: Individuelle Anpassung für optimale Integration
• Textfarben: Perfekte Lesbarkeit durch Farbkontrolle
• Ausrichtung: Links, Mitte oder rechts ausrichtbar
• Hover-Effekte: Smooth Transitions für professionelle Optik

Benutzerfreundlichkeit

Intuitive Admin-Oberfläche

• Tab-basierte Navigation: Übersichtliche Trennung zwischen Einstellungen und Design
• Live-Preview: Alle Slider zeigen aktuelle Werte in Echtzeit
• Color-Picker Integration: WordPress-native Farbauswahl
• Einstellungslink: Direkter Zugang aus der Plugin-Liste

Performance & Kompatibilität

• Sofortige Anzeige: Keine spürbaren Verzögerungen beim Laden
• TOC-Kompatibilität: Automatische Erkennung von Inhaltsverzeichnis-Plugins
• Intelligente Filterung: Ausschluss von Navigation, Sidebar und Footer
• Responsive Design: Optimiert für alle Bildschirmgrößen

Technische Features

Intelligente Content-Erkennung

• Präzise H-Tag Identifikation: Nur echte Überschriften im Hauptcontent werden behandelt
• Automatischer TOC-Ausschluss: Verhindert Pfeile in Inhaltsverzeichnissen
• Navigation-Filter: Automatischer Ausschluss von Menüs und Navigationsleisten
• MutationObserver: Erkennt dynamisch nachgeladene Inhalte

Moderne JavaScript-Architektur

• Event-optimiert: Effiziente Event-Behandlung ohne Performance-Verlust
• Smooth Scrolling: Sanfte Animation beim Scrollen nach oben
• Error-Handling: Robuste Fehlerbehandlung für verschiedene Theme-Strukturen
• Browser-Kompatibilität: Unterstützt alle modernen Browser

Installation & Einrichtung

Schnellstart

1. Plugin hochladen: Über WordPress Admin oder per FTP
2. Aktivieren: In der Plugin-Liste aktivieren
3. Konfigurieren: Einstellungen → CH Go Top Arrow aufrufen
4. H-Tags wählen: Gewünschte Überschriften-Typen auswählen
5. Design anpassen: Nach Ihren Wünschen gestalten

Empfohlene Einstellungen

• Für Blogs: H2 und H3 aktivieren
• Für Magazine: H2, H3 und H4 aktivieren
• Für Landing Pages: Nur H2 aktivieren
• Pfeil-Position: Rechts für westliche Leserichtung

Design-Möglichkeiten

Minimalistische Variante

• Dreieck-Form, dezente Farben
• Keine Schatten, kleine Border-Radius
• Position rechts mit geringem Abstand

Moderne Glasmorphism-Optik

• Transparente Hintergründe
• Starke Schatten mit Unschärfe
• Große Border-Radius für runde Formen

Corporate Design Integration

• Firmenfarben für Pfeile und Hintergründe
• Konsistente Abstände und Rundungen
• Professionelle Hover-Effekte

Changelog

Version 1.2 (08.06.2025)

• Neu: Vollständiges Schatten-System für Pfeile und Überschriften
• Neu: Border-Radius Kontrolle für alle Elemente
• Neu: Live-Preview aller Einstellungen
• Verbessert: Sofortige Pfeil-Anzeige ohne Verzögerung
• Verbessert: Erweiterte TOC-Kompatibilität
• Behoben: Performance-Optimierungen

Version 1.1 (05.10.2024)

• Erweiterte Design-Optionen
• Tab-basierte Admin-Oberfläche
• Verbesserte Browser-Kompatibilität

Version 1.0

• Grundfunktionalität
• H-Tag Auswahl
• Basis-Styling

Anwendungsbereiche

Ideal für:

• Blogs und Magazine: Verbesserte Navigation in langen Artikeln
• Corporate Websites: Professionelle Benutzerführung
• Landing Pages: Optimierte User Experience
• E-Learning Plattformen: Einfache Navigation in Kursinhalten
• Dokumentations-Seiten: Schnelle Orientierung in Handbüchern

Besonders nützlich bei:

• Langen Artikeln mit vielen Überschriften
• Websites mit komplexer Inhaltsstruktur
• Mobile-first Designs
• Barrierefreien Websites
• SEO-optimierten Inhalten

Best Practices

Für optimale Ergebnisse:

• Konsistente H-Tag Struktur in Ihren Inhalten verwenden
• Nicht alle H-Tags aktivieren – fokussieren Sie auf die wichtigsten
• Design an Theme anpassen für harmonische Integration
• Mobile Ansicht testen für optimale Darstellung
• Performance überwachen bei sehr content-reichen Seiten

Styling-Tipps:

• Verwenden Sie Kontraste für bessere Sichtbarkeit
• Hover-Effekte sparsam einsetzen für professionelle Optik
• Schatten dezent halten für moderne Ästhetik
• Einheitliche Abstände für visuell ansprechende Layouts

Support & Weiterentwicklung

Technischer Support

• Dokumentation: Ausführliche Inline-Hilfe im Admin-Bereich
• Kompatibilität: Getestet mit gängigen WordPress-Themes
• Updates: Regelmäßige Verbesserungen und Erweiterungen

Geplante Features

• Animation-Optionen: Verschiedene Scroll-Animationen
• Bulk-Einstellungen: Schnelle Konfiguration für alle H-Tags
• Theme-Presets: Vorgefertigte Design-Kombinationen
• Accessibility-Erweiterungen: Verbesserte Barrierefreiheit

---

CH Go Top Arrow – Professionelle Navigation für Ihre WordPress-Website. Einfach zu installieren, vielseitig konfigurierbar und darauf ausgelegt, die Benutzererfahrung Ihrer Besucher nachhaltig zu verbessern.

Download