wordpress返回顶部插件wp-auto-top
一月 19th, 2013 | 作者: 分类: 前端交互这个插件呢大学期间我就发布了,只是一直没有升级,今天终于给它加了一个后台可控制的功能,之前那篇介绍文章已经在上次服务器数据丢失事件中丢了,没来得及备份,所以这里再次但要一下。
使用效果如图:
多种配色可选:
如果您觉得这些颜色都不够,那么您可以自己做同样大小的图片放在插件的img目录下后台设置面板就可以选择设置了。
这里告诉大家一个小技巧:因为你只是调整颜色,那么你从本插件img目录下找到一张图片后用PS的混合选项中使用颜色叠加就可以得到你想要的颜色了,不用去重新画这张图片了,当然还有很多方法可以修改它的颜色,比如色调调整,如上几张就是我使用这个方法弄出来的。这里提醒一下,一定要存为png透明的图片哦,不然那不透明的效果你的小脏可能接受不了的。
好了,看看后台控制面板(具体可能后续会做一些调整):
几点说明:
- 左右调整以后,如果位置在横向方向感觉不对,才去调整 显示位置(相对于网页正中间线的距离)的距离部分,不然随意调整可能效果就不对了。
- 关于这个评论位置,我使用的是默认的wordpress评论的DIV id = “comments”作为标记。目前很多朋友使用的第三方评论插件,那么这个 文章评论标记处就得调整调整了,方法:用chrome或者其它工具打开随意一篇你的博客文章,查看源代码或者F12(chrome)查看评论部分的Html,找到你想要跳转的位置的一个标签,比如有一个:<a name=”comments” >所有评论</a>那么你就设置类型为”name“值为”comments” ,这里不建议使用class,因为一个页面class相同的有多个,所以找不到具体目标无法定位达不到效果。
- 自定义图片,上面我有说过,就是自己做一个你想要的图片颜色,颜色为两个,左半部分颜色为正常状态下的颜色,右半部分为鼠标放上去时的颜色。做好图片放到本插件的img目录下,使用英文或者数字命名即可,然后到后台的 “设置“->”wp-auto-top” 里选择你自己做的那张图片然后点击保存即可。
如果有其它问题请联系我,weibo:http://weibo.com/joychaocc 邮箱: joy#joychao.cc(#换成@)
这里非常感谢@彭浩 ,在修改过程中的细心帮忙!
插件安装:
- 您的博客后台选择 “插件” ->”安装插件” ->搜索框里输入”wp auto top” -> 安装 ->启用 即可
- 从 这里下载 然后解压放到wp-content/plugins/下,后台启用即可。
您可以订阅本博客通过 RSS 2.0 评论和Pings都已关闭.




文章都暴露真名了。插件挺不错的,技术挺强的,人挺热心的。
三挺好男儿!
哈哈,谢谢!
谢谢博主的分享,过来就是想露个面多结交些做的好的同行。
人生多风雨,快乐常相伴!
手残人士用代码一直加不上。。还好有此插件,多谢~
客气
对了,刚刚发现个小问题.插件在文章分类页面不显示,看后台设置里没有文章分类页面的选项
哦 sorry,马上更新,请等待后台提示更新
已经更新
那个…更新后…评论按钮消失了
我看看
已升级到2.8.1,问题解决~再次感谢
嘿嘿,客气
这插件 可以做练手 呵呵 ~!
嗯
HI 楼主,
已经按照了插件,但为什么页面都没显示呢?请教
到设置->wp-auto-top看看
明白了!! 谢谢
搞掂了!!!
你写的插件非常GOOD!
谢谢!
感觉不错哟
这个插件很不错,但是希望靠左靠右模式能增加xx%模式,因为很多主题是自适应大小,要是用固定像素在一些主题上看起来就很不舒服了~小小建议,望能加入~
已经解决,更新即可
这个z-blog能用吗?
不能
安装了插件,可以显示,但是为何点击了不起作用呢?http://www.yuan-dian.net 使用的WP2.9.2
设置->wp-auto-top 评论ID那里设置一下
已改过id为respond,但3个按钮都没起作用
好像是不兼容2.9.2,我试着将其他插件禁用,但还是不起效.能否对2.9.2版代码优化下呢??
这是你网页的js错误:Failed to load resource: the server responded with a status of 404 (Not Found) http://www.yuan-dian.net/scripts/swfobject_modified.js
Resource interpreted as Image but transferred with MIME type application/octet-stream: “http://www.yuan-dian.net/ani/dot_Arrow.ani”. (program):49
Resource interpreted as Image but transferred with MIME type application/octet-stream: “http://www.yuan-dian.net/ani/dot_Link.ani”. (program):53
是因为第一个错误导致了页面js无法运行导致的
好吧,谢谢!我所奇怪的是使用的DW所生成的标准的添加swf代码竟然也会报错,我先试试看精简下,是否是和这个所冲突的
博主,应该不是和swf的js冲突所致的,刚试了下本地的全新wp 2.9.2,安装auto top后也是可以正常显示,但是点击按钮无效的,说明是和系统不兼容,博主能否将该插件在wp2.9.2的环境下再调试下呢?万分感谢!
呵呵
另外,你的主题或者其它插件有个js错误:
Uncaught ReferenceError: swfobject is not defined
使用开发人员工具 能看到
不怎么能看懂的
这有啥看不懂的
我很喜欢博主博客的雪花噢,好好看呢
哈哈
刚刚使用了这个插件,感觉不错,支持一下~
非常喜欢的插件,怎么样改成有评论时链向评论列表#comemmts,没评论时链向发表评论#respond呢?
你找到评论容器外层的div的Id就可以了的
功能相当给力,感谢!!!