随着 Blocksy 2 的最新更新,新增了一个令人惊艳的头部设计效果——CSS 背景模糊滤镜。这个效果让网站的头部区域看起来更加现代和有层次感,同时也提升了视觉效果。用户在浏览网站时能够感知到页面的深度和位置,带来更加生动的视觉效果。
本文将介绍如何在 Blocksy 2 中启用这个新功能,并进行相应的设置。
启用背景模糊效果
更新到 Blocksy 2.0.62 或更高版本
首先,确保你的网站已经更新到 Blocksy 2.0.62 版本。该功能仅在该版本及更高版本中提供。
进入 Customizer 设置
在后台登录到 WordPress 后,进入 Customizer(自定义器),并找到 Header(头部)设置面板中的背景模糊效果选项。
背景颜色设置要求
为了让模糊效果生效,头部行的背景颜色需要是 半透明 的。如果背景颜色完全不透明,模糊效果将无法显示,后面的内容会被覆盖。因此,设置适当的透明度很重要。
设置模糊效果强度
在 Design(设计)标签下,调整头部行的模糊强度。增加模糊值,系统会自动处理其他部分。
设备控制选项
Blocksy 2 还允许在不同设备上启用该效果。如果需要,可以仅在桌面版应用此效果,而在移动设备上关闭它。
实际效果
启用该效果后,头部背景将展现出美丽的模糊效果,背景色与页面内容交织,创造出更丰富的视觉层次。这个简单的效果提升了页面的美观,能为网站增添动感。
总结
Blocksy 2 的 头部背景模糊滤镜 功能为网站带来了崭新的设计元素。通过简单的背景透明度调整和模糊强度设置,用户能够为网站增添现代感和层次感,提升页面设计感。