WP To Top – a WordPress plugin that takes you to the top

About WP To Top

WP To Top is a WordPress plugin that adds a “Back to top” link in your blog without modifying your template files. This is useful especially if you have long posts or long pages. You will have a nice “Back to top” or whatever-text-you-want link floating at the bottom right/left of your page.

Features

  • Smooth scrolling animation and fade in, fade out effect, powered by the YUI library
  • Customizable options via the admin panel, from the text to the position of the link
  • Works on almost all browsers including IE6 (yes!)

Download

You can get the plugin here

Demo

You have a demo on this page. Just scroll a little bit and you will see a nice “Take me up” link appearing at the bottom of your page.

Installation

  • Extract wptotop.zip in the “/wp-content/plugins/” directory
  • Activate the plugin through the “Plugins” menu in WordPress
  • Go to “Settings” and then “WP To Top” to configure the plugin. The options are self explanatory and easy to understand.

Thanks

I got the inspiration to write this plugin after having a look at David Walsh’s jQuery topLink Plugin. Thanks to the YUI team for the great YUI library and Semih’s Animated Page Scroll with YUI.

Be Sociable, Share!

70 thoughts on “WP To Top – a WordPress plugin that takes you to the top”

  1. Nope, doesn’t work on my blog :-(
    I’m using WP 2.6.3, uploaded and activated it but the “take me up”-box is not displayed. Neither do I get an error message or something, the backend configuration works though.

  2. Hi Klaus

    Any JS errors or anything? Can you give me the URL so that I can have a look. Thanks

  3. Nice looking plugin but it isn’t working. I can access the edit area and make changes, but it doesn’t show up on the blog itself in FF, Opera, or Explorer.

  4. Works only on my posts, not my pages. (Even though I unchecked the button). Got any ideas about how I could get it to work.

    Thanks!
    W

  5. W3C validator (http://validator.w3.org/) doesn’t like your plugin…

    Line 20, Column 115: character “&” is the first character of a delimiter but occurred as data
    …d/yahoo-dom-event/yahoo-dom-event.js&2.7.0/build/animation/animation-min.js”>

  6. Hello, thanks for this great plugin.

    Is there a way to deactivate it if the visitor is not on a wide screen?

    Thanks,

    Patrick

  7. Hi Patrick

    Thanks, yes I think you can deactivate it. In the js file, you can make a test to initialize it, testing the screen resolution. Something like :

    if (screen.width < 1024 && screen.height < 768){
    toTop.init();
    }

    Asvin

  8. Asvin, thanks of lot for answering so quickly!

    I tried to put the code you gave me in the js file, but i didn’t work as expected. Where should i put the code bit exactly?

    Thanks again!

  9. i found a bug on ie6.. i tried this on WP and with WPRemix theme, on other browsers it works perfect but when im using ie6, the page cut off because of the WP top, when i disable it, the pages loads ok..

  10. thanks for the info wapakels, will have a look at it! But I remember testing it on IE6. Anyway will have a look ;)

  11. Great wee bit of code.

    just wondered how easy it would be to get it to display a small image file rather than text? I had a look at the code and played around a bit but couldn’t find where to put in the call.

  12. Help! I can’t get rid of the pink background colour, nor does the plugin seem to recognise my other changes to “wp-to-top.php”

    add_option(‘wpToTopText’, ‘to top’); // the text
    add_option(‘wpToTopBgColor’, ‘#FFFFFF’); // the background color
    add_option(‘wpToTopFgColor’, ‘#OOOOOO’); // the foreground color

    ALSO! the plugin is not showing in my main template pages, only in individual posts.

    Any help appreciated thanks.

  13. Muy buen plugin… sencillo y muy útil. Quizás le falte la opción de añadir una imagen, y sería fantástico… muchas gracias por su trabajo.

  14. Any way I can get the wp to top box to display correctly on an iphone? I would rather not remove it cuz it’s so handy.

    Thanks for the great plugin!

    – W

  15. Hey,
    I just installed the WP to top, and it works great….except, only once.
    After I use it the first time, the next time I try to click it, it disappears when I get close to the square.

    I have

    and everything else is editable, could it be because I’m using the latest version of WP?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>