WP To Top – a WordPress plugin that takes you to the top
Filed under Javascript, PHP
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
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 This
Mar05
March 5, 2009 at 11:39 pm
[...] 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 [...]
March 6, 2009 at 5:12 am
This one is NICE!
I am gonna install it right now!
Thanks!
March 6, 2009 at 7:19 pm
[...] 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 [...]
March 6, 2009 at 9:34 pm
[...] WP to Top [...]
March 6, 2009 at 11:09 pm
[...] WP to Top [...]
March 7, 2009 at 3:23 am
[...] WP to Top [...]
March 7, 2009 at 6:14 am
[...] WP to Top [...]
March 7, 2009 at 7:10 am
[...] WP to Top [...]
March 7, 2009 at 2:31 pm
Really great!!! Will use it for my new WordPress-powered blog!!
March 7, 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.
March 7, 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
March 7, 2009 at 9:40 pm
hi. Thanks for plugin
perfect.
Regards
March 7, 2009 at 10:29 pm
[...] WP to Top [...]
March 8, 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.
March 8, 2009 at 6:06 pm
@tt and klaus,
Make sure you have wp_footer() in footer.php
Asvin
March 9, 2009 at 9:32 pm
[...] 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. [...]
March 10, 2009 at 7:42 am
[...] WP to Top [...]
March 11, 2009 at 2:11 pm
Improbing Wp, thanx
March 12, 2009 at 4:43 pm
[...] autora: htmlblog Lub: [...]
March 12, 2009 at 4:45 pm
version POLAND (PL)
http://mateoweb.pl/blog/index.php/2009/03/12/plugin-wp-to-top-spolszczenie/
NICE :)
March 14, 2009 at 8:50 am
[...] – WP To Top – WP To Top is a WordPress plugin that adds a “Back to top” link in your blog without [...]
March 14, 2009 at 6:11 pm
[...] Oficial: Plugin WP To Top. WP To Top en WP Plugins. vía: Zona Cerebral Etiquetas: bitácoras, enlaces, internet, navegador, [...]
March 17, 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.
March 17, 2009 at 7:57 pm
Yeah, Mauritian 100% from birth ;-)
March 23, 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!
March 23, 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…
March 23, 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!
March 24, 2009 at 12:22 am
Nevermind. Just inserted the java calls into the header.php – works now.
March 30, 2009 at 11:18 pm
[...] Eklenti Ana Sayfası [...]
April 2, 2009 at 7:36 am
this looks aweseome – going to try it out soon :) thanks!
April 22, 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
April 22, 2009 at 2:10 am
It now works sorry to take up your time. Thanks for the great plugin!
May 9, 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”>
May 17, 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 & for code to validate.
June 4, 2009 at 9:51 am
Hi…! This rocks. You rock. Thank you for sharing and helping people out. I send you a virtual beer :)
June 9, 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
June 9, 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
June 9, 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!
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..
June 22, 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 ;)
July 19, 2009 at 11:54 pm
your plugin is reall simple and nice.
thanks for your good job@
July 27, 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.
July 27, 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.
July 31, 2009 at 3:55 pm
Hi Chrish
Check in the admin area for the settings.
August 11, 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.
August 12, 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
August 19, 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
August 27, 2009 at 6:54 pm
[...] Eklenti Ana Sayfası Share and Enjoy: [...]
September 7, 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?
September 14, 2009 at 4:22 am
[...] Eklenti Ana Sayfası [...]