返信ボタンの前にバナー/HTML（ウィジェット）を追加

開発
1

現在のスレッドの最初の投稿の後にバナー/リンクを表示するために、次のウィジェットを使用しています。これは今のところ問題なく動作しています。

<script type="text/discourse-plugin" version="0.8">
    const { iconNode } = require("discourse-common/lib/icon-library");
    api.decorateWidget("post:after", helper => {
        const firstPost = helper.attrs.firstPost;
        const h = helper.h;
        if (firstPost) {
            return h("div#support", [
                h(
                    'a.icon', {
                        href:'link',
                        title: 'Support-Icon'
                    }, iconNode('heart')),
                h(
                    'a.link', {
                        href: "link",
                        title: 'Support-Link'
                    }, 'some text',
                ),
            ]);
        }
    });
</script>

しかし、バナー/リンクを別の場所、つまり返信ボタンの前に統合したいと思います。下の赤で示した位置にマークを付けました。

banner
banner1085×435 28.4 KB

これを実現するためのヒントを教えていただけますか？

この位置/ジョブがこれで定義されていることはわかっています。問題は、この NAME:LOCATION をどのように見つけるかということです。

api.decorateWidget("NAME:LOCATION", helper => {

2

画像でマークした位置は、トピックのすべての投稿の後になります。そのため、返信があると、バナーはこれらの下、つまり最初の投稿のすぐ下ではなくなります。

「いいね！」 2
3

topic-above-footer-buttons というプラグインのアウトレットがあります。

image
image2056×200 18 KB

これを見ると、以下のようになります。(deprecated) Plugin outlet locations theme component

次に、このガイドに従ってください。

「いいね！」 4
4

ありがとうございました。うまくいきました。

Head のコード例：

<script type='text/x-handlebars' data-template-name='/connectors/topic-footer-main-buttons-before-create/team-support'>
	<div id="support">
		<a href="link" title="Support-Icon" class="icon">
			<svg class="fa d-icon d-icon-heart svg-icon svg-node" aria-hidden="true"><use xlink:href="#heart"></use></svg>
		</a>		
		<a href="link" title="Support-Link" class="link">テキスト</a>
    </div>
</script>
「いいね！」 1
5

残念ながら、ボタン/バナーはユーザーがログインしている場合にのみ表示されます。未登録ユーザーにもボタン/バナーが表示されるようにするにはどうすればよいですか？

このテーマの位置を使用しています: topic-footer-main-buttons-before-create

6

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