Pinboard,一个简单的UI主题

:dizzy: 摘要 Pinboard 是一个具有简单用户界面的主题。它与扁平的分类法(如类别或标签的纯列表)非常搭配。
:hammer_and_wrench: 存储库 GitHub - nolosb/discourse-theme-pinboard
:open_book: 刚接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题

:woman_factory_worker:t5: 安装后设置

该主题安装了几个额外的组件。其中一些需要调整其设置以微调主题的外观:

  • 深色/浅色切换

    • 要使切换生效,您应该在主题设置中设置浅色方案。并在常规设置中选择深色方案(default dark mode color scheme id)。
    • 您可以选择在标题中显示切换图标。默认情况下,它显示在侧边栏页脚。
  • 圆角

    • 一个用于使布局元素圆角的样式组件。在我的预览站点上,默认半径设置为 10px,按钮半径设置为 4px。
  • 面板

    • 另一个用于将列表容器渲染为面板的样式组件。该主题为面板定义了阴影样式,您可以使用此 --shadow 变量启用它:

    image

:art: 主题功能

可与类别或仅与标签一起使用

您可以从界面中隐藏标签或类别,只使用其中一种。

自定义主页

您可以构建一个自定义主页布局,类似于预览中的布局。

  • 在主题设置中选择 custom homepage 选项

  • 在您的管理员设置中选择您的主页。例如,这里设置为顶层路由:

  • 安装此辅助组件以添加专用的主页类。在组件设置中设置您的主页:

    image

  • 在已安装的 Panels 组件上,选择在精选列表中渲染面板:
    image

  • 安装精选列表组件并将其出口位置设置为 discovery-list-container-top

35 个赞

这是一个非常不错的主题,我喜欢它的简洁!

12 个赞

哥们,干得漂亮.. :heart_eyes:

6 个赞

哇!这很有美感。

6 个赞

主题看起来很棒!简约而不失格调。喜欢你对侧边栏的处理。

干得漂亮 @manuel :+1:

7 个赞

@manuel
请帮我看看我这里缺少了什么设置。主页显示的是外层包装,下面是主题。而不是每个图钉板。
谢谢。

2 个赞

看起来是一个富有成效的主题,具有极大的简洁性,由于其用户界面,可以轻松为您节省大量时间。

3 个赞

您是否已按上述说明检查了该选项?

3 个赞

是的。我确实选择了该选项。

3 个赞

您还必须将“热门话题”设置为您的主页。您的主页设置为“类别列表”。这是因为此主题设置仅显示图钉板列表并隐藏其下的内容。这仅在顶部路由上有效。如果需要,我们可以将热门话题替换为热门话题的图钉板列表。论坛正常运行通常需要“类别列表”或“最新话题”。

您可以通过将其设置为管理员设置中顶部菜单列表的第一个项目来将顶部页面设置为您的主页:

3 个赞

@manuel 谢谢。
这正是缺少的内容。现在没问题了。

3 个赞

这个主题应该隐藏顶部菜单(最新、热门等)吗?我们有办法把它带回来吗?

1 个赞

是的,这些项目是隐藏的。我对此主题持个人观点,因为“最新/新/未读”已从侧边栏提供,“热门”用于着陆页。

如果您想使用该主题在导航栏上拥有这些项目,您需要手动覆盖该主题的样式声明。

1 个赞

我在侧边栏中看不到“最新/新/未读”,无论是我的主题实例、测试站点还是此帖中的屏幕截图。你能指引我正确的方向吗?

2 个赞

侧边栏中的“Latest”默认称为“Everything”。在我的截图中,它被命名为“All”。

但是的,Unread 和 New 确实不再显示在侧边栏上。我以为它们和以前一样显示在汉堡包下拉菜单中。也许我记错了,或者它已经被更改了。侧边栏仍然在不断更新。

关于侧边栏上新内容的上下文信息是通知点,跟随所有包含登录用户新内容菜单项的后面:

2 个赞

非常喜欢这个主题。

不知何故,深色/浅色切换主题组件未出现在标题中。

2 个赞

谢谢 :sunny:

在默认主题下也没有显示,所以可能与组件有关。

实际上,请看这里:Dark/Light Mode Toggle - #88 by RGJ 目前切换按钮仅在用户启用了自动颜色模式切换时显示。

1 个赞

@manuel 真的,真的做得很好。字体大小是故意这么大的吗(对我来说很大)?

截图来自一台15英寸的笔记本电脑——看起来不成比例?

你有没有考虑过用标签页解决方案来代替将类别显示为列表格式的框——也就是说,“反馈”将是“欢迎来到Pinboard”旁边的标签?

:warning: 我刚刚推送了此主题的重构。UI 只有细微的变化,但主题代码已重新组织并包含了一些新组件。

如果您之前安装过该主题,则需要重新调整组件以及您在其之上进行的任何样式声明。如果您现在不想这样做,也可以从其 v1 分支拉取主题并继续使用之前的设置:

作为参考,以下是 v1 的安装后详细信息:

主题功能

  • 仅与类别或标签一起使用
    您可以从界面中隐藏标签或类别,并且只使用其中一种。

  • 自定义着陆页
    您可以构建一个自定义着陆页,类似于预览中的页面。

    • 安装 Versatile Showcase component 并将其出口位置设置为 discovery-list-container-top
    • 将您的主页设置为 top 路由
    • 在主题中选择 custom top page 选项

组件功能

该主题会自动安装一些额外的组件:

  • 深色/浅色切换
    在主题设置中设置浅色配色方案。在常规设置中选择深色配色方案。

  • 标题搜索

  • 可点击主题

  • 标签样式
    用于为标签选择颜色样式。

4 个赞

很棒的主题,非常简洁!

我想知道这个主题最适合桌面还是移动设备。

1 个赞