DiscourseのスプラッシュスクリーンをカスタムSVG画像でブランディングする

この機能は、Meta のこちら Personal branding for the splash screen で強く要望されていました。

このデフォルトのロードドットインジケーターを置き換えるために、SVG(静的またはアニメーション)をスプラッシュスクリーン画像として追加するオプションを追加しました。

静的 SVG を使用する場合、ロードドットアニメーションの上に表示されます。アニメーション SVG を使用する場合は、ロードドットアニメーションを置き換えます。

この目的には、サイト設定の splash screen image が使用されます。SVG 内で var(--primary)var(--secondary)、および var(--tertiary) CSS 変数を使用して、テーマのブランディングカラーを参照できます。

この機能は、今後の変更システム(Upcoming Changes system)を通じて有効にできます。

重要な注意点として、この機能を有効にすると、LCP スコアに影響を与える可能性があるため、変更を適用し、しばらく待ってから、LCP や Google Search Console でのインデックス作成に影響がないか確認するのが、これを試す最良の方法です。

「いいね!」 6