Discourseのホームページのような美しいバナーを追加する方法

サポート
1

訪問者を迎えるためのバナーを配置できるようにする機能を追加したいです。

home
home1389×270 20.9 KB

すべてのテーマを確認しました。
また、プラグインやエクストラについても確認しています。

3

@Phenix1997 さん、こんにちは。
こちらのトピックをご確認ください :arrow_down:

4

リンクの修正を手伝ってもらえますか！

links
links1541×473 34.6 KB
をご確認ください。

5

テキストを変更する：

リンクとアイコンを変更する：
https://github.com/discourse/discourse-meta-banner/blob/main/javascripts/discourse/templates/components/meta-banner.hbs

6

アイコンの提供元はありますか？

7

もしおっしゃっているのがそれであれば、Discourse はアイコンに Version 5 Icons | Font Awesome を使用しています。

8

古いアイコンを新しいものに置き換えてアップロードしましたが、何も変化しません。

icons
icons1477×719 48.1 KB
をご確認ください。

{{#if (and shouldShow discoveryRoute)}}
  <div class="custom-homepage-wrapper">
    <div class="wrap custom-homepage">
      <div class="welcome-wrapper">
        <div class="welcome-content">
          <h2>{{theme-i18n "meta_banner.welcome"}}</h2>
          <p>{{theme-i18n "meta_banner.subtitle"}}</p>
        </div>
        <div class="featured-todo">
          <div>
            <a href="https://forum.ongurutips.com/search?expanded=true">
              <h3>{{d-icon "info-circle"}}
                {{theme-i18n "meta_banner.docs"}}</h3>
            </a>
          </div>
          <div>
            <a href="https://www.fiverr.com/phenix1997">
              <h3>{{d-icon "fab-discourse"}}
                {{theme-i18n "meta_banner.themes"}}</h3>
            </a>
          </div>
          <div>
            <a href="https://ongurutips.com">
              <h3>
                {{d-icon "fab-discourse"}}
                {{theme-i18n "meta_banner.hosting"}}</h3>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
{{/if}}

新しいアイコン（PNG形式）です！

blogging
blogging512×512 19.7 KB

https://forum.ongurutips.com をご確認ください。

9

バナーの Font Awesome アイコンを変更する方法は？

~ forum.ongurutips.com の管理者

10

好きなアイコンに置き換えてください

sketch-1634892929852
sketch-16348929298521080×1487 171 KB

11

試みましたが、誰も機能しませんでした。他の案をご提案いただけますか？

12

どうやって使ってるの？私には表示されないんだけど