WordPress页面添加打印功能

页面打印 功能方便我们快速链接打印机,有很多插件,这里介绍代码实现的方法。

1、html添加打印链接

<a href="printme()" target="_self" rel="noopener">打印</a>

2、js函数

在你的wp中引入下面的Js,或者放在你的文章页single.php或脚部文件footer.php底部.

<script type="text/javascript">
var global_Html = "";
function printme() {
global_Html = document.body.innerHTML;
document.body.innerHTML = document.getElementById('div-main').innerHTML;              
window.print();
window.setTimeout(function() {
document.body.innerHTML = global_Html;
}, 1500);
}
</script>

注意: div-main是你的页面的主题div的ID,要修改成你主题的DIV的ID.

WordPress高阶
我们将在15分钟内联系你

免费提供行业网站方案以及海外推广计划