カスタムテーマで site-header.hbs ファイルを上書きする方法

開発
1

カスタムテーマで site-header.hbs をオーバーライドしようとしています。Discourse でのそのファイルのパスは plugins/styleguide/assets/javascripts/discourse/components/sections/organisms/site-header.hbs です。

テーマの head_tag.html ファイルに以下を追加してみました。

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
  <StyleguideExample @title="site header - in topic - scrolled">
    <div class="d-header-wrap">
        test
    </div>
  </StyleguideExample>
</script>

また、以下のような複数のバリエーションも試しましたが、

<script type="text/x-handlebars" data-template-name="components/sections/organisms/site-header">
<div xmlns="http://www.w3.org/1999/xhtml">test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div xmlns="http://www.w3.org/1999/xhtml">test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/site-header">
<div xmlns="http://www.w3.org/1999/xhtml">test</div>
</script>

<script type="text/x-handlebars" data-template-name="javascripts/components/sections/organisms/site-header">
<div xmlns="http://www.w3.org/1999/xhtml">test</div>
</script>

どれも効果がありませんでした。助けていただけますでしょうか？

2

テンプレートのオーバーライドで解決できると考えている別のことをしようとしているのですね。テンプレートのオーバーライドは壊れやすく、後々問題を引き起こす可能性が高いです。プラグインのアウトレットではできないヘッダーに対して、具体的に何をしようとしていますか？

3

@pfaffman 回答ありがとうございます。
主な問題は、プラグインではなくテーマですべてのカスタマイズを維持する必要があることです。カスタムテーマを使用してこれを達成するための、より安全な方法はありますか？

4

テーマ内でプラグインのアウトレットが更新されます。Using Plugin Outlet Connectors from a Theme or Plugin を参照してください。

はい。何をしようとしていますか？

5

@pfaffman ロゴの表示を削除し、カスタムボタンを追加したいです。また、ヘッダーの上にカスタムコンポーネントから取得する動的リンクを表示したいです。

6

それらのいずれかを実行するためにhbsをオーバーライドする必要はないはずです。

Custom Header Links を参照してください。

CSSでロゴを非表示にできます。

New Topic Header Button はボタンを追加します。

(deprecated) Plugin outlet locations theme component も参照してください。

7

@pfaffman ありがとうございます。ご提案はよく理解できます。しかし、site-header.hbs のようなファイルをカスタムテーマでカスタマイズする方法があるか知りたいです。意味は通じますか？

8

サポートされていません。以前の（重複した？）投稿の後に共有したリンクを読みましたか？

9

@merefield はい、あなたの記事を読みました。確認したかっただけです。
わかりました、どうもありがとうございます。

10

これは役立つかもしれません（そして、あなたのカスタマイズが時代を超えて通用することを保証します）

11

ヘッダーメニューにドロップダウンサブメニューが必要な場合は、この#customization:theme-componentも検討の余地があります。

既存のコンポーネント（特に公式のものやパートナーのものが）を使用する利点は、保守が行き届いており、壊れる可能性が低いことです。