ヘッダーの下(d-header-wrap)にカスタムHTMLを追加する(main-outletではなく)

皆さん、こんにちは!ヘッダーの下、メインのアウトレットの外側にあるwrapクラスの下にカスタムHTMLを追加しようとしています。これは、中央揃えを避けたいからです。

Figmaにも同様のものがあります(例)。

「いいね!」 2

こんにちは @AmericanGuy さん! :wave:

カスタム HTML コードを追加できる、利用可能なすべてのコンセントを表示できる優れたテーマコンポーネントがあります。

テーマコンポーネントをテーマで有効にした後、検索アイコンの隣にあるコンセントアイコンをクリックすることで、ウェブサイトのコンセントの場所を表示または非表示にできます。 :span: outlet icon /span

ヘッダーのすぐ下にある「below-site-header」という名前のコンセントがあることがわかります。

これで、テーマまたはコンポーネントの Head タブで次のコードを使用して、このコンセントにカスタム HTML を配置できます。

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
    test
</script>

my-custom-element を一意でより説明的なものに置き換えてください)

以下にその様子を示します(画像の左上を見てください)。

コンセントの詳細については、こちらをご覧ください。 Developing Discourse Themes & Theme Components :magic_wand:

「いいね!」 4

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