给wordpress添加侧边悬浮联系方式(含插件版)

作者：老莫 |日期：九月 2, 2011 留下评论 (17) 看看别人的评论

这个东东是我在使用PJBLOG时找到的，现在拿出来和大家分享一下，东西其实很简单就是一个JS文件和几张图片（虽然我也不懂JS，呵呵），需要大家修改的部分：

打开Contact.js这个文件，找到代码：

left:8px; top:255px;

这个是定义漂浮层的位置，如果要漂浮在右侧，请将left改成right。

找到代码：

lomo1984@gmail.com

188710065

shamqu@hotmail.com

将他们直接修改为你的邮箱、QQ号和MSN就好了。
注意：如果你是以插件形式安装的，请不要在插件编辑里修改，因为老莫这那样修改时出错了。

如果是自己动手的话，直接将代码：

<script src=”你的WP网址/wp-content/plugins/Contact/Contact.js” type=”text/javascript”></script>

插入到你所使用的主题中的footer.php中或者header.php中就可以了，放的位置的话不用我多说了吧。

如果是作为插件，那就更简单了，上传到PLUGINS目录，后台安装就行了。

效果如本文左侧

2011-09-02更新，老莫几经失败，终于把它做成了插件，并增加了后台控制，有图有真相：

- -!,既然忘了放下载链接了，赶紧补上：
侧边悬浮联系方式文件

侧边悬浮联系方式文件

下载列表

侧边悬浮联系方式插件版

下载列表

没有相关日志，随便看看吧

莫·出品侧边联系, 悬浮

← 微博主题：mo-twitter

添加Gravatar头像缓存功能 →

留下评论

17条评论

zhmh 九月 29, 2011 10:10 下午

使用最新的chrome13.0.782.220 插件滑动功能完全失效，在FF5.0下测试也有bug ，点击向下按钮，直接跳到最下面了，没有滑动的效果。在IE（6.0 8.0）浏览器下测试滑动完全失效。在以IE为核心的浏览器下（世界之窗浏览器）半失效，向下点击直接到达底部，没有出现滑动的效果。
插件虽然很方便，但希望对bug做出修正。

回复
youanan 九月 5, 2011 7:44 下午

高手，绝对的高手！

回复
七小罗汉九月 3, 2011 8:22 下午

喜欢用代码实现，可惜自己对代码不是很懂

回复
- 老莫九月 5, 2011 1:03 下午
  
  我也不懂，只会下复制粘帖，所以走了很多弯路
  
  回复
Qian 九月 2, 2011 10:32 下午

我的开启插件后不悬浮只在一个地方不动为什么啊

回复
- 老莫九月 5, 2011 1:03 下午
  
  最近几天有事没上网，我刚看你站，好像好的哇，自己解决了啊，什么问题，分享一下呗！
  
  回复
  - Qian 九月 5, 2011 2:30 下午
    
    我在我公司电脑上可以，但是我现在换笔记本又不可以了不知道为什么
    
    回复
    - 老莫九月 5, 2011 3:12 下午
      
      会不会是笔记本浏览器不支持或者系统没安装Java的
      
      回复
      - Qian 九月 5, 2011 3:13 下午
        
        我登陆你网站是可以浮动的啊
      - 老莫九月 5, 2011 3:19 下午
        
        呃，诡异的问题，反正现在你能用，先凑合用着吧，我也是菜鸟，基本不懂JS，呵呵。
温哥九月 2, 2011 6:29 下午

这玩意不错，对一些人来说很实用，应该加个头像或照片会更友好一点，这些只要调用几个函数就可以了吧。

回复
- 老莫九月 5, 2011 1:23 下午
  
  我这个算是提供了一个方法或者提示性质的，可以按照自己需要自行修改就好了，呵呵！
  
  回复
se4 八月 22, 2011 8:09 下午

侧边栏不错

回复
長門八月 14, 2011 6:54 下午

想问问下边的悬浮边栏怎么做的哦～～

回复
- 老莫八月 15, 2011 8:35 上午
  
  用的万戈工具条，你可以看下万戈网站：http://wange.im/wg-toolbar-without-plugins.html
  
  回复
找生物四月 14, 2011 9:09 下午

很漂亮，多谢，您的下载页面是怎么做的啊？

回复