はい、そうです。それが問題でした。ご指摘ありがとうございます。
SVG アイコンのサブセットでは、探している Font Awesome アイコンの名前を入力し、ヘッダーのボタンを追加するメニューで同じ構文を使用します。ユーザーアイコンの場合は、「user」と入力するだけです。
このスクリプトでリンクを新しいタブで開くことができました。「ヘッド」セクションに次のスクリプトを追加するだけです。
<script>
document.addEventListener("DOMContentLoaded", function() {
const links = document.querySelectorAll(".custom-header-link.with-url");
links.forEach(link => {
link.addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
const titles = {
"Documentation": "Enter URL Here",
"Downloads": "Enter URL Here",
"Source Code": "Enter URL Here",
"Dev Portal": "Enter URL Here",
"Slack Channel": "Enter URL Here"
};
const url = titles[this.getAttribute("title")];
if (url) {
window.open(url, '_blank');
}
});
link.setAttribute("href", "#");
});
});
</script>
お役に立てば幸いです！
サイトタイトルが最小化され、現在のトピックのトピックタイトルが表示される（トピックを下にスクロールしたとき）場合に、別の表示にすることは可能ですか？
ドロップダウンヘッダーは、ワイドスクリーンでは依然として素晴らしい見た目で、理にかなっていますが、スモールスクリーンではそうではありません。したがって、display: none を行うことは役立ち、デスクトップでは max-width: 712px の場合にすでにそうされています。
よろしくお願いします。 
「いいね！」 2
モバイルでドロップダウンヘッダーのみを表示する方法はありますか？
以下を試しました。
/* デフォルトスタイル - ヘッダーボタンを非表示 */
.header-buttons {
display: none;
visibility: hidden;
}
/* モバイルデバイス用のメディアクエリ */
@media screen and (max-width: 767px) {
.header-buttons {
display: inline; /* またはレイアウトに応じて display: inline-block; */
visibility: visible;
}
}
これは機能しますが、ヘッダー内の他の要素（例：https://github.com/discourse/discourse-header-search）は、ドロップダウンヘッダーがまだそこにあるかのように縮小されたままです…
何が足りないのでしょうか？
よろしくお願いします。
「いいね！」 1
おそらく、カスタマイズが上書きされています。
visibility は不要です。以下のようにできます。
.header-buttons {
display: none !important;
}
「いいね！」 2
セキュリティ機能の使用に関する質問です。
この機能を使用する場合、1つのメニューに複数のセキュリティグループがアクセスすることは可能ですか？
例：複数の教育プログラム（各プログラムに複数の学年/クラスグループがある）を運営しており、各クラスグループには独自のセキュリティグループがあるため、適切な教育リソースへのアクセス権を付与できます（他のプログラム/学年のリソースにアクセスできないように）。各学年グループには、クラスごとに固有のカテゴリがあります。
各クラスが自分のカテゴリにアクセスできるようにメニューを作成する必要がありますが、教育チーム（学生のセキュリティグループには含まれていない）もそれらのスペースにアクセスできるようにする必要があります。
現時点では、考えられる解決策は次の2つだけです。
- スタッフと各クラスを組み合わせたセキュリティグループを作成する（セキュリティグループの複雑さを減らしたいのに増えてしまうため、煩わしい）
- メニューを複製して、学生グループ用のメニューとスタッフグループ用のメニューを作成する
どちらも良い解決策ではないようです。
次の質問：サブメニュー項目にセキュリティ機能を追加することについてはどうですか？
（私の例では、さまざまなコース/クラスグループすべてに1つのメニューを作成し、学生には該当するサブメニュー項目のみを表示できます。現在は、管理するトップメニューが約5〜6個あります）
「いいね！」 1
このテーマコンポーネントの代替案を探すことをお勧めします。ユースケースに合わないためです。
代わりに、クラスカテゴリをデフォルトの navigation_menu_categories サイト設定に配置することを提案してもよろしいでしょうか？
管理者としてはすべて表示されます（表示はパーソナライズできますが）、クラスメンバーとスタッフはサイドバーでアクセスできるもののみが表示されるはずです。
もしあなたの問題を正しく理解していれば、これでうまくいくはずです。
「いいね！」 2
ネイサン様
カテゴリの設定は完了しましたが、ページ上部にメニューも設置したいと考えています。ユーザーはトップメニューに慣れていますし、コミュニティはすでに学習曲線が急であるため（学生のために全く新しいテクノロジーの世界を創設したいわけではありません）、メニューは必須です。
また、メニューから外部サイト（特に、Discourseには構造化されたライブラリが含まれていないため、現在使用しているSharePointサイト）へのリンクが必要ですが、カテゴリではそれができません。
正直なところ、複数のセキュリティグループがメニューを表示できるようにすること（カテゴリに複数のセキュリティグループをアクセス可能にするのと同じ方法で）ができれば、より簡単です。しかし、それが不可能であれば、別の方法を考えなければなりません。
「いいね！」 1
「いいね！」 2
これをもうメンテナンスしていないため、unmaintained とマークしました。
ただし、PRを自由に送信していただければ、レビューします。ご自身で時間やスキルがないが、誰かに修正してほしいと考えており、予算がある場合は、Marketplace に投稿することを検討してください。
「いいね！」 4
私もこれで問題が発生しています。確認しましたが、残念ながら私の基本的なCSSハックでは複雑すぎます。
「いいね！」 3
コンポーネントを最新化するPRを作成しました。（@davidkingham様のご支援による）
その過程で、気づいたいくつかのUXの問題も修正しました。
コンポーネントはさらに改善の余地があります。またPRを作成するかもしれません。気づいた点をいくつか挙げます。
json_schema設定タイプをobjectsタイプに置き換える- リンクを新しいタブで開くオプションを追加する
- アクセシビリティの向上
「いいね！」 10
@Arkshineさん、ありがとうございます。素晴らしい仕事です！
「いいね！」 4
このテーマコンポーネントを使用しているサイトで、致命的なエラーが発生しています 
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'trim')
at get source (custom-icon.gjs:20:24)
...
「いいね！」 3
PRを作成して問題を修正しました。報告ありがとうございます！
マージされました！
「いいね！」 7
素晴らしいコンポーネントと素晴らしい仕事ぶりです。皆様のご尽力と専門知識に感謝いたします。現在、ドロップダウンは、サブアイテムが1つ（例：ヘッダーアイテム → リンク）あるメインヘッダーアイテムをサポートしていることに気づきました。もう1レベル追加して、ヘッダーアイテム → サブアイテム → リンクのように機能するようにすることは可能でしょうか？
「いいね！」 2
@angus 廃止されたFont Awesomeアイコン名を更新するPRを開きました。
「いいね！」 2
@kelvさん、ありがとうございます 
「いいね！」 3
Horizonで動作しますか？それとも何か変更が必要ですか？
このプラグインは、ブログや関連アプリを複数持つコミュニティには必須です。