WP笔记

WordPress无法上传大图片

WordPress 5.3新增了处理大图片的功能,目的是自动化压缩不适合网络浏览的图片。但有时上传原图是必须的,如果原图很大,那生成大尺寸压缩图片时可能会因为服务器资源不足等问题导致上传失败。有时也不是真的失败了,就是服务器超时,导致一些该有的ajax响应收不到,从用户界面看就是失败了,但图片其实传上去了。

继续阅读WordPress无法上传大图片
WP笔记

如何在WordPress主题中使用webpack

webpack是一款打包工具,可以将一些重复劳动自动化,比如css、js压缩打包,给css的属性添加浏览器前缀,即css vendor prefixes,还可以在css、js文件发生变化时帮我们自动刷新页面,或者允许其它设备访问本地的项目,总之很方便。本文就介绍一个简单的WordPress主题里配置webpack的方法。

继续阅读如何在WordPress主题中使用webpack
WP笔记

WordPress菜单添加SVG图标

svg图标清晰度高,代码可以直接放在网页上使用,不但能随意控制hover效果,还可以做动画,可谓好处多多。今天要介绍的是如何给WordPress的菜单项目添加svg图标,要直接插入svg代码,不是使用图片或背景,也不是使用类似fontawesome那样的字体图标。

继续阅读WordPress菜单添加SVG图标
WP笔记

WordPress的瞬态缓存和对象缓存

WordPress原生缓存机制主要有两种:瞬态缓存和对象缓存。两者主要区别是生存时间和存储位置不同,瞬态缓存活在一段时间内,这段时间任何一次页面请求都可以使用,存储在数据库中。对象缓存只生存在一次页面请求中,下一次请求就访问不到了,存储在内存中。但两者也不是界限分明的,当WordPress安装了高级缓存,瞬态缓存可以搬到内存里住,对象缓存也能在多次请求中重复使用。下面来详细介绍一下。

继续阅读WordPress的瞬态缓存和对象缓存
WP笔记

WordPress Gutenberg编辑器的Gallery增加灯箱效果

WordPress默认的Gutenberg编辑器自带的Gallery图集很好用,美中不足的是查看大图比较麻烦,如果有lightbox灯箱效果,点击图片就展示大图,不用离开当前页,点点左右箭头就能继续看其它图片,岂不美哉。大家都喜欢看图,全用大图占地方,用小图看不清,图集+灯箱效果可以完美化解这个矛盾。

继续阅读WordPress Gutenberg编辑器的Gallery增加灯箱效果
WP笔记

如何批量替换WordPress网站的内容

网站域名变了,文章内容里的地址没替换咋办?是你移动网站的方法不对吗?不一定啊,如果你自己搞了个cdn叫content.mysite.com,用duplicator插件移动网站时还觉得ok,活干完就后悔了,“哎呀,我怎么不用个更时髦的地址呢”。没关系,这时候我们可以召唤一款能比较精准的替换数据库内容的插件——Better Search Replace

继续阅读如何批量替换WordPress网站的内容
WordPress主题开发

WordPress优化CSS和JS的加载(2021)

通常情况下,css和js会阻碍html的解析,在谷歌测速里会被当成阻碍渲染的资源。如何优化呢?答案很简单,给javascript文件添加defer标签,异步加载。css文件,可以用preload方式加载,也可以用一点小技巧使其异步加载。本文简单介绍如何优化CSS和JS的加载。

继续阅读WordPress优化CSS和JS的加载(2021)