媒体上传
1、图片形式使用webp格式,使用智图软件进行压缩:生成为webp格式,质量调节默认。
2、视频形式使用小丸工具箱进行压缩:CR参数:20.5,上传视频进行压制;上传到站点后台媒体库,复制视频链接地址到添加视频的模块属性中。
三端适配
在不同设备中调整独立参数设置大小来适应,对于不同端口显示不同尺寸图片(或内容不同),在可视化编辑中创建多种模块,设置相对应的端口显示属性。
- Visible-默认显示
- Hidden-隐藏
- Only for Desktop-仅在桌面端显示
- Only for Mobile-仅在手机端显示
- Only for Tablet-仅在平板端显示
- Hide for Desktop-在桌面端隐藏
- Hide for Mobile-在手机端隐藏
例如:两个模块一个设置在手机端隐藏(Hide for Mobile),另一个设置仅在手机端显示(Only for Mobile)。
注意:调节在模块属性栏中下拉到最底属性Adcanced中!
文章模块
模块(Blog posts)是调取写文章的各个文章内容
- Title:是Blog posts显示的各个文章标题;
- Slug:域名后缀,例如:chao.com/文章分类/文章别名;
- 右侧添加文章分类以及特色图片,特色图片会显示在文章详情页的头部和文章模块(Blog posts)的图片。
页脚设置
后台UX Blocks模块可视化编辑页脚的样式,在主题自定义中的页脚(Footer)中调用编辑好的blocks后将会在每个页面自动生成页脚,免去复制操作。
动态数字效果
- 在文本text编辑中将要变化的数字选中,切换属性为Count Up Number效果。
- 如果后方有加号或者其他单位,在text的代码中数字后方加入<span>+</span>标签。
表单提交设置邮箱通知
绑定SMTP,邮箱账号与安全中设置开启服务获取授权码,
QQ邮箱:
表单弹窗添加
需要用到表单插件:WPFarms、弹窗插件:WP Popups。
- 添加新建一个表单,选择让客户提交的姓名电话等信息的模板。
- 设置layout自动布局,将表单内容拖动到里面布局。
- 复制建的这个表单的简码到弹窗编辑中。
- 新建弹窗,将表单弹窗标题和表单简码复制在弹窗中。
- 设置弹出框的大小、高度为自动高度等外观样式的设置。
- 设置显示规则在某个端口或在某个页面,满足设定的条件显示弹窗。
- 设置触发条件下滑页面百分比、像素;停留时间等来触发
页面添加面包屑
插件:Yoast SEO
- 安装后选择设置>高级>面包屑,设置上级名称间隔符号等属性。
- 导入到页面需要简码在可视化编辑中将[wpseo_breadcrumb]这个简码复制到html模块中,即可显示该页面的面包屑,调整属性样式。
左图片右文字排版
1、以块状对齐图片在6p6p组外面套12p组,给12p组背景;
2、手机端左右顺序调换调用main文件,组内加(text-img-box)css属性;文本加(text)css属性;图片加(image)css属性
设置页面全局交互
使用ai给出代码将自己页面的class和行为替换到代码,复制到主题Flastsome-高级-Global Settings脚本编辑。
设置5列
在其中一列class添加col-5