Avada主题 7.4版本更新了哪些内容

2021 年 6月 8日 Avada发布了 7.4版本，引入了大量新功能及特性，帮助用户更好的设计网站。魏艾斯笔记分享 Avada7.4版本的新功能、修复及改进。

1、扫描、分析和优化网站性能

• 禁用未使用的功能：轻松禁用未使用的功能以减少每页加载的 HTML 代码量。
• 图标扫描仪：快速扫描您的网站以发现您正在使用的图标及其放置位置。
• 字体管理和处理：检查网站上加载了哪些字体，然后优化这些字体的提供方式。
• 关键 CSS 和高级优化：启用关键 CSS 的生成并推迟未使用的 CSS，这将导致更快的渲染时间。
• 图像和视频优化：启用视频外观，管理图像质量、大小和延迟加载以提高页面加载性能。
• JS & CSS 优化：编译 CSS/JS，异步加载媒体查询文件，并通过在页脚中加载使 CSS 不阻塞渲染。

扫描网站的目的是获取与性能相关的建议和提示，从而更好地优化和改善页面加载时间，提高网站性能、速度。

2、网站首屏优化

“首屏”是打开网页时无需下拉滚动即可桌面或移动端看到的页面部分。Avada7.4提供的新功能可以优化你的首屏内容，以提高移动和桌面上的性能。

• 关键 CSS：启用关键 CSS 的生成并延迟未使用的 CSS，提供更快的渲染时间。
• 图片预加载：用户可以给网站图像选择延迟加载方法以提高性能。

3、附加性能提升

• Javascript：从代码库中删除了 9 个不同的 JS 脚本，以提高 Avada 的整体性能。
• IE浏览器：根据 WordPress 和行业标准不在支持 IE11。
• 视频：YouTube 和 Vimeo Elements 仅在播放视频时加载视频播放器，而不是在呈现页面时加载。

4、构建侧标题的新选项：构建所有标题新功能，并且十分灵活。

Avada Mechanic演示网站，是 Avada主题第83个演示网站，导入数据到 Avada中即可使用。想看其余的 Avada演示网站请访问Avada Demo演示网站汇总。

5、更多更新

• 添加了对社交媒体图标使用自定义图标（来自图标字体）的支持
• 添加了对灯箱内所有社交媒体共享网络的支持
• 为社交链接元素添加了响应式对齐选项
• 在菜单元素中添加了 3 个新选项
• 添加了一个选项来下载自定义图标集的图标选择 JSON
• 在标题元素中添加了渐变文本颜色选项

6、Avada 7.4 中所有更改如下

新功能

• 1 个专业设计、性能优化的预建网站
• 添加侧标题生成器
• 添加对社交媒体图标使用自定义图标（来自图标字体）的支持
• 添加对灯箱内所有社交媒体共享网络的支持
• 添加一个选项来下载自定义图标集的图标选择 JSON
• 向 Avada Forms 日期元素添加了一个选项以设置 flatpickr 的日期格式
• 为 Container 元素添加了响应式最小高度选项
• 为社交链接元素添加了响应式对齐选项
• 添加了大型菜单标题对齐选项
• 添加了一个新选项以允许在 Menu 元素中为移动菜单设置自定义最大高度
• 在 Menu 元素的主菜单项上添加了字母间距选项
• 添加了一个选项以允许将 reCAPTCHA 用于用户登录/注册元素
• 添加性能向导以轻松优化所有站点设置，包括获得最佳结果的建议
• 添加一个引擎来创建关键 CSS（CSS 仅在折叠上方使用）以删除阻塞渲染的 CSS
• 添加跳过特定图像的图像延迟加载的选项，让浏览器预加载它们以加快折叠渲染速度
• 添加一个图标扫描仪来查找 FontAwesome 图标，并允许使用自定义图标字体更轻松地替换
• 启用 Gzip 压缩的选项（在支持的服务器上）
• 添加在页脚中加载 jQuery 的选项
• 在 YouTube 和 Vimeo 元素中添加了一个用于加载外观/预览图像的选项
• 添加选项设置页面选项滑块的设备类型可见性
• 添加选项关闭旧按钮预设
• 将第三方插件（如 WooCommerce、The Events Calendar、bbPress）的数据添加到编译器获得更好性能
• 为所有内部检查添加了 Avada 自己的设备检测库

修复

• 自定义图标 CSS 文件路径中的双斜线
• 当低于最小字体大小时，标题元素中的响应式排版不正确
• 设置动画字体大小时，响应式排版不适用于标题元素中的动画文本部分
• 响应式标题排版不尊重 Avada Slider 中设置的自定义字体大小
• 不考虑未填写字段的 Avada Forms 条目的导出
• 当允许多个文件且未使用 POST 方法时，Avada Forms 中的上传字段无法正常工作
• 在全局选项中禁用该选项时，不会在移动设备上自动隐藏滑动条特殊菜单项切换
• Avada Forms reCAPCHTA 在单个页面加载期间提交不止一个失败
• 菜单元素文本转换选项错误地应用于大型菜单内容
• 使用弹出菜单和使用背景图像时未应用菜单元素文本悬停颜色
• 菜单元素移动菜单间距错误地继承了主菜单的间距
• 仅使用图标元素时，菜单元素下拉指示器的位置不正确
• 轮播在 Menu 元素的大型菜单中无法正常工作
• 在菜单元素中使用 desc 文本和垂直菜单布局时，菜单项中心定位不起作用
• 子菜单框阴影被错误地应用于菜单元素中的超级菜单子菜单
• 当在菜单元素中使用仅图标选项时，并非所有字体样式都应用于移动菜单中
• 菜单元素中的超级菜单标题图标间距不正确
• 当图标位于文本顶部时，菜单元素中缺少图标和文本之间的间距
• 在作为菜单一部分的页面上时，弹出菜单图标活动颜色应用于主切换图标
• 当未发布或有条件呈现的容器位于同一页面上时，滚动部分链接无法正常工作
• 延迟加载背景图像无法正常工作
• 在某些情况下向下滚动时，滑块下方的自定义粘性标题会向上跳
• 默认情况下打开工具提示时加载页面正在滚动到 Google 地图
• 设置为 0 时，Woo Archive 元素中的产品数量选项无法正常工作
• icon元素默认边距不正确，选择对齐时和弹性容器中显示的图标
• 在旧容器中使用时缺少 p 标记的全局元素
• 修复了手机上 Avada Forms 脚本导致的 CLS（累积布局偏移）问题
• 在 WooCommerce 购物车条目上显示的下拉插入符号，即使购物车是空的
• WooCommerce 多币种设置不适用于 Quickview
• WooCommerce 订购框错误地显示在产品搜索结果页面上
• WooCommerce Grid 元素具有一些无法正确保存的基于滑块的选项
• WooCommerce 销售徽章未显示在 Woo Carousel 元素中
• 每个变体都有自己的 SKU，则用于可变产品的 WooCommerce SKU 不会在元元素或动态数据中自动更新
• 某些国家/地区的 WooCommerce 运输计算器字段定位错误
• WooCommerce 自定义购物车/结帐布局在更改运输方式时 AJAX 加载默认购物车总数
• 未在 WooCommerce 设置购物车页面，则更新购物车时 WooCommerce 自定义购物车布局 AJAX 加载默认购物车模板
• 删除 WooCommerce 自定义购物车布局中的最后一项导致 500 错误
• WooCommerce 结帐页面上显示的无线电输入，即使只有一种运输选项可用
• 当元素处于传统模式容器时，全局元素的 WPML 翻译不起作用
• 滚动标题显示类别标题而不是作品集存档页面上的帖子标题
• 鼠标悬停图标未正确反映图标的页面选项设置
• 使用 Polylang 插件时，投资组合档案为 404，并且语言被设置为不同的站点
• 如果未设置特色图像，则投资组合存档页面上缺少图像占位符
• 当标题/菜单处于粘性模式时，弹出菜单不会在移动设备上关闭
• 日期档案未在明信片元素中显示动态帖子标题
• 当多个搜索框位于同一页面上时，实时搜索输入 ID 不是唯一的
• 搜索元素中的实时搜索结果不限于帖子类型，如果仅选择单个帖子类型
• 使用自定义搜索布局时，下一篇文章的 AJAX 加载不起作用
• 当无限滚动并通过按钮元素加载更多帖子在同一页面上时，AJAX 加载下一个帖子不起作用
• The Events Calendar 单个事件页面上的样式问题
• 与 Events Calendar Pro 插件的兼容性问题导致小部件选项无法正确保存
• 由于站点 URL 是用户代理的一部分，一些主机被阻止更新 Avada
• 在禁用 allow_url_fopen 的主机上检索 SVG 图像尺寸时发生 PHP 通知
• RTL 网站上隐私栏按钮的对齐方式错误
• Avada Slider 选项中某些屏幕尺寸的按钮设置被截断
• 使用盒装模式时，视差模式下的 Avada Slider 显示不正确
• 删除了引用函数中的回退以确保不允许外部引用
• 由于一些社交共享网络未使用 HTTPS，某些扫描仪报告了 SSL 问题
• 使用填充模式时，基于文本的下一个/上一个分页按钮的宽度受到限制
• 尝试在后端未选择操作的情况下执行批量操作时发生错误
• 用于页眉和页脚加载的旧字体系列，即使使用 Layout Builder 设置页眉和页脚
• MemberPress 插件与 Layout Builder 的兼容性问题
• 在实时编辑器布局生成器中加载不同的布局部分预览时，有时会发生列 ID 冲突
• 在一页上使用不同的布局部分时，实时编辑器中的线框显示问题
• ACF 动态回调在布局生成器中不正确
• ACF 动态数据在明信片元素中不可用
• HTML 内容在动态内容的前后字段中不起作用
• 动态数据倒计时日期在实时编辑器中无法正常工作
• 在某些情况下，列边距/填充拖动处理程序在拖动时消失
• 当前编辑容器时，框阴影不适用于实时构建器中的容器元素
• 社交链接图标盒装填充不会在实时编辑器中自动更新

改进

• 为宽度超过 1920 像素的屏幕的响应式图像尺寸属性添加了额外的图像尺寸
• Avada Forms 现在将在向 HubSpot 提交表单时使用 HubSpot 的表单 API
• 导入预建站点后，所有功能现在都可用，即使未在该特定站点上使用
• 重构了修补程序类，以便 Avada 的所有部分都可以共享使用它们
• 重构 Google 字体类，为正文字体添加更少的字体变体，并确保不会预加载不需要的字体
• 将新的 PHP 响应式排版初始化扩展到更多领域
• Avada Forms 条目中上传的文件现在显示为链接，以便于打开
• 如果未启用，请确保没有在移动设备上执行视差 JS 脚本
• 从实时编辑器的构建器框架中删除已编译的 JS 文件以提高加载性能
• 添加了新的操作和过滤器以获得更好的可定制性
• 更新了几个选项描述和依赖项以获得更好的可用性
• 删除 jQuery.waypoint JS 库
• 删除 jQuery.appear JS 库
• 删除 jQuery.cycle JS 库
• 删除 jQuery.hoverIntent JS 库
• 删除 jQuery.hoverFlow JS 库
• 删除 jQuery.niceScroll JS 库，用 CSS 样式替换平滑滚动
• 删除了响应式标题元素脚本
• 删除了停用移动图像悬停脚本，减少了 CLS（累积布局偏移）
• 从前端加载中删除了空列高度和列背景尺寸脚本
• 删除 IE11 支持（与即将推出的 WordPress 5.8 一致）
• 将一些 JavaScript 事件侦听器更改为被动以提高滚动性能
• 重构了几个 JS 文件以获得更好的性能
• 修复了由视差页脚功能引起的 CLS（累积布局偏移）
• PERFORMANCE删除了多余的转义函数调用
• 分离灯箱皮肤样式并仅加载所选皮肤的样式
• 将 YouTube 和 Vimeo 的 JS 代码分离出来，代码只会在启用 YouTube/Vimeo 脚本时加载
• 确保侧边栏相关的 JS 代码仅在页面实际使用侧边栏时加载
• 将图像延迟加载添加到大型菜单背景图像
• 更改菜单元素中大型菜单的加载程序以获得更好的加载性能
• 拆分 WP 管理栏菜单创建，以避免在前端加载其他管理相关功能
• 修复了锚点滚动功能导致的没有href问题的锚点
• 修复了在列元素标记中使用的锚标记，如果使用图像悬停效果，即使未设置链接
• 从 Alert 元素中的可聚焦关闭按钮中删除了 aria-hidden 属性
• 更新将Avada 的内置图标字体名称从 icomoon 重命名为 awb-icons 和 awb-admin-icons
• 更新与 WooCommerce 5.1 的兼容性
• 更新更新lazySizesscript到最新版本