页眉

页面板块用于设置和自定义网站的主导航区域,包括 Logo、菜单、联系信息等元素。通过此设置,您可以调整页面的整体布局和风格,使其与品牌形象和用户体验需求相匹配。

功能详情

  1. 基础设置

    • 配色方案: 选择或编辑配色方案,定义页面上所有元素的颜色样式,包括背景颜色、文本颜色等。您可以根据品牌的视觉风格进行选择或调整。

    • Logo:

      • 上传或更改网站的 Logo。推荐使用高分辨率图像以确保在各种屏幕尺寸下清晰显示。

      • Logo宽度: 通过滑块调整 Logo 的显示宽度,以适应不同页面布局需求。

    • Logo位置:

      • 选择 Logo 在页面中的显示位置,如“Logo 左侧,菜单底部”等。根据页面设计选择最佳位置以优化布局。

  2. 菜单

    • 选择菜单: 从现有菜单中选择一个作为主导航菜单,或创建新菜单。主导航菜单将显示在页面顶部,帮助用户快速导航到网站的主要内容。

    • 一级菜单大写: 启用此选项后,一级菜单项将以全大写形式显示,适合强调和突出主要菜单项。

    • 菜单类型(桌面): 选择桌面端显示的菜单类型,选项包括“下拉菜单”和“抽屉菜单”。

    • 允许悬停打开菜单: 启用此选项后,用户在悬停菜单项时,子菜单会自动展开。

  3. 固定页眉

    • 固定页眉类型: 选择固定页眉的类型,如“缩小 Logo 尺寸”等。固定页眉在用户滚动页面时保持在顶部,方便用户随时访问导航。

    • 启用透明页眉: 启用此选项后,页眉将变为透明,适用于需要更具视觉冲击力的页面设计。上传一个透明页眉 Logo 以适应透明背景。

  4. 移动端设置

    • 移动端 Logo 宽度: 调整移动设备上的 Logo 宽度,确保在较小屏幕上清晰可见。

    • 显示联系电话: 启用此选项后,页眉上将显示联系电话号码,方便用户直接联系。

  5. 添加块

    • 您可以通过“添加块”功能为页面板块添加多个内容模块,如:

      • Mega Menu - 精选图片: 用于在导航菜单中添加图片,增强视觉效果。

      • Mega Menu - 自定义基础菜单: 创建自定义菜单项,适用于复杂的导航结构。

      • Mega Menu - 产品列表: 在菜单中展示特定产品列表,适合电商网站的产品推广。

      • Mega Menu - 文章列表: 在菜单中展示特定博客的文章列表。

      • 气泡:用于标记热销,新品等,支持文字和图标。

使用建议

  • 视觉一致性: 确保配色方案、Logo 和菜单的风格与整个网站的设计保持一致,增强品牌识别度。

  • 用户体验: 通过合理布局和固定页眉等功能,提高用户在导航网站时的便利性。考虑用户习惯,优化菜单的展开方式和内容布局。

  • 移动优化: 针对移动设备,确保 Logo、菜单和联系信息清晰可见,并易于操作。

Last updated