WordPress灵动岛插件（为WordPress添加类似iPhone灵动岛的导航提示效果）

前端显示效果：

后台页面：

核心功能

• 显示功能

• 自动获取并显示当前页面标题
• 支持自定义首页欢迎语
• 智能移除网站名称后缀
• 支持特殊页面标题（分类、标签、作者等）

• 交互效果

• 果冻动画效果
• 呼吸动画小圆点
• 磨砂玻璃背景
• 文字发光效果
• 悬停放大效果

• 移动端支持

• 触摸滑动隐藏
• 刘海屏适配
• 横屏模式优化
• 安全区域自适应

2. 自定义选项

1. 基础设置

• 距离顶部距离调节（0-200px）
• 显示时长设置（首页/其他页面）
• 自定义欢迎文本

1. 视觉效果

• 小圆点开关及方向（横向/竖向）
• 磨砂玻璃效果开关
• 文字发光效果开关
• 果冻动画效果开关

1. 样式设计

• 背景颜色（支持透明度）
• 文字颜色
• 小圆点颜色（6个独立颜色）

3. 技术特点

1. 性能优化

• 延迟加载
• 动画性能优化
• 减少重绘和重排
• 支持减少动画模式
• 可访问性

• WCAG标准支持
• 键盘导航支持
• 屏幕阅读器支持
• ARIA属性支持

• 自适应不同屏幕尺寸
• 移动端优化
• 深色模式支持
• 横屏模式适配

4. 使用场景

1. 网站导航提示

• 页面切换提示
• 分类浏览提示
• 搜索结果提示

1. 用户体验增强

• 首页欢迎信息
• 页面浏览指引
• 交互反馈

1. 品牌形象

• 现代化界面设计
• 独特的视觉效果
• 专业的用户体验

5. 未来展望

1. 功能扩展

• 支持更多自定义选项
• 添加更多动画效果
• 集成更多交互方式

1. 性能优化

• 进一步优化代码
• 减少资源占用
• 提高加载速度

1. 兼容性提升

• 支持更多主题
• 适配更多设备
• 增强浏览器兼容性

这个插件为WordPress网站提供了一个现代化、美观且功能丰富的导航提示功能，既保证了良好的用户体验，又兼顾了性能和可访问性。它的设计理念和技术实现都体现了对细节的追求和对用户需求的理解。