跳到主要内容

指南

自定义徽标、网站图标和社交分享图片

品牌与站点设置 · 阅读约 4 分钟

让社区呈现你的品牌形象。在品牌化页面上,你可以上传徽标(Logo)、网站图标(favicon)和应用图标,设置社区被分享时显示的图片,并为登录页面添加背景。品牌颜色和字体在主题中设置。

谁可以操作:所有者和管理员。 · 在哪里:网页端(站点后台)。 · 套餐:徽标和图标不受套餐限制。去除 Mateflow 品牌标识(白标)取决于你的平台套餐。

打开品牌化页面

前往后台 → 外观 → 品牌。在宽屏上,右侧的实时预览会分别以浅色和深色模式,展示你的图片在侧边栏与信息流、浏览器标签、应用图标、社交分享卡片和认证页中的效果。

在你点击 Save Changes 之前,成员看不到任何变化。Reset Changes 会放弃未保存的修改;如果你有未保存的更改就离开页面,Mateflow 会先询问你。

选择徽标在导航栏中的显示方式

在导航头部下,选择一种显示样式:

  • 横向字标:你的横向徽标。用导航栏显示尺寸设置它的高度:小、中或大。
  • 图标 + 名称:方形徽标加上社区名称。
  • 仅图标:只显示方形徽标。

如果某种样式需要的徽标缺失,Mateflow 会自动改用其他显示方式。例如,选择横向字标但没有主徽标时,会显示方形徽标和社区名称。

上传主徽标

在主徽标下,上传浅色模式徽标(深色文字或图标,用于浅色背景)和深色模式徽标(浅色文字或图标,用于深色背景)。它们显示在导航栏和登录页面上。

请使用透明背景的简洁字标,宽高比约为 3:1 到 5:1(例如 400×100px)。徽标显示得很小,所以避免使用照片和精细的细节。你可以上传 JPG、PNG、GIF 或 WebP 文件,最大 10 MB。不支持 SVG 文件。

还没有徽标?点击由文字生成,把社区名称变成徽标。选择字体、字重、大小写、字母间距和浅色模式文字颜色;如果也需要方形图标和网站图标,勾选同时生成方形图标和同时生成网站图标。点击生成并应用,然后点击 Save Changes。

添加网站图标和方形应用图标

在应用图标与网站图标下:

  • 方形徽标(浅色) 和方形徽标(深色):1:1 的图片,256×256px。它们用于移动端页眉、有人把你的社区添加到手机主屏幕时,以及你没有横向徽标时的侧栏。
  • 网站图标:浏览器标签页上的小图标。使用 ICO、PNG 或 WebP 文件,32×32px。

设置社交分享图片

在社交分享下,上传一张 Open Graph 图片(OG 图片),最好是 1200×630px。有人在 Facebook、X、LinkedIn 等网站上分享你社区的链接时,它就是默认的预览图。

为登录页面添加背景图

在认证页背景下,上传一张认证页背景图。它显示在登录、注册、忘记密码和两步验证页面的侧边面板上。请使用短边至少 1080px 的竖版图片,格式为 JPG、PNG 或 WebP,不超过 2 MB。留空则使用默认的深色背景。

替换或移除品牌图片

把鼠标悬停在已上传的图片上,会出现两个按钮:上传按钮用于替换图片,垃圾桶按钮用于移除图片。然后点击 Save Changes。在你保存之前,成员看到的仍是被移除的那张图片。

更改品牌颜色和字体

品牌颜色和字体属于主题,不在品牌化页面中设置。点击品牌化页面顶部的在主题中管理配色与字体 →,或前往后台 → 外观 → 主题。你可以分别为浅色模式和深色模式设置颜色。参见选择主题和深色模式。

在白标社区中显示移动 App

如果你的平台套餐去除了 Mateflow 品牌标识(白标),移动 App 的下载页、菜单链接和安装提示会对成员隐藏,因为 App 带有 Mateflow 的名称。要显示它们,请在品牌化页面的移动 App 卡片中打开向成员展示移动 App。这个开关会立即保存,不需要点击 Save Changes。成员会在 App Store 和 Google Play 中找到以 Mateflow 命名的 App。

相关文章

这篇指南对你有帮助吗?

返回指南列表

找不到所需的内容?

如果你是某个社区的成员,请联系该社区的管理员;如果你正在 Mateflow 上搭建或运营社区,我们的团队可以帮你。

开始免费试用