カスタムヘッダーリンク(アイコン)

このアップデートを行った後、/admin/customize/themes ページで以下のエラーメッセージが表示されました:

Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^

追記:新しい「whitespace」ボックスにチェックを入れて、再度チェックを外し(その都度保存しました)、エラーは消えました。

「いいね!」 2

報告自体は誤りではありませんが、深刻度評価は少し的外れです。これらのリンクはユーザー生成コンテンツではありません。管理者のみが管理ダッシュボードから追加できます。したがって、管理者として信頼できないサイトにリンクすることはないと想定して問題ありません。

とはいえ、David と簡単に話したところ、外部リンクに rel="noopener" を追加することを提案されました。これを実装しました。リンクが新しいタブで開くように設定されている場合、自動的に追加されます。

noreferrer については、

メインサイトへのリンクを張り、コミュニティからメインサイトへリファラルされたユーザー数を分析したい場合もあるため、追加しない方が有益だと考えます。

まだその状態でしょうか?コンポーネント設定のスクリーンショットを共有していただけますか?

はい、私も更新時に同じ現象を確認しましたが、これは新しい変更とは関係ありません。どうやら、新しい設定がコンパイラに即座に反映されないようです。そのため、その設定にチェックを入れてから外す必要があるかもしれません。

ご心配なく、私のテストでは、このエラーはサイトへの影響は全くありませんでした。

「いいね!」 5

当サイトから、テーマコンポーネントのアップグレードが必要と表示されましたので、更新ボタンをクリックして対応しました。
しかし、現在は以下のエラーが表示されます:
Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^

私も同じ問題に遭遇しましたが、チェックボックスをオンにしてからオフにすると解決しました:Custom Header Links (icons) - #129 by Jonathan5

「いいね!」 2

ご報告ありがとうございます @GuidoD

この問題は把握していますが、あなたのサイトに影響を与えることはありません。これは内部で追跡しているコンパイラの問題です。

もしあなたのサイトで問題が発生した場合はお知らせください。発生しないはずです。

「いいね!」 2

その通りです。追加の問題には気づきませんでした。
現在、サイトの Discourse 再構築を行っており、その後にもう一度確認します。エラーがまだ残っている場合は、Jonathan のヒントを確認します。

再構築後、エラーは消えました :slight_smile:

2 年間も利用させていただいている素晴らしいテーマコンポーネントをありがとうございます。

「いいね!」 2

こんにちは、Discourse 2.8.0.beta1 を使用しています。このテーマコンポーネントの最新バージョンに更新したところ、以下のエラーメッセージが表示されました。

Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^
「いいね!」 2

私も同じエラーが発生しています。2.7 stable を使用しています。

承知いたしました。上記で述べた通り、これはあなたのサイトに全く影響しません。

「いいね!」 4

私もこれが機能することを確認しました。

この設定にチェックを入れてから外し、ページを再読み込みしてください。

screenshot-vapingcommunity.co.uk-2021.06.07-13_48_21

こんにちは、このプラグインをありがとうございます。
FA アイコンに関するいくつかの観察点を共有させてください:
far- アイコンの統合は(Regular)問題なく動作するようですが、fas- アイコン(Solid)は動作しません。

例えば、以下を試してみてください:

fas-building
vs.
far-building

これについてご意見はありますか?far- アイコンは fas- アイコンに比べて数が少なく(デザインの観点からも)、これは問題です。

上記のコメント以降に変更がない限り、使用可能なアイコンやその名称を確認するには、コードを検索する必要があると思います。

テーマコンポーネントの説明では、クラス(ブランド、regular、solid)に関係なく、すべての無料の FA5 アイコンを使用できると示唆されています。

ご参照のコードをご覧ください:

solid 用の if 文はありません。したがって、以下のように記述されるべきです。

when "solid"
  key = "fas-"

でしょうか?

私の知る限り、その主張は常に誤りでした。

はい、この場合はテーマコンポーネントの説明で修正すべきでしょうか?
しかし、実際にはすべての「far-」アイコンで動作していますので、私の見解では「fas-」が単に「見落とされていた」だけではないかと思います。

「いいね!」 1

私の知識の限界としては、説明通りに動作していないということと、コードを見てどのアイコンが機能するかを確認する方法についてです :slight_smile:

固体アイコンの变量名は、一般的にプレフィックスなしで実装されています。単に building は試されましたか?

はい、もちろんですが、効果はありませんでした。
どうやら Discourse には fas- の一部のみが同梱されているようです。

私の環境では問題なく動作しています。デフォルトで一部のアイコンが含まれています(/styleguide/atoms/icons で確認できます)。他のアイコンを使用するには、まず管理設定またはコンポーネント自体に追加する必要があります。この例のように:

「いいね!」 2

これも動作しました(SVG アイコンとテーマコンポーネントで「building」を使用)。アイコンのソリッドバージョンが表示されます :+1: 言葉を取り消さなければならないかもしれません(まだ、本来動作するはずのいくつかのものが動いていないとほぼ確信していますが…)。

「いいね!」 2