网站搭建笔记（四）Wordpress（二）发表文章崩溃、添加Canvas-nest.js（有个小问题）、添加自己的js代码

最新推荐文章于 2024-08-22 09:50:16 发布
最新推荐文章于 2024-08-22 09:50:16 发布
阅读量1.4k 收藏
点赞数
分类专栏： Wordpress 网站搭建 文章标签： Wordpress 发表文章出错 wordpress 添加 canvas-nest.js wordpress添加自己的js代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TUTsmile/article/details/89341972
版权
本文介绍了在WordPress中遇到发表文章崩溃的问题，解决方案是切换到经典编辑器。同时，详细讲解了如何通过插件和代码方式添加Canvas-nest.js，以实现动态背景效果，并提醒注意zIndex的调整，以及使用'插入页眉和页脚'插件添加自定义JS代码的方法。
摘要由CSDN通过智能技术生成

Wordpress发表文章崩溃

Wordpress可以直接在后台点击写文章而发表文章，但是会总是会报错崩溃，解决办法是将编辑器换成经典编辑器即可。
在这里插入图片描述

Wordpress添加Canvas-nest.js

插件法

我们经常可以看到某些博客网站背景是，鼠标可吸引点，然后点与点之间可以连成线，这其实都是Canvas-nest.js。

现在我们登录Wordpress后台，插件——>安装插件——> 搜索Canvas-nest.js 安装
在这里插入图片描述

现在点开你的网站，如果发现并没有酷炫的蜘蛛网背景的话，
此时你需要要点开设置，进入Canvas-nest.js ，将Css zIndex修改为0（默认值为-1）。
在这里插入图片描述

zIndex是z轴的意思，为-1的话即在其他所有图像之下，但是Wordpress自带的模板将整个页面均进行了绘制，所以Canvas-nest无法显示，所以修改Z轴（修改为0或者更大）

最低0.47元/天 解锁文章
TUTsmile
关注
专栏目录
canvas-nest.min.js
05-12
html5鼠标悬停背景特效
wordpress 主体基础，插入css或javascript
最新发布
2401_82871360的博客
09-20 531
/$file 填母主题目录下的文件路径。$media // 用在什么设备，all（默认），screen，print，handheld（手持设备）// $file 填主题目录下的文件路径。$in_footer // 是否在页脚插入javascript。$deps // 此样式需要依赖的其他样式，一般不用填。$deps // 此样式需要依赖的其他样式，一般不用填。$src // 样式文件的路径。$src // 样式文件的路径。
canvas-nest.js
05-03
canvas散点背景鼠标动态特效
canvas-nest.js：具有JavaScript和Canvas（无jQuery）的交互式粒子嵌套系统
02-03
canvas-nest.js 网站的嵌套背景在画布上绘制。 特征 它不依赖jQuery，而是使用原始的javascrpit。 体积小巧，只有2 Kb。 易于实现，配置简单。 您不必是Web开发人员即可使用它。 使用区域渲染进行模块化。 安装...
canvas-nest.js-master-2020429.zip
04-29
"canvas-nest.js-master-2020429.zip"这个压缩包文件正是这样一个实例，它展示了如何利用JavaScript在Canvas画布上实现动态背景效果。下面我们将详细探讨相关的知识点。 首先，Canvas是HTML5的一个重要组成部分，它...
Node.js-canvas-nest.js一个基于html5canvas绘制的网页背景效果
08-10
Nest.js库则是基于Canvas，专注于创建流动、粒子效果的背景，为网站添加了一种现代且独特的视觉风格。 Node.js在其中的角色主要是服务器端技术，通常用于处理后端逻辑和数据交互。然而，由于Node.js可以运行...
超酷炫的js背景插件canvas-nest.js
weixin_39910040的博客
08-06 668
安利一发——超酷炫的js背景插件canvas-nest.js 之前在某不知名网站上看到过，觉得好酷炫，当时也没多想怎么写的。 今天正好手头上没有事情在一个技术网站上，又在某技术网站上看到了这个背景，实在是忍不住好奇心，想知道怎么实现的，遂在各个技术群问了一句，没想到真的有人知道。 demo地址:http://www.luoyuhu.com/ github地址：https://git...
好玩的js代码，canvas-nest.js
伟大是熬出来的
04-24 9205
效果图：<script type="text/javascript" color="0,205,205" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>只需要在页面上加上js就可
canvas-nest.js效果展示
05-08
粒子围绕鼠标的效果展示。有些博客的页面，鼠标放置的时候，有线条聚集的动态效果。
超赞网页背景效果canvas-nest.js.zip
07-19
canvas-nest.js 是 canvas 上绘制的蜂窝状网站背景。 特性 不依赖于 jQuery 和 JavaScript 框架   轻量级，只有 1.59kb 大小 非常容易使用 使用 [removed][removed] 以上代码放到body之间即可。 预览 OnlineTool: http://www.atool.org/ 标签：canvas
网页粒子背景插件 -Canvas-nest.js
影子
12-18 3078
地址：https://github.com/hustcc/canvas-nest.js 如果以上的js有问题，直接点击下面的下载！ canvas-nest.js下载地址：https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js color=”255,0,0” 背景粒子线的颜色值 opacity=”0.5” 背景粒子线的透明度，一...
用wordpress搭建博客网站看到一个不错点鼠标特效插件canvas-nest  
q304929130的专栏
12-03 799
用wordpress搭建博客网站看到一个不错点鼠标特效插件canvas-nest 登录wordpress后在插件安装里面也有但是下载安装失败~最后百度下载的 使用方法如下: 下载好了直接放到网站根目录wp-content\plugins\解压即可 然后到主题编辑器->主题页脚(footer.php)里面拉到最下面加入以下代码 opacity='0.7'(透明度) color="0,205,205是颜色count="99" 是数量 <script type="text/ja...
在vue项目中使用canvas-nest.js，报parameter 1 is not of type 'Element'
weixin_30338743的博客
12-28 1018
canvas-nest.js是一款轻量的网页特效，如图： github地址：https://github.com/hustcc/canvas-nest.js 在普通的html项目中，只要将<script src="dist/canvas-nest.js"></script>插入到body标签最下边即可。 在vue项目中，使用时配置 1 import ...
网页粒子背景插件 -Canvas-nest.js 指定具体位置展示
热门推荐
DUT_LYH
07-19 5万+
Canvas-nest.js是一个非常好看的网页粒子背景插件，不需要依赖任何第三方库即可运行，提供额非常炫酷的背景。但是默认的情况下是对整个body标签进行添加的，现在我们想让例子指定具体的位置改怎么做呢？ ①我们首先打开Canvas-nest.js官方的实现 (document.body, (f = document.getElementsByTagName(&quot;script&quot;), { ...
canvas-nest.js 开源项目教程
gitblog_00458的博客
08-22 427
canvas-nest.js 开源项目教程 canvas-nest.js项目地址:https://gitcode.com/gh_mirrors/can/canvas-nest.js 1. 项目的目录结构及介绍 canvas-nest.js 项目的目录结构相对简单，主要包含以下几个部分： canvas-nest.js/ ├── demo/ │ └── index.html ├── dist/ ...
canvas-nest.js基于html5 canvas绘制的网页背景效果
chuniyin3688的博客
08-03 396
开源地址 https://github.com/hustcc/canvas-nest.js 下载js地址 http://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js <body> <!-- 下面...
Uncaught SyntaxError: Unexpected token '<' (at canvas-nest.js:1:1)
09-02
这个错误通常表示在canvas-nest.js文件的第一行有一个不期望出现的字符"<"。这可能是由于以下几种原因导致的： 1. 文件路径错误：请确保引入canvas-nest.js文件的路径是正确的，并且文件存在于指定的位置。 2. 文件内容错误：打开canvas-nest.js文件，检查第一行是否存在非法字符"<"。如果是这种情况，可能是文件下载或复制时出现了问题。您可以尝试重新下载或复制文件。 3. 引入顺序错误：如果您在页面中同时引入了多个JavaScript文件，请确保引入的顺序是正确的。某些脚本可能依赖于其他脚本，引入顺序错误可能导致脚本执行错误。 请您检查以上几点，并尝试修复问题。如果问题仍然存在，请提供更多相关信息，以便我能够更准确地帮助您解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值