Continuing the discussion from Please visit our Discourse Forum! (Directory): [图片]Please visit our Discourse Forum! (Directory) Hitman forum Is the community for fans of the ‘Hitman’ series of video games. We’ve been around for a decade (since the first game) and switched from a classic forum (IPB) to discourse. On an unrelated note -I also did some CSS customisation, but nothing drastic. http://www.hitmanforum.com Hi, @ampburner, your forum looks fantastic :smile: I haven’t found any how-to post that explains how to add a tab like the one you have added, called IOI Tracker and showing the content from a specific group. Can someone explain how to do that? Thanks!

Thanks :smile: Disclaimer - I’m sure my solution is kinda hacky. There might be better solutions. Basically, what I did was add some javascript to the page HEAD by adding a script under Admin > Customize > CSS, HTML > Header. The script hooks into some of Discourse’s javascript events to manipulate the DOM and insert some html. The advantage of this approach is that it can all be done through the admin panel so you don’t need to install plugins or fork the Discourse source code. that said, here’s the source code: Discourse.Route.reopen({ activate: function() { this._super(); Em.run.next(function(){ insertIOITrackerConditionally(); }); } }); function insertIOITrackerConditionally() { if(jQuery("#ioi-tracker-li").length IOI Tracker '); } //some other stuff here to format the page (if you're on the actual group page) } the hack was inspired by https://talk.turtlerockstudios.com Just insert it in the admin panel and you’re good to go. Could you recategorize this thread under how-to? I’m sure others might have the same question.

Re-categorized. One down side to your approach is it requires JavaScript to be enabled (which isn’t a big deal) and search-engines won’t be able to find that additional tab for crawling (I’m not sure how well groups are handled by search-engines to begin with).

My forum is a video game related fan-forum which is also frequented by the developers of the videogame. The function of the tab is to allow the fans to keep track of the activity of the developers. I’m not that worried about SEO of those particular pages (the important content is in the topics), but I would imagine that Discourse has built-in ways to make sure that the group pages are also crawled and indexed.

The topnav dev group link on talk.turtlerockstudios.com is a tiny plugin @eviltrout wrote, did we open source that Robin?

Sure did! https://github.com/discourse/discourse-dev-nav-item

How to add a new tab with content from a group?

Development

DavidGNavas (David García-Navas) 2014 年7 月 7 日 08:50 5

Thank you very much for share your code!

I think we will use to add a tab with an specific category

话题		回复	浏览量
Creating tabbed contents Product Support	1	795	2018 年1 月 9 日
Discourse Tab Bar for Mobile Theme component	79	24046	2026 年7 月 28 日
Custom user menu tab Theme component	17	5849	2026 年2 月 5 日
(PAID) Talk me through adding 2 customizations Marketplace	0	906	2020 年6 月 3 日
Add more groups to "About Us" page Product Support	1	950	2019 年3 月 1 日

How to add a new tab with content from a group?

相关话题