我如何复制meta横幅链接?

如何创建4个按钮:自定义、指南、热门话题、我们的托管

2 个赞

在 Search Banner 主题组件中,有两个插件插槽可供您在可以构建的单独自定义组件中定位自定义内容。

4 个赞

What is search_banner.search_button_text
如何创建与图片相同的按钮?

谢谢!我找不到自定义选项下的插入此代码的选项。
你能指导我一下吗 :pray:

我将创建一个主题组件。:+1:

8 个赞

好吧,没关系,唐。这都是关于学习和分享。我认为下次最好从一开始就说明我们的意图。谢谢分享。:+1:

实际上,我从昨天就开始研究它了[1]。我做了类似的事情,但还没有发布。我想添加更多的自定义选项,比如可以选择表情符号、Font Awesome 图标或图像 URL,还可以为每个按钮添加 CSS、条件渲染等。为此,我一直在大量探索和测试 JSON schema 格式(这很令人头疼——顺便说一句,这个PR 来改进样式将会很棒!)。我稍后会悄悄地在 Github 上发布我的版本。


  1. ↩︎

9 个赞

你成功了吗?我尝试构建了一个,但卡住了。

3 个赞

@Arkshine,这个组件有什么更新吗?这对我也将非常有帮助 :innocent:

2 个赞

我完全忘了,抱歉。 :smile:

不幸的是,设置的 JSON schema 格式很快就会被弃用,所以我最初想做的事情将不再奏效(说实话,它的定制太棘手了)。

我想发布 Don 的版本,但找不到他的仓库。 :thinking:

我会看看我能做什么,尽快发布一个可用的版本。 :+1:

3 个赞

非常感谢!:pray:t2:

2 个赞

@Helga_Razinkova

你可以试试吗?归功于 @Don@manuel – 我借鉴了他们的一些想法。

它需要一个较新的 Discourse 版本(3.3),因为它依赖于新的 https://meta.discourse.org/t/objects-type-for-theme-setting/305009。

一些图片

常规设置:

链接设置:

默认外观 – 它使用主题颜色。
image

按钮可以单独设置样式:
image

如果你需要特定的设置,请告诉我。
它可能需要在移动设备上进行一些调整。默认情况下,按钮会在移动设备上换行并显示为一列。期待任何反馈。

如果一切顺利,我稍后会发布它。 :+1:

7 个赞

@Arkshine 抱歉延迟回复,我刚想到这个主意 :slight_smile:

我已经成功添加了按钮,非常感谢你的插件!!现在唯一的挑战是如何将按钮放在搜索栏正下方,但我希望我们能找到一个解决方案。

有一个问题:是否可以将表情符号字段设为可选而不是必填?

再次感谢!

2 个赞

嘿,感谢您测试该组件!

我已经更新了它,使 emoji 成为可选的。:+1:

您的意思是您正在使用 Banner Search 组件,并且希望按钮出现在下方吗?
如果是这样,在 plugin outlets 设置中,您可以将其设置为 below-site-header
不过,您可能需要使用一些 CSS 来调整间距。

如果您需要更多帮助,请告诉我。:slight_smile:

1 个赞

你好,我认为 Helga 正在寻找这个插件出口。:slightly_smiling_face:

4 个赞

确实如此!

不知何故,我以为插件出口组件会显示它们(我忘了该组件是如何生成它们的)。感谢您的纠正。:+1:


我需要调整设置,使其与组件出口配合使用,并简化间距的自定义。我会尽快向您汇报,Helga。

3 个赞

太棒了,非常感谢 @Arkshine @Don 的帮助! :fire: :fire:

2 个赞

抱歉久等了!我已经更新了组件。我添加了几个新设置。

在您的情况下,您想在 plugin_outlet 设置中使用 search-banner-below-input
它现在将显示在正下方:

如果您愿意,现在可以为容器设置最大宽度:


`
这是我使用的设置:


图片显示了一个标有“按钮包装器最大宽度”的用户界面元素,带有一个滑块控件和一个数字输入字段,允许用户设置最大宽度为 600 像素,以及一个“重置”按钮。(由 AI 标注)

还有其他设置,包括一些用于移动视图的设置。

如果它对您来说效果很好,请告诉我。 :+1:

2 个赞

太棒了,@Arkshine,你真是个明星!!万分感谢,现在一切看起来都很棒!:heart_eyes:

2 个赞

@Arkshine,这个主题组件的设置布局非常巧妙!一如既往,您为社区的初学者组件构建者提供了另一个绝佳的起点和模板!

非常非常感谢您,我的朋友!

4 个赞

很棒的主题组件 - 绝对值得拥有自己的主题!

我们是否应该为此目的重新格式化这个主题?还是创建一个新的主题?

2 个赞