AI摘要
Grace AI
![图片[1]-更精简的自定义CSS&JavaScript-初一小盏](https://image.baidu.com/search/down?url=https://www.vxras.com/wp-content/uploads/2025/02/d2b5ca33bd20250203061521.png)
子比主题默认的自定义CSS&JavaScript代码功能是直接在页面的头部及底部插入内容，对于喜好美化的站长来说页面大量的代码将会影响自身站点的SEO、导致网站favicon图标不显示等异常问题
子主题针对这一块进行了一系列测试与优化：
- 将插入代码更改为假链接文件引用
- 使用wordpress自带的admin-ajax.php输出CSS&JavaScript内容
- 有效的防止了仅会f12扒美化代码的小白用户
什么是假链接？
在网页中，我们通常可以使用文件链接的形式引入样式代码，例如下面这样
<link rel='stylesheet' id='_forums-css' href='https://www.vxras.com/wp-content/themes/zibll/inc/functions/bbs/assets/css/main.min.css?ver=8.1' type='text/css' media='all' />这是常见的样式代码引入形式，而假链接文件则是利用了wordpress自带的一个admin-ajax.php文件的功能，可以自己编写代码进行调用输出自己想要的内容，于是我便利用这一机制，制作了一个不存在的css文件引入到站点中，在这个ajax被请求时，将会自动获取后台设置的css代码进行输出，以此起到假文件链接的形式引入样式代码，https://www.vxras.com/wp-admin/admin-ajax.php?action=generate_css
<link rel='stylesheet' id='dynamic-styles-css' href='https://www.vxras.com/wp-admin/admin-ajax.php?action=generate_css' type='text/css' media='all' />这样做有什么缺点？
缺点还是有不少的，这里我举例几个可能遇到的文件出来
- 海外服务器、小厂超开服务器请求admin-ajax.php速度很慢，慢到不如使用原来的自定义代码形式
- 内容太多，导致在加载的时候PHP提示502超时
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
- 最新
- 最热
只看作者