专栏首页张戈的专栏原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

双 11 光棍节,我在博客发布了一篇给博客部署一个友好对话框的教程,用了几天感觉非常不错!就进一步折腾了一下,目前这个 js 已实现以下多种功能:

一、功能描述

①、能够取得访客的搜索来路和搜索关键词,并在右下角滑出欢迎对话框;

②、能够区分用户是否在博客留过言,从而给出不同的欢迎提示;

③、当有人复制博客任何内容时,将弹出友好的版权保留提醒;

IE 内核:
WEBKIT 内核:

④、JS 代码版可全面兼容 WordPress、ZBlog(PHP&ASP)、Emlog 及 Typecho:

我已手工适配上述建站程序对于留言信息的 cookies 命名,从而可以顺利取得不同建站程序的留言者昵称。

⑤、网站底部随机文章滚动条功能(此功能仅 WordPress 插件版配备)

Ps:张戈设计以上功能的目的,上一篇文章已说得很清楚了,主要是提高自然访客的体验度,尽最大努力增加网站粘性,从而降低跳出率。好了,废话不多说,开始分享咯!

二、JS 部署方法

js 部署方法非常简单,直接将如下代码粘贴到博客的 footer 或 head 或其他任意位置即可:

<script type="text/javascript" src="//dn-zhangge.qbox.me/wp-content/themes/begin-child/diy/wp-dialog/dialog_n.js?skin=default"></script>

比如 WordPress 博客可以将上述代码粘贴到主题目录下的 footer.php 中。此 JS 代码在其他博客程序也同样适用!

二、WordPress 插件

考虑到一些不懂代码的小白博主,所以花了些时间写了个 WordPress 插件,目前已提交至 WordPress 官方,并成功通过审核:

插件地址:https://wordpress.org/plugins/wp-dialog/

下载地址:https://downloads.wordpress.org/plugin/wp-dialog.zip

如果好用,希望你能抽空前往给个好评,支持下~非常感谢!

安装方法:

方法①、直接在后台插件在线安装界面,搜索 wp dialog 并按照提示安装启用即可【推荐】。

方法②、将下载的文件解压,然后将wp-dialog文件夹 上传到 /wp-content/plugins/目录,在插件后台启用即可;

方法③、进入后台插件安装界面,选择上传安装插件,并选择下载得到的 zip 压缩包即可;

注意事项:

如果发现启用插件之后,滚动条不能滚动,可能有如下情况:

①. 博客未正确加载 Jquery.js;

②. 博客重复加载了 Jquery.js 造成冲突。

若出现以上情况,请参考解决:http://zhangge.net/4387.html,当然,你也可以联系张戈协助解决。

Ps:这是张戈博客的第二个 WordPress 原创插件,希望大家喜欢。

2015.08.01 : Ver 1.25.2 版本更新说明

= 1.2.5.2 = * 新增好搜、必应、神马和有道搜索来路判断功能; * 压缩 js 代码,优化加载速度,压缩后大概可以减少 20kb; * 对话框改为在移动端不弹出(移动端弹出体验不好)。 = 1.2.5.1 = * 修复导致部分主题某些元素意外隐藏问题; * 修复部分对话框相关图片 404 问题。

2015.05.02:Ver 1.25 版本更新说明

  • 修复在部分主题下滚动条不显示文字或错乱问题;
  • 修复底部滚动文字在宽度变窄时会消失的问题;
  • 修改为当宽度小于 480px 底部滚动条自动隐藏;
  • 新增宽度小于 720px 时,不会自动弹出欢迎框;
  •  新增 cookies 记忆评论者信息功能,可在后台关闭;
  • 其他未及时记录在案的 CSS 冲突修正。

Ver 1.24 版本更新说明:

  • 修复了在 IE 下复制文字无法弹出版权提醒的 BUG;
  • 新增宽度小于 900px 时隐藏底部公告栏的特性。

2015.01.07:Ver 1.23 版本更新说明:

①、新增网页嗨一下功能,首次启动请到插件设置界面填写歌曲 url 地址

②、后台新增邮件订阅设置,可自定义滚动条右侧的博客订阅按钮地址

③、后台新增留言地址设置,让对话框中显示留言板超链接

④、修复可能从 cookie 获取用户名乱码的问题

2014.11.23:Ver 1.22 版本更新说明

①、后台设置新增主题对话框功能开关,至此该插件所有功能都能灵活组合了;

②、修复了几个不影响功能的小错误。

2014.11.22:Ver 1.21 版本新增了后台设置功能:

插件激活后,点击[设置]按钮进入插件设置界面,插件默认设置如下:

很直白的设置说明,一看就懂,其中手动呼出对话框是指底部随机文章滚动条右侧的笑脸按钮,其他的就不多说了。下一版本将在设置项目里面新增是否开启欢迎对话框设置功能,让插件的功能更加灵活!

三、ZBlogPHP 插件

暴博客看到这个 js 之后,兴致勃勃的写了一个 ZBlogPHP 版插件,使用 ZBP 建站的朋友可以前往下载安装。

ZBP 插件官方地址:http://app.zblogcn.com/?id=587

四、附加说明

①、该对话框在浏览器关闭之前只会弹出一次,避免了重复弹出带来的负面影响,但是从搜索引擎再次打开的页面一定会显示对话框。

针对纯代码版(WordPress 插件版已自带底部手动呼出功能):

②、如果想和张戈博客一样,在右下角增加一个手动呼出对话框的功能,你可以如下操作:

i. 张戈在写 js 的时候,已经预留了手动接口:

//删除对话框cookies
deleteCookie('welcome');
//手动呼出对话框
welcome();"

ii. 所以,只要在想要的位置新增一个 a 标签,可以是图片也可以是按钮,即可成功添加一个手动呼出对话框的功能:

比如图片按钮的代码如下:

<a href="javascript:void(0)" onclick="deleteCookie('welcome');welcome();" title="呼出欢迎对话框"><img src="这里填写图片地址"></a>

文字的就不说了,这都搞不定,那还能说什么呢?

就写这么多,最后郑重声明一下,该插件及功能想法均属于张戈博客的原创作品,任何个人或团体不可擅自更改版权,否则必追究责任!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 清点下博客的插件以及我对WordPress插件的看法

    最近,群里又讨论到了关于插件数量的问题,张戈博客的插件不多不少,正好 9 个。个人认为这些插件是目前博客所必需的,或者功能性价比很高的,下面就来晒一晒: 一、S...

    张戈
  • 原创插件:中国博客联盟WordPress插件更新至1.2.2版本

    这个周末,作为 PHP 菜鸟的张戈再次爆发,天昏地暗的开发了 3 个插件: ①、Zgboke-Nav:中国博客联盟导航插件更新至 Ver 1.22 ②、WP-B...

    张戈
  • 原创插件:WordPress读者排行榜插件WP Readers Ranking

    貌似在上个月,我就和中国历史、梦轩丽人等几位博友提过,张戈博客分享的《WordPress 酷炫 CSS3 读者墙,排名按年度、本月、本周划分的小方法》,其实可以...

    张戈
  • Python中实现简单的插件框架

    在系统设计中,经常我们希望设计一套插件机制,在不修改程序主体情况下,动态去加载附能。

    py3study
  • 4G Cat.1开发板还能这么便宜?赶紧搞一块学习学习!

    最近4G Cat.1非常火爆,就在不久前,合宙引领了一波物联网的市场,推出了史上最便宜的4G Cat.1模组,不少朋友都入手了一块,性价比可以说非常的高呀,自从...

    morixinguan
  • 5G牌照发放一周年,中国移动成为网络最广、客户最多的运营商

    中国向来有"基建狂魔"的美誉,尤其是近几年,从各种世界性工程的完工,比如第一跨海大桥,世界第一高桥等等,也确实展现了基建方面的"中国速度"。而谈到基建狂魔,不得...

    悲了伤的白犀牛
  • 调研报告发现 ERP将是扭转制造业生产困局的法宝

    在经济转型期,大家都在纠结形势没那么好了,尤其是去库存压力非常大的制造业,感叹“钱更难赚了”。但在一波波的政策刺激下,一些企业已经看到了转型的方向,这种调整往往...

    人称T客
  • 关于ssh命令的几个使用小技巧(r11笔记第27天)

    ssh命令其实用了些日子了,但是感觉长进不大,主要原因是对它不够了解。 我想绝大多数的系统环境我还是使用ssh的方式会多一些,就这样看起来小米加步枪的工作方式,...

    jeanron100
  • eeglab中文教程系列(6)-数据叠加平均{1}(Data averaging)

    本教程为脑机学习者Rose发表于公众号:脑机接口社区(微信号:Brain_Computer),QQ交流群:903290195

    脑机接口社区
  • eeglab教程系列(6)-数据叠加平均{1}(Data averaging)

    ERP是Event-related Potentials的简称, 事件相关电位, 是一种特殊的脑诱发电位,通过有意地赋予刺激以特殊的心理意义,利用多个或多样的刺...

    脑机接口社区

扫码关注云+社区

领取腾讯云代金券