WordPress网站全屏水印JS代码教程

颜诗雅

版主

社区管理 ⚔青铜 镖丁 ☯化神

教程分享 196 浏览 1 回复

详情摘要

【总结】这篇教程介绍了如何在WordPress网站上添加全屏水印，只需将提供的JS代码复制到通用JS中，并自定义水印文字即可。

网站需要防盗用或信息标注时，开启全屏水印，代码复制到通用JS中即可。

<script>
$(document).ready(function() {
  var watermark_txt = "CSWL官方博客";
  watermark({watermark_element: "body", watermark_txt: watermark_txt});
});
function watermark(settings) {
  var defaultSettings = {
    watermark_element: "body",
    watermark_txt: "text",
    watermark_width: 200,
    watermark_height: 120,
    watermark_color: "rgba(200,200,200,0.3)",
    watermark_font: "14px",
    watermark_angle: -20
  };
  // 遍历页面平铺水印
}
</script>

自定义watermark_txt为需要显示的水印文字即可。

教程