WordPress美化——复制文章内容弹出版权提示框

今天给大家分享一个在WordPress主题中,加入复制文章内容时弹出版权提示,提醒转载注明文章出处的小功能。

该功能哈米进行了优化,在剪切板的复制内容后面自动加入了源网站的版权信息,效果可参考本站。

在WordPress主题功能文件functions.php中加入以下代码:

function hm_copyright_tips() {
    echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="external nofollow"  >';
    echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
    echo '<script>document.body.oncopy = function() { swal("复制成功!", "撰文不易,转载请务必保留原文链接,申明来源,谢谢合作!","success");};</script>';
    ?>
    <script type='text/javascript'>
        function addLink() {
            if (window.getSelection().containsNode(document.getElementsByClassName('single-content')[0], true)) {
                var body_element = document.getElementsByTagName('body')[0];
                var selection = window.getSelection();
                var pagelink = "<br/><br/>作者:<?php the_author(); ?><br/>链接:<a href='<?php echo get_permalink(get_the_ID()); ?>'><?php echo get_permalink(get_the_ID()); ?></a><br/>来源:<?php bloginfo('name'); ?><br/>著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。";
                var copy_text = selection + pagelink;
                var new_div = document.createElement('div');
                new_div.style.left = '-99999px';
                new_div.style.position = 'absolute';
                body_element.appendChild(new_div);
                new_div.innerHTML = copy_text ;
                selection.selectAllChildren(new_div);
                window.setTimeout(function() {
                    body_element.removeChild(new_div);
                },0);
            }
        }
        document.oncopy = addLink;
    </script>
    <?php
}
add_action( 'wp_footer', 'hm_copyright_tips');

版权信息可自行修改。

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服:1377177670@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载或失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有米币奖励和额外收入!

哈米酷 其他美化 WordPress美化——复制文章内容弹出版权提示框 https://www.hmkoo.com/699.html

互联网优质源码素材教程共享下载平台

下一篇:

已经没有下一篇了!

常见问题
  • 本站除独家和商用资源外的所有资源版权均属于原作者所有,这些资源均只能用于参考学习使用,请于下载后的24个小时之内,从您的电脑中彻底删除上述内容资源,切勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完的压缩包与网盘上的容量,若小于网盘提示的容量则是不完整的原因。这是浏览器下载的bug,建议用百度网盘。
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务

var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?215bcbbc9cb1e27ac7f7ef39e07850c4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();
WordPress美化——复制文章内容弹出版权提示框-海报

分享本文封面