唯一的方法是禁用自定义了类别页面的组件。您需要转到 https://discourse.jordanvidrine.com/admin/customize/themes,点击 Components 并找到 Modern Category + Group Boxes。进入该页面后,滚动到页面底部,然后点击 Disable。
好的。但是主题无法自定义 ![]()
还有一个问题,我需要在主题列表中显示帖子的查看次数,请告诉我如何操作,非常感谢
嗨 Jordan,感谢您的回复!我真的很感激!
嘿 @jordan.vidrine 感谢您提供的精美主题!我想知道是否可以在主页上显示类别和最新内容?请告知。
我的主题是 discourse.fotografos.online - 我实在搞不懂为什么顶部是白色的?我的标题在哪里!?
有人能帮忙吗!这是一个全新安装!我该如何在那儿添加一张图片而不是纯蓝色?
@jordan.vidrine 可以添加一个“视图”列吗?如果可以,我在哪里可以找到此选项?谢谢。
感谢您的回复和提供的信息。我只希望我知道如何将其应用于主题!
- 前往
admin/customize/themes - 点击组件
- 点击安装
- 点击创建新组件并为其命名
- 点击组件列表中的新组件
- 点击
Edit Html/css - 将上面链接的代码添加到通用 CSS 文件中。
- 将此新组件添加到当前使用的主题中
谢谢。我真的很感谢您的帮助。
我还没有让 HTML/CSS 与当前主题协同工作。但是,在预览新组件时,我可以看到“视图”部分。该主题也显示已添加新组件。
这是一个简短的视频:https://share.cleanshot.com/ekutkT
如果您有时间,请告诉我设置是否有任何错误。
感谢您的所有帮助。
您可以通过以下步骤进行操作,并将 CSS 添加到那里:
如何在主题列表中添加“查看次数”列
我绝不是开发者或程序员。我花了好几个小时使用 Google Chrome 的“检查元素”功能来玩弄 CSS 代码。我设法让“查看次数”列正确显示,并且还根据我的喜好调整了每个列的大小。您可以随意调整下面 CSS 代码中的宽度。我还添加了代码注释,以便您轻松区分哪个代码对应哪个列。对于每一列,都有两个区域(标题和行)。这些宽度需要匹配。
希望这对大家有帮助:@daming @bksubhuti @eddy2
说明
1. 创建一个新组件。
2. 复制此 CSS
请使用下面更新的 CSS,而不是 @jordan.vidrine 上面提供的代码。
选项 A) 仅为桌面版添加“查看次数”列(推荐)
- 将 CSS 代码添加到“桌面”选项卡中。
选项 B) 为桌面版和移动版都添加“查看次数”列。
- 将 CSS 代码添加到“通用”选项卡中。
选项 C) 仅为移动版添加“查看次数”列。
- 将 CSS 代码添加到“移动版”选项卡中。
注意:如果您选择了选项 B 或 C……
在移动设备上,回复数、查看次数和活动这三列会占用过多空间并且显得拥挤。如果您需要在移动设备上显示,我建议移除这三列中的一列。您可以通过在下面 CSS 代码的标题和行区域中为要隐藏的列添加 display: none 来实现。
/* [主题] */
/* 主题标题 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
width: 66%;
}
/* 主题行 */
.full-width .contents .topic-list .topic-list-header .topic-list-data.default {
width: 66%;
}
/* [回复数] */
/* 回复数标题 */
.full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
width: 7%;
order: 2;
}
/* 回复数行 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
width: 7%;
order: 2;
}
/* [查看次数] */
/* 查看次数标题 */
.full-width .contents .topic-list .topic-list-header .topic-list-data.views {
display: block;
width: 7%;
order: 3;
}
/* 查看次数行 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
width: 7%;
order: 3;
display: flex;
justify-content: center;
align-items: center;
}
/* [活动] */
/* 活动标题 */
.full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
display: block;
width: 7%;
order: 4;
}
/* 活动行 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
width: 7%;
order: 4;
}
@jordan.vidrine 如果您对我的 CSS 代码有任何修改建议,请告诉我。我不太确定我在做什么……但它确实有效 lol。
这是我为改善移动视图所做的 CSS 更改。
我非常喜欢这个主题,但注意到了一些细微的瑕疵,因此我还添加了以下 CSS,使其在我看来看起来更美观。希望这对有相同偏好的人有所帮助。
这是原始(未编辑)版本
请注意上图中的以下几点:
- 数字 1(代表回复数)太靠左了。
- 主题气泡略微重叠了蓝色背景。
- 所有内容与蓝色背景之间没有填充。
- 蓝色背景在分类页面上看起来不美观。我喜欢它在主页上的效果。
这是我添加到 Mobile 选项卡中的 CSS 代码。
/* 为分类、子分类、标签、搜索、最新、新主题和通知区域添加一些填充 */
.list-controls {
padding: 5px;
}
/* 为主题区域添加一些填充 */
div#list-area {
padding: 6px;
}
/* 将回复数对齐到右侧 */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
更新后(添加 CSS 后)
如果你也希望移除蓝色背景,以下代码可以仅从分类页面移除它。
/* 仅移除分类页面的蓝色背景 */
html .category .background-container {
background: #fff;
clip-path: none;
}
这是所有更改后的样子。
标记移动端问题
在移动端,有一个类别下拉菜单。当点击并选择“最新”、“未读”或“置顶”时,您将无法再次从下拉菜单中选择类别。
1. 之前
2. 点击下拉菜单时
3. 点击后
4. 下拉菜单(缺少类别)
此时,用户无法再次选择下拉菜单并选择类别。
有什么关于如何修复此问题的建议吗?
谢谢
@UnitedFreedom
![]()
非常感谢您发布这些有用的说明,供那些希望“视图”列可见的人使用。
您有您的网站链接吗?我正在本地尝试在我的网站上进行此操作,但无法重现。
感谢您提供如此完整且精美的完整主题。
我遇到了一个问题,特色话题组件没有显示卡片。我还希望能够选择仅显示指定类别中的特色话题。理论上,它应该可以做到,甚至可以在基于官方主题的变体中实现。
请看下图
如果需要,我可以私信您一个链接供您查看。两个测试话题都有特色图片;尽管使用了自定义标签 pi-featured。运行 test-passed
请发一个链接给我,我会看看 ![]()








