kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

WordPress-Plugin: Scroll-To-Top

Ihr kennt sicher das Problem: Man befindet sich auf einer sehr langen Website weit unten im Artikel und möchte zurück nach oben. Leider hat der Webdesigner keinen "Zurück nach oben"-Button in die Seite integriert (wie auch ich hier ... ). Nun muss kräftig gescrolled werden.
Selbstverständlich ist es technisch nicht aufwändig einen solchen Button in die Seite zu integrieren. Das folgende WordPress-Plugin erledigt die Sache aber denkbar einfach und hat darüber hinaus ein paar schöne Einstellungsmöglichkeiten die dann doch nicht ganz so einfach umzusetzen sind.

Workshops und Seminare von kulturbanause

Unsere Berlin-Termine für Ende 2017 sind online!

Jetzt Tickets sichern!

Das Plugin fügt der Seite einen simplen "Scroll-To-Top"-Button auf jQuery-Basis hinzu. Achtet darauf, dass das Plugin schreibrechte auf den Plugin-Ordner bekommt, sonst funktioniert es leider nicht. Nach der Aktivierung können dann verschiedene Einstellungen vorgenommen werden:
Zunächst kann gewählt werden wo auf der Seite der Button erscheinen soll. Also oben rechts, oben links, unten rechts oder unten links. Auch der Pixel genaue Abstand zum Rand kann eingestellt werden.
Um den Button optisch an die Seite anzupassen kann aus einer Reihe von vordefinierten Buttons gewählt werden. Wem das nicht gefällt der lädt einfach eine eigene Grafik hoch.

scroll-to-top-plugin-wordpress

Besonders schön finde ich die Möglichkeit den Button erst dann einzublenden wenn der Besucher beginnt die Seite zu scrollen. Insbesondere diese Funktion dürfte für Blogger die mehr auf den Inhalt der Website als auf die Technik fixiert sind eine große Arbeitserleichterung darstellen.

Das Plugin kann in der Plugin-Directory heruntergeladen werden:

via: WPMU

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Unterstützung bei WordPress-Projekten

Unsere WordPress Agentur ist auf die Entwicklung maßgeschneiderter WordPress-Themes und -Websites spezialisiert. Wenn du Unterstützung bei der Planung, Gestaltung und Entwicklung eines Projekts benötigst, helfen wir gerne weiter.
WordPress-Leistungsangebot →

Das könnte dich auch interessieren

6 Kommentare

  1. Boris

    Verfasst am 2. April 2011 um 13:40 Uhr.

    Hallo Ich habe das PluginScrollToTpo installiert. Es tut sich aber ncihts. Benötige ich noch ein weiteres dass es läuft?

    Bin totaler Anfänger….

    viele Grüße und danke schon mal

    Boris

  2. Traumschoepfer

    Verfasst am 5. Oktober 2011 um 13:39 Uhr.

    Wunderbar! Genau DANACH habe ich die ganze Zeit gesucht! Dankeschön.
    Nun werde ich es gleich einmal testen.

    Gruß,
    Werner

  3. Nihat Akkavak

    Verfasst am 24. März 2013 um 20:22 Uhr.

    Super! Vielen Dank nochmal, funktioniert einwandfrei bei mir!

  4. Frank

    Verfasst am 9. September 2013 um 16:04 Uhr.

    Schönes Plug-In. Eine zusätzliche Text-Option wie z. B. „nach oben“ wäre auch nicht schlecht, da nicht alle Internetnutzer etwas mit dem „Icon“ etwas anfangen können.

    • Nils

      Verfasst am 17. November 2013 um 20:45 Uhr.

      Kann man einfach selbst einfügen, indem man eine eigene Grafik einfügt mit Text… Siehe z.B. bei Xing…

  5. Georg

    Verfasst am 24. Juli 2014 um 14:17 Uhr.

    Sehr cool beschrieben, vielen Dank!
    Hab ich gleich implementiert in meinen Blog :-)

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.