前言
为了找这段功能的代码,试过很多文章的效果,但存在各种问题,比如复制内容不全,或者干脆就是粘贴上一次的内容,为了增加更好的体验,WordPress本来就是一个讲究分享体验的事,不让复制显然有违博客的分享精神,所以博主找了很多,终于找到一个适用于最新版本的代码!
在知乎复制文章内容时,会自动带版权链接。这个功能是否能挪到wordpress博客程序里呢?答案是可以的,虽然功能比起来有些简单,但是足够用了。
很多网站的作者尤其是博客作者,站里的文章有一些是自己辛苦手打原创的学习心得、实用教程等,虽然大家发布出来就是为了互联网的共享精神,也欢迎大家的复制转载,但是很多人不懂得尊重别人的劳动。往往复制之后不带原文的版权,甚至冒充自己的原创,很是让人无语。对此,我们先是在wordpress主题程序中加如版权功能。这是几年前的方法,留的是明文提醒,后来发现知乎的功能不错,于是在网上找了一下如何在wordpress里实现,终于让我在知更鸟的博客找到了方法。
方法:JS代码实现仿知乎自动添加版权功能。
1、方法一:JS调用代码:
<script type="text/javascript">
function addLink() {
var selection = window.getSelection();
pagelink = ". 原文出自[ 踏雕上月博客 ] 转载请保留原文链接: " + document.location.href;
copytext = selection + pagelink;
newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
document.body.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
document.body.removeChild(newdiv);
}, 100);
}
document.oncopy = addLink;
</script>
使用方法:
将上面“版权代码”整体复制到你wordpress主题的header.php或者footer.php中,如果你的主题后台带有自定义代码选项就更好了。
2、方法二:版权代码2:
function addLink() {
var body_element = document.body;
var selection;
selection = window.getSelection();
if (window.clipboardData) { // Internet Explorer
var pagelink ="\r\n\r\n 原文出自[ 踏雕上月博客 ] 转载请保留原文链接: "+document.location.href+"";
var copytext = selection + pagelink;
window.clipboardData.setData ("Text", copytext);
return false;
} else {
var pagelink = " 原文出自[ 踏雕上月博客 ] 转载请保留原文链接: "+document.location.href+"";
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
}
document.oncopy = addLink;
使用方法:
将上面“版权代码”整体添加到你wordpress主题的functions.php中就好了。
友情提示:
修改模板后,记得将模板编码改为:UTF-8 无BOM(无签名),否则提示中的汉字会乱码,建议使用专门的编辑工具,比如:Notepad++(免费)编辑修改主题模板文件。
这样的办法可以让我们把文章页代码中的文章末尾的版权提示去掉,也更加的美观。
必须 注册 为本站用户, 登录 后才可以发表评论!