Shop UX Tools最好的WordPress通用插件下载 博客插件模块

购买用户体验工具包安装

的购买用户体验工具包插件通过解决设计和可访问性问题来增强WooCommerce商店和产品页面。它专为Storefront主题设计，使用CSS仅修改WooCommerce代码，不影响您的主题。它很轻量级，具有可切换功能，并且可以与显示类似问题的其他主题一起使用（例如，没有强调线的链接），但建议进行测试。

改善链接外观它所做的：将强调线添加到WooCommerce页面链接（Storefront中缺失）并在悬停时将其删除。为什么它有帮助：增强可读性，修复Google PageSpeed Insights仅依赖于颜色的链接错误，提高可访问性和潜在的SEO。它所做的：仅当鼠标悬停在类别/产品框中的可单击元素上时，才能显示微妙的提升和阴影效果，并具有固定的左下角和右下角覆盖范围。为什么它有帮助：标志着可点击性，创造出鼓励点击的精美外观，可能会提高点击率（TLR）和销售额。将标题集中在大型产品形象模型中它所做的：将图像标题置于单个产品图像上放大镜触发的放大图像模式中。为什么它有帮助：提高画廊lightbox的可读性和展示方式。自定义焦点轮廓它所做的：切换焦点轮廓（可点击元素周围的可见边界）仅在键盘导航时出现，而不是鼠标/触摸时出现。为什么它有帮助：确保键盘用户（包括残疾人）的可访问性，同时为鼠标/触摸用户保持干净外观。为什么选择此插件？增强的用户体验：清晰的链接和悬停效果可以改善导航和参与度。遵守可访问性：符合视觉障碍或辅助技术用户的标准。SEO的好处：修复PageSpeed Insights错误，可能会提高搜索排名。抛光设计：提供一致的专业外观，以建立客户信任。柔性：切换功能开/关，以最小化网站速度影响。

现场演示：https://www.smokingblends.com-悬停产品框，检查描述链接，并Tab键查看焦点选项。

使用

使用“设置”页可切换链接下划线、悬停抬起和键盘焦点。

贡献

免费插件，店面优先。通过WordPress.org论坛建议更改，包含WP、Woo、主题版本、步骤和最小代码。

隐私

此插件不会收集、存储或传输个人数据，也不会发出外部请求。

截图默认情况下，链接加线，鼠标悬停时删除。[screenshot-1.png]悬浮时具有软阴影提升的产品/类别盒子。[screenshot-2.png]带有开/关切换的设置页面。[screenshot-3.png]Tab时可选仅限键盘的焦点轮廓。[screenshot-4.png]安装上传到/wp-content/plugins/或通过安装插件|添加新。激活插件。转到插件|已安装插件|购买用户体验工具包|设置启用/禁用功能。更改设置后清除页面缓存或CDO。常见问题解答该插件有什么作用？

它通过更好的链接、悬停效果、居中的图像标题和仅键盘的焦点轮廓来增强WooCommerce商店/产品页面，从而改善用户体验、可访问性和参与度。

它将与我的主题吗？

它专为Storefront设计，仅通过CSS修改WooCommerce代码，因此它可以与显示类似问题的其他主题一起工作（例如，没有链接下划线）。测试确认。

我可以自定义功能吗？

是，在设置中启用/禁用链接下划线、悬停效果或焦点轮廓。

重量轻吗？

是的，基于CSS，对网站速度的影响最小，非常适合仅使用一个功能。

它如何提高可访问性和SEO？

带虚线的链接和仅限键盘的焦点轮廓符合视觉障碍的无障碍标准。修复PageSpeed Insights错误（例如，纯颜色链接）可能会改善SEO。

我需要编码技能吗？

不，请通过WordPress仪表板调整设置。“设置”链接出现在插件页面上。

如何验证它是否有效？

检查商店/产品页面是否有带线的链接、悬停效果和焦点轮廓。使用Google PageSpeed Insights等工具测试可访问性。

没有评论此插件。

标签：重点键盘标题图像为中心电梯