进阶 docs.flarum.org 2026-10-15 14:50:53 · 22 阅读
第25章 Flarum 主题定制指南
Version: 2.x 主题定制
虽然我们努力让 Flarum 尽可能美观,但每个社区可能都需要微调或修改以契合自身期望的风格。
管理仪表盘
管理仪表盘的外观页面是自定义论坛的首选起点。在此,你可以:
- 选择主题颜色 - 切换深色模式和彩色页头 - 上传 Logo 和 favicon(浏览器标签页中显示的图标) - 添加自定义页头和页脚的 HTML - 添加自定义 LESS/CSS 以更改元素的显示方式
FontAwesome
Flarum 在界面各处使用 FontAwesome 7 图标。默认情况下,系统捆绑并本地提供 Free 图标集,但可通过管理仪表盘的高级设置或直接在 config.php 中切换为 CDN 或 FontAwesome Kit(后者可解锁 Pro 图标和自定义图标)。
完整配置选项及可用图标样式详情请参阅 FontAwesome 页面。
CSS 主题定制
CSS 是一种样式表语言,用于告知浏览器如何显示网页元素。
它允许我们修改从颜色、字体到元素大小、定位乃至动画的一切内容。
添加自定义 CSS 是让 Flarum 安装匹配特定主题的绝佳方式。
本文档不涵盖 CSS 教程,但网络上有很多优质资源可供学习 CSS 基础。
提示:Flarum 实际使用的是 LESS,它通过支持变量、条件和函数,让编写 CSS 变得更加容易。
扩展
Flarum 灵活的扩展系统允许你添加、删除或修改 Flarum 几乎任何部分。
如果你希望进行比更改颜色/大小/样式更大幅度的主题定制,开发自定义扩展无疑是最佳途径。
要了解如何开发扩展,请查阅我们的扩展文档!