在 Blocksy 2 中启用头部模糊效果,提升网站设计感

随着 Blocksy 2 的最新更新,新增了一个令人惊艳的头部设计效果——CSS 背景模糊滤镜。这个效果让网站的头部区域看起来更加现代和有层次感,同时也提升了视觉效果。用户在浏览网站时能够感知到页面的深度和位置,带来更加生动的视觉效果。

本文将介绍如何在 Blocksy 2 中启用这个新功能,并进行相应的设置。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

启用背景模糊效果

更新到 Blocksy 2.0.62 或更高版本

首先,确保你的网站已经更新到 Blocksy 2.0.62 版本。该功能仅在该版本及更高版本中提供。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

进入 Customizer 设置

在后台登录到 WordPress 后,进入 Customizer(自定义器),并找到 Header(头部)设置面板中的背景模糊效果选项。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

背景颜色设置要求

为了让模糊效果生效,头部行的背景颜色需要是 半透明 的。如果背景颜色完全不透明,模糊效果将无法显示,后面的内容会被覆盖。因此,设置适当的透明度很重要。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

设置模糊效果强度

Design(设计)标签下,调整头部行的模糊强度。增加模糊值,系统会自动处理其他部分。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

设备控制选项

Blocksy 2 还允许在不同设备上启用该效果。如果需要,可以仅在桌面版应用此效果,而在移动设备上关闭它。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

实际效果

启用该效果后,头部背景将展现出美丽的模糊效果,背景色与页面内容交织,创造出更丰富的视觉层次。这个简单的效果提升了页面的美观,能为网站增添动感。

图片[1]-Blocksy 2 新增头部背景模糊效果,打造更具层次感的网站设计

总结

Blocksy 2 头部背景模糊滤镜 功能为网站带来了崭新的设计元素。通过简单的背景透明度调整和模糊强度设置,用户能够为网站增添现代感和层次感,提升页面设计感。

最近更新


联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:贼将鼠胆
THE END
喜欢就支持一下吧
点赞2313 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容