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

I really love https://discuss.codecademy.com/

Our site is at https://community.tillerhq.com/

We build product and experience loosely using Jobs to Be Done (as progress) model.

I think Code Academy gets at this. What is the member trying to do when they reach the site to ultimately improve their current situation? We’re also trying to achieve this and simplify.

I’d love to experiment with a format more like what’s on the Code Academy site, but don’t want to be disruptive to our members by experimenting on the live site. Is there a way to “preview” changes that affect layout?

I’ve also noticed that some minor formatting/aesthetic changes cause some issues with the TOC plugin we’re using I believe mostly due to latency (it takes a minute to catch up and reload properly after changes?) so we haven’t done much fine tuning as we rely on that feature heavily for our docs.

Also, if anyone has feedback on our site’s layout/organization that’d also be awesome. It’s helpful to get fresh eyes!

Thanks for a great product @sam @codinghorror :slight_smile: :santa: :christmas_tree:

5 个赞

Hey Heather :smiley: :wave:

Yup there is! You can use the customize section in your community admin settings to make and preview changes. See this beautiful guide that explains how it all works:

Seeing as you are interested in Codecademy’s theme, I figured I should also share this:

:hugs:

13 个赞

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

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

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

1 个赞

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

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

3 个赞

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

1 个赞

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

4 个赞

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

然后使用了分类横幅:

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

谢谢大家!

6 个赞