简单响应式页脚

|||
|-|-|-|
|:discourse2: | 摘要 | Easy Responsive Footer 将允许您仅使用纯文本构建完全响应式的页脚。|
| :eyeglasses: | 预览 | 在 Discourse 主题创建器中预览 |
|:hammer_and_wrench: | 仓库链接 | https://github.com/discourse/Discourse-easy-footer|
|:open_book: |Discourse 主题新手? | Discourse 主题使用入门指南|

安装此主题组件

功能特性

桌面端

移动端

设置

名称 描述
heading 页脚中标题的文本 - 例如可以使用您的站点名称 - 最大长度 25 个字符
blurb 输入一段关于您社区的简短描述 - 最大长度 180 个字符
sections 要在页脚中显示的区块
small links 页脚底部的小链接,如服务条款和隐私政策
social links 您希望添加到页脚的社交媒体链接
show footer on login required page 如果您希望在需要登录的页面显示页脚,请勾选此设置(仅适用于您的站点为私有站点的情况)
svg icons 上述社交媒体链接设置中使用的 FontAwesome 7 图标列表。

此组件共有六个设置,可帮助您轻松配置它

1. 标题

页脚中标题的文本 - 例如可以使用您的站点名称 - 最大长度 25 个字符

2. 简介

一段关于您社区的简短描述 - 最大长度 180 个字符

3. 链接区块

添加链接区块。理想的区块数量为六个。每行一个项目,顺序如下:文本,标题
文本:显示在页脚中的内容
标题:鼠标悬停时显示的文字

4. 链接

为链接区块添加链接。每行一个项目,顺序如下:
父级,文本,URL,目标,标题
建议每个区块下的链接数量保持相近
父级:此链接所属的父区块名称。使用上方列表中的 text
文本:此链接显示的文本
URL:此项目链接的路径。也可以使用相对路径。
目标:选择此项目是在新标签页还是当前标签页打开。使用 blank 在新标签页打开,使用 self 在当前标签页打开。
标题:鼠标悬停时显示的文本。

5. 小链接

您可以在页脚底部添加小链接,如服务条款和隐私政策。每行一个项目,顺序如下:
文本,URL,目标
文本:小链接显示的文本
URL:链接的路径
目标:使用 blank 在新标签页打开,使用 self 在当前标签页打开

6. 社交媒体链接

以以下格式输入您希望添加到页脚的社交媒体链接:
提供商,标题,URL,目标
提供商:提供商名称,如 Facebook 或 Twitter
标题:鼠标悬停时显示的文本
URL:您希望链接指向的路径
目标:使用 blank 在新标签页打开,使用 self 在当前标签页打开

注意事项

  1. 我已将占位符项目保留为组件的默认值,以便您可以轻松查看您的设置应呈现的样子。

  2. 此组件将使用您主题的颜色方案来生成其中元素所使用的颜色。但所有元素都添加了唯一的类名,以便您随时覆盖某些样式。

  3. 由于此组件使用主题设置,这意味着我可以在未来对其进行更新以修复或改进它,而您输入的数据不会丢失 :tada:


:discourse2: 由我们托管? 主题组件可在我们的 Pro、Business 和 Enterprise 计划中使用。

111 个赞