typecho模板实现桌面通知功能,并增加功能设置

1.修改functionphp
需要在模板的控制文件,function.php的function themeConfig($form) {}的方法里,添加以下代码:

$suportNotify= new Typecho_Widget_Helper_Form_Element_Radio('suportNotify',array('1' => _t('关闭桌面通知'),'2' => _t('开启桌面通知')),'1',_t('桌面通知'),_t("开启将可以设置桌面通知功能显示在首页,帮助你更好的推送内容"));
$form->addInput($suportNotify);
$Notifytitle = new Typecho_Widget_Helper_Form_Element_Text('Notifytitle', NULL, NULL, _t('桌面通知标题'), _t('填写指定桌面通知标题,将在通知弹窗显示。'));
$form->addInput($Notifytitle);
$Notifylink = new Typecho_Widget_Helper_Form_Element_Text('Notifylink', NULL, NULL, _t('桌面通知链接'), _t('填写指定桌面通知链接,点击通知栏后将跳转到所设置的路径。'));
$form->addInput($Notifylink);
$Notifypic = new Typecho_Widget_Helper_Form_Element_Text('Notifypic', NULL, NULL, _t('桌面通知图片'), _t('开启桌面通知后必填,设置指定桌面通知图片,在通知弹窗中显示缩略图。'));
$form->addInput($Notifypic);

保存之后,在typecho的模板设置里就会出现这三条表单内容,代表前期准备完成了。我这是已经设置好的,默认是空的,等你设置。

推送内容就在设置里填写,用户打开就会推送给他

2.给模板添加代码
在设置之前,请注意之前添加的三个自定义字段,调用的方式如下:

options->suportNotify(); ?> //是否开启
options->Notifytitle(); ?> //通知标题
options->Notifylink(); ?> //通知跳转链接
options->Notifypic(); ?> //通知缩略图

如果你想全局显示就添加到模板的全局header.php中,但是我建议首页就好,因为这段js不怎么完善,弹来弹去也会让用户厌烦。

options->suportNotify == '2'): ?>


大概的意思就是,最外面的if判断值来显示是否开启,内部就是通用的js,在指定的区域填上调用字段,这样通知的功能就算弄完了,在电脑上可以访问我博客看效果,手机也有部分浏览器支持。

发表新评论