wordpress返回顶部插件wp-auto-top

一月 19th, 2013 | 作者: Joy Chao 分类: 前端交互

这个插件呢大学期间我就发布了,只是一直没有升级,今天终于给它加了一个后台可控制的功能,之前那篇介绍文章已经在上次服务器数据丢失事件中丢了,没来得及备份,所以这里再次但要一下。

使用效果如图:

多种配色可选:

如果您觉得这些颜色都不够,那么您可以自己做同样大小的图片放在插件的img目录下后台设置面板就可以选择设置了。

这里告诉大家一个小技巧:因为你只是调整颜色,那么你从本插件img目录下找到一张图片后用PS的混合选项中使用颜色叠加就可以得到你想要的颜色了,不用去重新画这张图片了,当然还有很多方法可以修改它的颜色,比如色调调整,如上几张就是我使用这个方法弄出来的。这里提醒一下,一定要存为png透明的图片哦,不然那不透明的效果你的小脏可能接受不了的。

好了,看看后台控制面板(具体可能后续会做一些调整):

 

几点说明:

  1. 左右调整以后,如果位置在横向方向感觉不对,才去调整 显示位置(相对于网页正中间线的距离)距离部分,不然随意调整可能效果就不对了。
  2. 关于这个评论位置,我使用的是默认的wordpress评论的DIV  id = “comments”作为标记。目前很多朋友使用的第三方评论插件,那么这个 文章评论标记处就得调整调整了,方法:用chrome或者其它工具打开随意一篇你的博客文章,查看源代码或者F12(chrome)查看评论部分的Html,找到你想要跳转的位置的一个标签,比如有一个:<a name=”comments” >所有评论</a>那么你就设置类型为”name“值为”comments” ,这里不建议使用class,因为一个页面class相同的有多个,所以找不到具体目标无法定位达不到效果
  3. 自定义图片,上面我有说过,就是自己做一个你想要的图片颜色,颜色为两个,左半部分颜色为正常状态下的颜色,右半部分为鼠标放上去时的颜色。做好图片放到本插件的img目录下使用英文或者数字命名即可,然后到后台的 “设置“->”wp-auto-top” 里选择你自己做的那张图片然后点击保存即可。

如果有其它问题请联系我,weibo:http://weibo.com/joychaocc  邮箱: joy#joychao.cc(#换成@)

这里非常感谢@彭浩 ,在修改过程中的细心帮忙!

插件安装:

  1. 您的博客后台选择 “插件” ->”安装插件” ->搜索框里输入”wp auto top”  -> 安装 ->启用 即可
  2. 从 这里下载 然后解压放到wp-content/plugins/下,后台启用即可。

 

 

您可以订阅本博客通过 RSS 2.0 评论和Pings都已关闭.

有42个小朋友在这里



360网站安全检测平台