布局建议?有预览更改的方法吗?

我真的很喜欢 https://discuss.codecademy.com/

我们的网站是 https://community.tillerhq.com/

我们基于“待办任务”(Jobs to Be Done,即“作为进步”)模型来构建产品和体验。

我觉得 Codecademy 很好地体现了这一点。当会员访问网站时,他们真正想要达成什么目标,以最终改善自身现状?我们也正致力于实现这一目标并加以简化。

我很想尝试采用类似 Codecademy 网站的格式,但不希望通过在实时站点上进行实验而干扰我们的会员。有没有办法“预览”会影响布局的更改?

此外,我还注意到一些细微的格式或样式调整会导致我们正在使用的目录(TOC)插件出现一些问题。我认为这主要是由于延迟造成的(更改后需要一分钟才能跟上并正确重新加载?),因此我们尚未进行太多微调,因为我们非常依赖该功能来支持我们的文档。

另外,如果任何人对我们的网站布局或组织有任何反馈,那也将非常棒。获得新的视角总是很有帮助的!

感谢你们提供如此出色的产品 @sam @codinghorror :slight_smile: :santa: :christmas_tree:

5 个赞

嘿,Heather :smiley: :wave:

有的!你可以在社区管理设置中的 自定义部分 进行更改并预览效果。查看这篇精美的指南,了解它是如何工作的:

既然你对 Codecademy 的主题感兴趣,我觉得还应该分享这个:

:hugs:

13 个赞

我们在进行了一些更改后,重新拾起这个话题。

首先,据我所知,目前无法预览不同类别的布局。我们想将类别的显示方式从“带精选主题的方框”改为“带精选主题的类别”。更新此设置后,实时网站立即发生了变化。在此分享,供其他人参考。

新的问题:如果可行的话,我们该如何编辑这些链接和文字的颜色?我们发现视觉上很难区分哪些是链接、哪些不是,而且这里的链接太多了。我们希望自定义某些链接的颜色,以帮助人们专注于他们实际需要或可能想要点击以进一步探索的内容。

1 个赞

可以。您可以通过进入管理仪表盘的“自定义”选项卡,编辑当前主题的 CSS 或添加包含更改的主题组件,来更改任何内容的颜色或外观。

您可以使用 Chrome 检查器找到要针对的正确 CSS 类。

3 个赞

谢谢!有没有办法移除子类别中的未读和新消息计数?我已经调整了颜色,但觉得它们让界面显得杂乱,希望能隐藏它们。我在设置中没找到相关选项。我们目前只使用浅色主题。

1 个赞

与 Hawk 在上方分享的建议相同。使用浏览器的检查工具,找到要定位的 CSS 类,并使用主题组件进行更改。

4 个赞

只是想在这里做个总结,以防有人也对如何获得类似 discuss.codeacademy.com 的外观(带有自定义主页横幅)感兴趣。我们最终采用了 @awesomerobot 提供的指南,实现了一个仅在主页面显示的横幅。虽然不如他们的那么精美,但足以完成任务!

然后使用了分类横幅:

CSS 调整对未读计数等配色方案也很有帮助。

谢谢大家!

6 个赞