Hi all, I’m trying to figure out if there’s a way to keep our existing website’s top navigation menu, so that when people click on the forum they can still have an option to navigate back to other pages on the website to leave the forum. Obviously, since it’s two different websites, it’s currently confusing for the users. Is there a way to add our website menu above the default discourse one? In an iFrame for instance?

[图片] sok777: Is there a way to add our website menu above the default discourse one? In an iFrame for instance? Hi @sok777 There are many ways to add a navbar to the top of your pages. You can use the theme’ing capabilities of Discourse, or you can write some JS or jQuery to insert an element (like below) into the DOM, or you could write a very simple Discourse plugin to insert code into the application layout, etc. There are many ways to accomplish this kind of basic task. For example, I just added this sample HTML snippet to create a demo placeholder for a new top navbar, just for you: [Screen Shot 2020-12-14 at 9.24.46 PM] Your original question was: [图片] sok777: Is there a way to add our website menu above the default discourse one? The answer is yes, “there are many ways”. HTH.

You can try this theme component to add a custom menu on top: [图片] Header Submenus Theme component discourse2 Summary Header Submenus will allow you to build a header menu - with submenus - using plain text! eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-header-submenus open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Desktop [1] [2] Mobile [3] Settings Name Description Menu items Add menu items. O… [图片] GitHub - discourse/discourse-header-submenus Contribute to discourse/discourse-header-submenus development by creating an account on GitHub.

Thanks. I took a look at that, but it seems like this is mostly a simple menu and not an HTML page..? I would like to integrate our own menu as it appears on our website. Am I missing something?

Perhaps you need to look at Developer’s guide to Discourse Themes and the code in the header theme component.

A very simple way to start is to edit the header.html file either in your theme (if you made one and are using it) or in your admin customizable area. admin/customize/themes/ Click on Edit CSS/Html [image] Once there, click on header. Your code here will appear above the discourse header. Make sure to add styles in the css as well. [image]

Thanks everyone! That’s fantastic.

是否有办法在Discourse标题上方添加网站导航菜单？

产品支持

pfaffman (Jay Pfaffman) 2020 年12 月 14 日 13:29 4

您可能需要查看 Discourse 主题开发者指南以及头部主题组件中的代码。

话题		回复	浏览量
How to add links on home page menu to other site? Product Support	2	2856	2020 年3 月 23 日
Custom website header with forum Product Support	2	241	2025 年4 月 20 日
How can I add a menu item Product Support	4	2281	2020 年12 月 17 日
How can I add a link to the top menu area? Product Support	2	1118	2022 年5 月 13 日
How to replace Discourse <header> with my own? Product Support	6	1002	2019 年11 月 6 日

是否有办法在Discourse标题上方添加网站导航菜单？

相关话题