网站首页 / 站长学院 / WordPress教程
原创可商用
海量更新
不限下载
完美售后

复制文章提示“保留链接”版权弹窗通用版代码——WordPress美化

清风 2月前 WordPress教程

对于版权,现在大家的意识都非常好,不过很多网站为了维护版权,在别人复制该网站内容的时候,会弹出诸如“若要转载请务必保留原文链接,申明来源,谢谢合作!”之类的提示语!最近看到一款弹窗效果不错,下面介绍两种不同的集成方法,不过他们涉及到的代码其实都是一样的,只是一个更加灵活,便于管理,另一个相对比较死一些。



第一种 便于管理式

这种方法需要根据自己的主题做适当调整,如果你实在不会,请看第二种。


首先:打开inc/options/begin-options.php文件,在适当位置添加

$options[] = array(
    'name' => '',
    'desc' => '复制提示',
    'id' => 'copy_tips',
    'std' => '0',
    'type' => 'checkbox'
);

$options[] = array(
    'id' => 'clear'
);

我加在了主题选项--基本设置里,添加后就可以在对应位置看到这个选项了。

然后:打开inc/call.php文件,在适当位置添加代码

if (zm_get_option('copy_tips')) {add_action( 'wp_footer', 'zm_copyright_tips', 100 );}

最后:打开inc/inc.php文件,在适当位置添加

// 复制提示
function zm_copyright_tips() {
    echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
}

保存后,开启该选项即可,效果如下:

20171024-fuzhitanchuang02.jpg


第二种 简单粗暴式

这种方法理论上能用在各种不同主题上。

直接复制下面的代码到functions.php文件中保存即可。

function zm_copyright_tips() {
    echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );

两种方法比较

对比上面两种方法,其实他们的核心代码都是一样的。不同的是,第一种方法多了一个自由开关的功能,这样比较灵活,管理上也更加方便,想要开启的时候就开启,不想开启的时候就关闭。而第二种方法相对比较简单,如果不想开启的时候就需要在对应的文件中找到相关代码,然后注释或删除掉。

 

版权提示的另一种效果

上面的两种方法用的都是同一个代码,他们的效果其实是同一个效果。这里再附一个美化版的版权提示代码:

unction zm_copyright_tips() {
 echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="http://www.ixianzong.com/wp-content/themes/begin/go.php?url=https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
 echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'zm_copyright_tips', 100 );


效果图:

20171024-fuzhitanchuang03.png


由于这种方法外链了两个公共库文件,因此理论上来说加载会慢一丢丢,不过应该不明显啦。建议大家在下面下载sweetalert.min.jssweetalert.css两个文件分别上传到自己主题的js和css目录下面,把这两个地址改成本地路径,然后替换上述代码中的2个文件地址。

 

注意:代码添加OK之后注意刷新网站缓存,有的站点可能有缓存,导致没有效果


链接:https://pan.baidu.com/s/11RX_SlZXDk2rbxq2BveuoA 

提取码:i0vj 

复制这段内容后打开百度网盘手机App,操作更方便哦


下一篇:

上一篇:

大牛,别默默的看了,快来点评一下吧! : )
您必须登录后才能发表评论哦! : )
站内登录 QQ登录 微博登录
  • 暂时还没有评论! : )

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
现在加入百淘吧资源网,注册一个账号
  • 百淘吧资源网拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。