グローバルにアイコンを変更する

ドキュメント 開発者ガイド
17

ありがとうございます！また、テーマで Discourse のデフォルトの SVG アイコンをカスタムアイコンに置き換えるという記事も見つけました。

最終的には、その記事で言及されているようにアップロードして名前を付ける方法が私の環境では機能しなかったため（もちろん操作ミスかもしれませんが）、SVG スプライトを直接ヘッダーファイルに埋め込むことにしました。

私のヘッダーは以下の通りです：

<svg width="0" height="0" class="hidden" style="display: none;">
    <symbol id="myicon-search" ..... </symbol>  
    <!-- ここにすべてのスプライトを記述 -->
</svg>
<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('search', 'myicon-search'); 
</script>

これは管理が簡単です。

形式が正しいか確認するために、https://svgsprit.es の SVG スプライトジェネレーターを使用しています。

「いいね！」 3