WordPress如何实现复制网页内容自动添加版权信息?在知乎复制文章内容时,会自动带版权链接。这个功能是否能挪到wordpress博客程序里呢?答案是可以的,虽然功能比起来有些简单,但是足够用了。
JS代码实现仿知乎自动添加版权功能
1、JS调用代码:
<script =”text/javascript”>这里放版权代码</script>
2、版权代码1:
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;
3、版权代码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主题的header.php或者footer.php中,如果你的主题后台带有自定义代码选项就更好了。
对于DUX主题,可以添加在主题设置中添加【自定义头部代码】:
以上代码适用于 WordPress 或 zblog 等站点,如果是 zblog 站点,记得在后台点击【清空缓存】并重新编译模板]才行哦。
友情提示:
修改模板后,记得将模板编码改为:UTF-8 无BOM(无签名),否则提示中的汉字会乱码,建议使用专门的编辑工具,比如:Notepad++(免费)编辑修改主题模板文件。
评论前必须登录!
注册