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.

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • StumbleUpon
  • Mixx
  • Ma.gnolia
  • Technorati
  • Netvouz
  • Reddit
  • Propeller
  • Slashdot
  • DZone

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

  1. [...] people talking about your content and blog, and puts that essential social factor into blogging WP To Top – a WordPress plugin that takes you to the top – htmlblog.net 03/05/2009 About WP To Top WP To Top is a strong class=keywordWordpress/strong [...]

  2. This one is NICE!

    I am gonna install it right now!
    Thanks!

  3. [...] te interese suscribirte al feed RSS o participar como blogger invitado. ¡Gracias por tu visita!WP To Top es un plugin de WordPress que añade una especie de enlace flotante situado en el pie de página [...]

  4. [...] WP to Top [...]

  5. [...] WP to Top [...]

  6. [...] WP to Top [...]

  7. [...] WP to Top [...]

  8. [...] WP to Top [...]

  9. Really great!!! Will use it for my new WordPress-powered blog!!

  10. 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.

  11. Hi Klaus

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

  12. hi. Thanks for plugin

    perfect.

    Regards

  13. [...] WP to Top [...]

  14. 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.

  15. @tt and klaus,

    Make sure you have wp_footer() in footer.php

    Asvin

  16. [...] WP to Top es un plugin para WordPress con el que implementar un enlace flotante siempre visible en la página por mucho que te desplazes a lo largo de ella, y que te devuelve a su parte superior con sólo pulsar sobre dicho enlace. Con ello conseguimos una mejora de navegabilidad que muchos usuarios agradecerán. [...]

  17. [...] WP to Top [...]

  18. Improbing Wp, thanx

  19. [...] autora: htmlblog Lub: [...]

  20. [...] – WP To Top – WP To Top is a WordPress plugin that adds a “Back to top” link in your blog without [...]

  21. [...] Oficial: Plugin WP To Top. WP To Top en WP Plugins. vía: Zona Cerebral Etiquetas: bitácoras, enlaces, internet, navegador, [...]

  22. Hey good work man. You Mauritian? Finally I see one local pal who made a plugin. Keep it up man. Very nice.

  23. Yeah, Mauritian 100% from birth ;-)

  24. Just installed it on a website I’m working on. At first it didn’t work, but once I added <?php wp_footer(); ?> to my footer.php file in the theme, everything was perfect. You can see it in action here http://hedwig.simplemistake.com/

    Thank you so much!

  25. I’m sorry, this is very off-topic. But I feel you should do something different with your pink comments button, it is really annoying…

  26. I do have in my footer.php file but it still doesn’t show up. Hope you can help cause I love this feature!

  27. Nevermind. Just inserted the java calls into the header.php – works now.

  28. [...] Eklenti Ana Sayfası [...]

  29. this looks aweseome – going to try it out soon :) thanks!

  30. 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

  31. It now works sorry to take up your time. Thanks for the great plugin!

  32. 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”>

  33. Not sure if this will show up, but just had to html entity the ampersand on line 42. Changed & to &amp; for code to validate.

  34. Hi…! This rocks. You rock. Thank you for sharing and helping people out. I send you a virtual beer :)

  35. Hello, thanks for this great plugin.

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

    Thanks,

    Patrick

  36. 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

  37. 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!

  38. wapakels Says:
    June 21, 2009 at 8:36 am

    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..

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

  40. your plugin is reall simple and nice.
    thanks for your good job@

  41. 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.

  42. 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.

  43. Hi Chrish

    Check in the admin area for the settings.

  44. 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.

  45. 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

  46. Hi
    This tutorial is the best of the week good work. i will bookmark your blog
    have a good day

  47. [...] Eklenti Ana Sayfası Share and Enjoy: [...]

  48. 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?

  49. [...] Eklenti Ana Sayfası [...]

Leave a Reply