一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > WordPress教程 > 正文

WordPress返回顶部插件:wp-auto-top

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:1612


导读:很多网站都添加了返回顶部和快速滑动到底部和查看评论等...

很多网站都添加了返回顶部和快速滑动到底部和查看评论等功能,今天倡萌和大家分享的是WordPress返回顶部插件:wp-auto-top,估计很多朋友都看到过这个滑动样式。当然了,有些人是修改代码实现的,如果你不会改代码,那就使用这个wp-auto-top插件吧。

wpdaxue.com-201211121

wp-auto-top插件说明

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

wp-auto-top插件安装

  1. 您的博客后台选择 “插件” ->”安装插件” ->搜索框里输入”wp auto top”  -> 安装 ->启用 即可
  2. 或者从 这里下载 然后解压放到wp-content/plugins/下,后台启用即可。
  3. 更多信息,请访问作者页面。

标签:wordpresshtmldiv插件博客