1.图像异步懒加载

图片[1]-常用功能-子比主题帮助

图像异步加载能极大的提高前端加载速度,它的原理就是 当页面加载时先不加载对应的图片,等待用户滚动且此图像进入用户视线内时再加在图片,这样也就能较少网页刚打开时的页面大小,提高加载速度,在图片较多的网站效果极为明显。

上面的开关分别对应不同的图像是否开启懒加载模式

动画效果分别有

图片[2]-常用功能-子比主题帮助

以上三种

可以根据自己喜好选择,这里没有技术点

懒加载预载图默认的是zibll内置的svg,可以根据自己需求选择(如果想自定义最好设置svg,图片或者gif建议托管在图床或者OSS,保证加载速度)


2.代码高亮

图片[3]-常用功能-子比主题帮助

默认是都打开,如果不喜欢可以用wp自带的代码模块

下面的默认主题大同小异

代码高亮最大高度是限制代码展示的最大高度的,为0则为不限制高度,可以根据自己但站点需求来设置


3.弹窗通知

图片[4]-常用功能-子比主题帮助

第一个开关是弹窗通知的总开关,站长们可以根据自己站点的需求

第二个显示策略是与最后一个弹窗周期结合的在符合现实策略的情况下,每个弹窗周期刷新后都会弹出窗口

弹窗标题显示样式可按照自己的使用场景自行选择

图片[5]-常用功能-子比主题帮助
炫彩背景样式
图片[6]-常用功能-子比主题帮助
默认样式

标题为弹窗自动弹出标题,自行设置,图标可以选择主题内置svg或fa-v4系列图标,也可以自己插入阿里巴巴iconfont图标(涉及进阶内容,此处不过多阐述,可参考子比官网教程)Wordpress全站使用阿里巴巴Iconfont图标详细图文教程-Zibll子比主题

背景颜色为标题后背景框主题色,建议按照主题配色选择,也可以按照自己的喜好用途选择

弹窗内容为弹窗通知的主体部分,按照自己的需求编写即可(需要注意的是,弹窗内容支持html格式,但请注意代码闭合,不正确的代码可能导致显示错误甚至造成wp致命错误,遇到问题请第一时间检查此处以及自定义代码处的代码格式内容是否规范)

下面的弹窗按钮是位于弹窗内容下面的按钮,不宜设置过多,2-3个即可,按钮文字也不宜过长,可以自己选择站内的页面或者自定义链接进行设置,按钮颜色和上面的背景大同小异,按照自己作用设置即可

可以自行删除已经添加按钮

按钮圆角显示也是按照自己喜好即可

下面的弹窗周期依照您希望的弹出时间设置即可,在达到显示策略的条件下,每达到设置的弹窗周期的下一次刷新就会弹出弹窗

© 版权声明
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容