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

カスタムテーマで 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>

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

「いいね!」 1

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

「いいね!」 2

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

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

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

「いいね!」 4

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

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

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

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

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

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

「いいね!」 3

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

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

「いいね!」 4

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

「いいね!」 2

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

「いいね!」 4

ヘッダーメニューにドロップダウンサブメニューを求めている場合、この Theme component も検討の価値があるかもしれません。

既存のコンポーネント(特に公式またはパートナーのもの)を使用する利点は、メンテナンスが行われ、破損する可能性が低いことです。

「いいね!」 3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.