话不多说先看效果：
格子大小，光束颜色，随机生成光束的间隔时间都可以自定义调整的！
再看操作步骤：
首先，我们在Wordpress子主题中创建一个文件夹Assets
再到Assets文件夹下创建一个js文件夹
然后在js文件夹下创建一个名为beam-script.js的文件
将以下代码复制进去，保存！
最后在header.php文件的<body>标签后中添加代码：
<div class="grid-pattern"></div>好了，现在就可以清除缓存按住Ctrl+F5强制刷新页面查看效果
如果背景没有显示格子，那一定是格子背景的层级低于你的页面背景层级
我们把style.css文件中.grid-pattern的z-index改成0或者1，就行了
不建议改的太高，因为过高的层级会遮挡正文内容！
声明：本站所有文章，如无特殊说明或标注，均为本站原创或用户投稿发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
