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

49 Comments to “WP To Top – a Wordpress plugin that takes you to the top”

  1. Posts about wordpress plugin as of February 23, 2009 | Enjolt | Defining the future of the internet!

    [...] 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. Yashvin 6 March 2009 at 5:12 am #

    This one is NICE!

    I am gonna install it right now!
    Thanks!

  3. Plantillas para Blogger, recursos y herramientas » Mejora la usabilidad de tu blog en WordPress con el plugin WP To Top

    [...] 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. WordPress Plugin Releases for 03/06 | Weblog Tools Collection

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

  5. WordPress Plugin Releases for 03/06 | bloground.ro - Blogging resources, WordPress themes and plugins for your development

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

  6. WordPress Plugin Releases for 03/06 | BlogBroker24-7

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

  7. WordPress Plugin Releases for 03/06 « Wizreport

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

  8. WordPress Plugin Releases for 03/06 « WordPress RSS

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

  9. sjdvda 7 March 2009 at 2:31 pm #

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

  10. Klaus 7 March 2009 at 4:28 pm #

    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. asvin 7 March 2009 at 5:27 pm #

    Hi Klaus

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

  12. baron 7 March 2009 at 9:40 pm #

    hi. Thanks for plugin

    perfect.

    Regards

  13. Wordpress Plugin Download: WP to Top | TemplateMania

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

  14. tt 8 March 2009 at 1:53 am #

    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. asvin 8 March 2009 at 6:06 pm #

    @tt and klaus,

    Make sure you have wp_footer() in footer.php

    Asvin

  16. despuesdegoogle » Blog Archive » WP to Top, plugin para volver a la parte superior de la página con un clic

    [...] 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. WordPress Plugin Releases for 03/06 | MBConsulting.se

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

  18. Mark 11 March 2009 at 2:11 pm #

    Improbing Wp, thanx

  19. Plugin - WP To Top (spolszczenie) | MateoWeb BLOG

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

  20. Mateo 12 March 2009 at 4:45 pm #

    version POLAND (PL)
    http://mateoweb.pl/blog/index.php/2009/03/12/plugin-wp-to-top-spolszczenie/

    NICE :)

  21. WPWeekly Episode 45 - Unlucky Stream : WordPress Tavern

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

  22. Volver al inicio de la página con WordPress, Carrero

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

  23. Kurt Avish 17 March 2009 at 7:55 pm #

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

  24. asvin 17 March 2009 at 7:57 pm #

    Yeah, Mauritian 100% from birth ;-)

  25. Katie Dixon 23 March 2009 at 8:57 am #

    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!

  26. Evan Byrne 23 March 2009 at 9:04 pm #

    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…

  27. Eric 23 March 2009 at 11:37 pm #

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

  28. Eric 24 March 2009 at 12:22 am #

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

  29. Eklenti.Net > Wordpress Eklentileri » Blog Archive » Wp To Top

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

  30. Leon Poole 2 April 2009 at 7:36 am #

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

  31. wwwindi 22 April 2009 at 2:08 am #

    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

  32. wwwindi 22 April 2009 at 2:10 am #

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

  33. nobody 9 May 2009 at 6:58 pm #

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

  34. kevin godell 17 May 2009 at 5:49 am #

    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.

  35. Patrick 9 June 2009 at 4:29 pm #

    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. asvin 9 June 2009 at 6:30 pm #

    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. Patrick 9 June 2009 at 10:29 pm #

    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 21 June 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. asvin 22 June 2009 at 7:10 pm #

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

  40. sunday 19 July 2009 at 11:54 pm #

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

  41. doc 27 July 2009 at 2:16 am #

    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. chrish 27 July 2009 at 4:53 pm #

    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. asvin 31 July 2009 at 3:55 pm #

    Hi Chrish

    Check in the admin area for the settings.

  44. Thor 11 August 2009 at 3:35 am #

    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. wwwindi 12 August 2009 at 8:38 pm #

    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. wordpress web design 19 August 2009 at 3:26 am #

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

  47. Wp To Top « The Last Sanalvurgun.org Programer Blog

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

  48. Ty 7 September 2009 at 3:16 am #

    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. Tasarım – Wordpress eklentileri, Wp To Top

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


Leave a Reply