06 外观配置

路径:主题设置 → 外观配置

外观配置主要控制:Logo/Favicon、公告与提示、导航栏模式、主题模式切换、维护模式、全局主色与宽度等。

1. 基础设置

1.1 站点 Logo

支持三种回退优先级(主题有明确说明):

  1. 本页设置的图片 Logo
  2. WordPress 自定义 Logo
  3. 本页设置的文字 Logo(留空则使用站点名称)

建议:图片 Logo 使用透明底 PNG/SVG,展示高度约 40px。

1.2 Favicon

你可以:

  • 上传一张源图(建议 >= 512x512)
  • 点击"一键生成全部尺寸"

高级用法:展开"详细尺寸"手动替换各尺寸 URL。

2. 公告与提示

2.1 顶部公告条(Notice Bar)

  • 支持开启/关闭。
  • 支持多条公告(按行分隔)。
  • 可自定义背景色与文字颜色。

2.2 弹窗公告(Popup Announcement)

适合做活动、规则变更、临时通知。

常见配置项:

  • 标题与内容
  • 触发策略(例如:每次更新/首次访问/每日/总是)
  • 延迟显示(秒)
  • 作用范围(全站/首页/详情/列表)
  • 仅游客显示(可选)

3. 高级功能

3.1 导航栏模式

可选值包括:

  • fixed:固定(始终固定在顶部)
  • sticky:吸顶(滚动后吸附顶部)
  • transparent:透明(首屏透明,滚动后显示背景)
  • static:静态(随页面滚动,不固定)
  • float:浮动(悬浮于页面上方,不占据文档流)

不同模式适用于不同的首屏设计,请配合首页 Banner/头图实际效果调整。

3.2 主题模式切换

  • 可开启"主题切换器"(让用户选择浅色/深色/跟随系统)。
  • 可设置默认模式:system/light/dark。

3.3 维护模式

开启后通常用于站点维护期间对外展示提示内容。

配置项:

  • 维护模式开关
  • 维护标题与维护内容
  • 允许搜索引擎正常访问:开启后,搜索引擎爬虫(Google、Bing、百度等)在维护期间仍可正常抓取内容,避免影响 SEO 收录

建议:

  • 在维护内容中说明预计恢复时间与联系方式。
  • 确认管理员仍可正常访问后台(避免把自己锁在门外)。
  • 如果担心维护期间影响搜索引擎排名,建议开启"允许搜索引擎正常访问"。

3.4 全局样式

  • 主色(Primary Color):影响按钮、链接、强调色。
  • 内容宽度(Global Width):限定整体容器最大宽度(960~1920)。

4. 常见问题

  • Logo/Favicon 不更新:常见原因是浏览器缓存或 CDN 缓存;建议强刷并清理 CDN。