# カスタムヘッダーリンク

**URL:** https://meta.discourse.org/t/custom-header-links/90588
**Category:** Theme component
**Tags:** official, custom-header-links
**Created:** [2018 年 6 月 24 日午前 10:22 UTC](https://meta.discourse.org/t/custom-header-links/90588 "2018-06-24T10:22:32Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [2024 年 2 月 13 日午後 7:50 UTC](https://meta.discourse.org/t/custom-header-links/90588/185 "2024-02-13T19:50:30Z")

</div>

[Why are custom header links 'overridden'?](https://meta.discourse.org/t/why-are-custom-header-links-overridden/293359) および [Links not appearing since the last theme component update](https://meta.discourse.org/t/links-not-appearing-since-the-last-theme-component-update/282144) を参照してください

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [2024 年 4 月 23 日午前 7:11 UTC](https://meta.discourse.org/t/custom-header-links/90588/186 "2024-04-23T07:11:34Z")

</div>

本日、`custom_header_links` テーマ設定を `type: objects` に移行する変更をマージしました。これは[最近リリースされたもの](https://meta.discourse.org/t/new-objects-type-for-theme-setting/305009?u=tgxworld)です。

> <https://github.com/discourse/discourse-custom-header-links/commit/73747938bde3c2d3f6f68350c48a320364be1b04>
>
> Why this change?
> 
> Since discourse/discourse@a440e15, we have started to suppor…t objects typed theme setting so we are switching this theme component to use it instead as it provides a much better UX for configuring the settings required for the theme component.

この移行で問題が発生するとは予想していませんが、もし発生した場合は、ここにメモを残してお知らせください。

---

<div class="post-metadata">

### Author: ![damienalexandre](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damienalexandre/32/293019_2.png) [@damienalexandre](https://meta.discourse.org/u/damienalexandre)
#### Post date: [2024 年 4 月 24 日午前 8:47 UTC](https://meta.discourse.org/t/custom-header-links/90588/187 "2024-04-24T08:47:06Z")

</div>

こんにちは、

壊れています。

あなたの変更により、カスタムリンクが消え、デフォルトのものに置き換えられました。

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/5/b/a5b657b0b0f7388236dea3285d377a5b111fffb4.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/f/4/2f48c4e3877d2d01c0f7db85ddbe95c77924a3e4.png)

古いリンクはどこにも見つかりません。

このコンポーネントが爆発するのは3ヶ月で2回目です。[DEV: Rename `Custom_header_links` settings to `custom_header_links` (… · discourse/discourse-custom-header-links@5006125 · GitHub](https://github.com/discourse/discourse-custom-header-links/commit/50061254831a658eba821238a8a1ae0b7029ab09#commitcomment-138280078) を思い出してください。

有料顧客がベータリリースをオプトアウトする方法はありますか？疲れます。

ありがとうございます！

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2024 年 4 月 24 日午前 10:02 UTC](https://meta.discourse.org/t/custom-header-links/90588/188 "2024-04-24T10:02:43Z")

</div>

リンク切れを確認し、何かできることがあれば見てみます。👍

---

<div class="post-metadata">

### Author: ![clee](https://avatars.discourse-cdn.com/v4/letter/c/f19dbf/32.png) [@clee](https://meta.discourse.org/u/clee)
#### Post date: [2024 年 5 月 7 日午後 11:52 UTC](https://meta.discourse.org/t/custom-header-links/90588/193 "2024-05-07T23:52:11Z")

</div>

申し訳ありませんが、これは初心者向けの質問かもしれませんが、ヘッダーの左右両方にリンクを配置したいと考えています。具体的には以下のようになります。  
[ロゴ][リンク1][リンク2] ＜-----------------------間隔------------------------＞ [リンク3][リンク4][リンク5]

左右それぞれにカスタムヘッダーリンクを作成し、片方を左に、もう片方を右に配置しました。しかし、これらは別々のコンポーネントとして扱われるため、両方が表示されないことを学びました。どのようにすればこれを実現できますか？

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2024 年 7 月 1 日午後 4:01 UTC](https://meta.discourse.org/t/custom-header-links/90588/194 "2024-07-01T16:01:04Z")

</div>

2件の投稿が新しいトピックに分割されました：[カスタムヘッダーリンクが「vdo」設定を尊重しない](https://meta.discourse.org/t/custom-header-links-not-respecting-vdo-setting/314477)

---

<div class="post-metadata">

### Author: ![Krishanu\_Borah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/krishanu_borah/32/486906_2.png) [@Krishanu\_Borah](https://meta.discourse.org/u/Krishanu_Borah)
#### Post date: [2025 年 2 月 25 日午前 11:10 UTC](https://meta.discourse.org/t/custom-header-links/90588/195 "2025-02-25T11:10:18Z")

</div>

上記のコンポーネントを使用して 2 つのリンクを作成したいと考えています。リンク 1 とリンク 2 とします。リンク 1 はログイン済みユーザーに表示され、リンク 2 は匿名ユーザーに表示されます。どのようにすればよいですか？

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2025 年 2 月 25 日午後 1:29 UTC](https://meta.discourse.org/t/custom-header-links/90588/196 "2025-02-25T13:29:48Z")

</div>

こんにちは、ようこそ！

コンポーネントで直接行うことはできませんが、CSSを使用してリンクを非表示にすることができます。  
ユーザーがログインしているかどうかを判断するために利用できる `.anon` クラスがあります。

たとえば、リンク名が「Link 1」と「Link 2」の場合：

```css
/* ログアウトユーザー */
html.anon .link-1-custom-header-links {
    display: none;
}

/* ログインユーザー */
html:not(.anon) .link-2-custom-header-links {
    display: none;
}

```

HTMLには、リンク名がダッシュ化され、その後に `-custom-header-links` が続くクラス名が含まれています。ブラウザコンソールでリンクを右クリックして「検証」を選択すると、これを確認できます。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/4/9/2496fd86ae8a5aa8f26ffece6a87b0bdcb2974d1.png)

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [2025 年 4 月 3 日午前 8:51 UTC](https://meta.discourse.org/t/custom-header-links/90588/197 "2025-04-03T08:51:43Z")

</div>

こんにちは、このプラグインをありがとうございます！

ログインしているメンバーのみリンクが機能し、ログインしていないユーザーには無効になることに気づきました。すべてのユーザーで機能するようにすることは可能ですか？

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2025 年 4 月 3 日午後 12:02 UTC](https://meta.discourse.org/t/custom-header-links/90588/198 "2025-04-03T12:02:04Z")

</div>

ヘルガさん、

非アクティブとは、表示されないということですか、それともクリックしても何も起こらないということですか？

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [2025 年 4 月 3 日午後 12:03 UTC](https://meta.discourse.org/t/custom-header-links/90588/199 "2025-04-03T12:03:41Z")

</div>

返信ありがとうございます！はい、リンクは表示されていますが、クリックできません。

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2025 年 4 月 3 日午後 12:05 UTC](https://meta.discourse.org/t/custom-header-links/90588/200 "2025-04-03T12:05:37Z")

</div>

興味深いですね。ローカルインスタンスでは再現できません。フォーラムのURLをここに共有していただけますか（または、ご希望であればプライベートメッセージでも構いません）。

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [2025 年 4 月 3 日午後 12:06 UTC](https://meta.discourse.org/t/custom-header-links/90588/201 "2025-04-03T12:06:30Z")

</div>

はい、ありがとうございます！[https://community.elfsight.com/](https://community.elfsight.com/)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2025 年 4 月 3 日午後 12:17 UTC](https://meta.discourse.org/t/custom-header-links/90588/202 "2025-04-03T12:17:03Z")

</div>

ありがとうございます。CSSがリンクのある領域に重なっているようです。

 ![The image shows a web development interface using Elfsight Community with HTML and CSS code visibility, displaying a webpage layout for a custom header panel. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/1/e/51e5aaa59694ef4140391b966726f3ab5bf22c39.png)

CSSを使用して、リンクがその上に表示されるようにすることができます。

```css
.custom-header-links {
  z-index: 1;
}

```

これで、リンクをクリックできるようになります。  
 ![image](https://global.discourse-cdn.com/meta/original/4X/0/0/3/0030ed3ed21df1e840c93f107367b02a09afd269.png)

---

<div class="post-metadata">

### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [2025 年 4 月 3 日午後 12:35 UTC](https://meta.discourse.org/t/custom-header-links/90588/203 "2025-04-03T12:35:06Z")

</div>

わぁ、本当にありがとうございます！ 😍

---

<div class="post-metadata">

### Author: ![Michael\_Liu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_liu/32/494049_2.png) [@Michael\_Liu](https://meta.discourse.org/u/Michael_Liu)
#### Post date: [2025 年 5 月 4 日午前 3:50 UTC](https://meta.discourse.org/t/custom-header-links/90588/204 "2025-05-04T03:50:33Z")

</div>

これに対する解決策はありますか？

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [2025 年 5 月 4 日午前 4:15 UTC](https://meta.discourse.org/t/custom-header-links/90588/205 "2025-05-04T04:15:23Z")

</div>

それにはロケールが組み込まれています。ざっと見たところ、リンク設定の一部であるようです。

> <https://github.com/discourse/discourse-custom-header-links/blob/58573c4f115d4ac0624ae85818781f8f8e1a66cf/settings.yml#L43-L44>

---

<div class="post-metadata">

### Author: ![Michael\_Liu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_liu/32/494049_2.png) [@Michael\_Liu](https://meta.discourse.org/u/Michael_Liu)
#### Post date: [2025 年 5 月 4 日午後 3:52 UTC](https://meta.discourse.org/t/custom-header-links/90588/208 "2025-05-04T15:52:33Z")

</div>

皆さん、こんにちは。  
現在ロケール設定を試していますが、なぜか機能しません。zh\_CN はフランス語や英語では問題なく動作しますが、それ以外の大半は動作しません。zh\_CN を特に機能させる方法がわかりません。  
また、このプロセスが実際にどのように機能するかを誰かが説明してくれるなら幸いです。

# 警告: このファイルを編集しないでください。

# Crowdin から翻訳がプルされると上書きされます。

これは、機能させるために Crowdin で何かを行う必要があることを意味しますか？それとも、この XX.yml ファイルがある限り、XX をロケール文字列として参照するだけで機能するということでしょうか？  
よろしくお願いします。

---

<div class="post-metadata">

### Author: ![sallypf](https://avatars.discourse-cdn.com/v4/letter/s/c57346/32.png) [@sallypf](https://meta.discourse.org/u/sallypf)
#### Post date: [2025 年 6 月 3 日午後 3:05 UTC](https://meta.discourse.org/t/custom-header-links/90588/209 "2025-06-03T15:05:10Z")

</div>

素晴らしいプラグインをありがとうございます。ログインしているユーザーのために、ヘッダーナビゲーションにメッセージ（受信箱）へのリンクを追加したいのですが、メッセージへのリンクが動的（/u/＜ユーザー名＞/messages）であり、ユーザーがログインしているかどうかを確認する必要もあります。どのようにすれば良いでしょうか？

何かご提案はありますか？

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2025 年 6 月 3 日午後 3:15 UTC](https://meta.discourse.org/t/custom-header-links/90588/210 "2025-06-03T15:15:58Z")

</div>

`/my` の代わりに `/u/USERNAME` を使用できます。  
例: `https://meta.discourse.org/my/messages` [Discourse Meta - The Official Support Forum for Discourse](https://meta.discourse.org/my/messages)

また、訪問者には CSS を使用して非表示にすることもできます: [Custom Header Links - #137 by Johani](https://meta.discourse.org/t/custom-header-links/90588/137?u=moin)

[前のページ](https://meta.discourse.org/t/custom-header-links/90588.md?page=2)

[次のページ](https://meta.discourse.org/t/custom-header-links/90588.md?page=4)
