Como añadir un botón de ‘Ir arriba’ en tu wordpress
Voy a explicar como añadir sencillamente un botón de ‘subir hasta arriba’ en la parte inferior derecha del navegador.
Si incluyes muchos posts o bien estos son largos, la tarea para el usuario para desplazarse de abajo a arriba en un momento determinado puede resultar tediosa. Añade otra pequeña ayuda a la navegabilidad de tu blog con una sencila lÃnea de código.
En primer lugar ve a tu editor de temas, opción editor bajo el menú apariencia y selecciona el archivo index.php (es la plantilla de página principal)
Seguidamente inserta la siguiente lÃnea de código antes (importante) de cerrar el primer DIV:
# código anterior <a style="position: fixed; bottom: 5px; right: 5px;" title="Ir arrriba" href="#"><img src="LINK A TU IMAGEN" alt="" /></a>
Y nada más, puedes ver el ejemplo de la implementación en este mismo blog.
6 Comentarios
andres el 4 mayo, 2011
No sale ?
podrÃas indicar mejor como hacerlo, no estoy muy lucho en wordpress ?
admin el 4 mayo, 2011
Hola Andres.
Tan solo tienes qué editar tú archivo index.php de la raiz de la instalación de wordpress e insertar la lÃnea de código 2 qué te muestro y en esa posición.
Sustituyendo LINK A TÚ IMAGEN con la ruta de una imágen tipo flecha hacia arriba qué previamente hayas subido a tu servidor.
También tienes la opción de buscar algún Plugin qué te lo haga todo.
Si necesitas algo no dudes en comentármelo.
Sara el 7 febrero, 2012
Hola:
Ante todo y lo primero agradecerte el tutorial, pues nos es de gran ayuda a muchos.
El codigo es muy sencillo y lo he insertado sin problemas, pero veo una diferencia entre tu botón y el mÃo, y no se a que se debe. Cuanto en tu página me situo con la barra de scroll arriba del todo el botón desaparece, sin embargo en la mia, está siempre visible.
Alguna pista para poder arreglarlo?
La única modificación que hice al codigo fue ponerle a la imagen un border:0px
Gracias de antemano.
Sara el 7 febrero, 2012
perdon antes puse el mail, mal, ya decia yo que era raro que no fuera el gravatar XD
Toni el 8 febrero, 2012
Hola! El botón quá aparece actualmente en el blog está insertado mediante plugin.
Puedes encontrarlo en http://www.mattvarone.com/featured-content/dynamic-to-top/
Te he enviado una respuesta mas amplia al email.
Gracias por tus comentarios.
Bitacoras.com el 30 enero, 2010
Información Bitacoras.com…
Valora en Bitacoras.com: Voy a explicar como añadir sencillamente un botón de ’subir hasta arriba’ en la parte inferior derecha del navegador. Si incluyes muchos posts o bien estos son largos, la tarea para el usuario para desplazarse de abajo a arri…..