로딩 애니메이션 변경

[Timelord]

누군가 Discourse 사이트에 처음 접속할 때 로드 애니메이션을 변경할 수 있는지 아시는 분 계신가요?

그 원형 점 4~5개 말입니다…

[Canapin (Coin-coin le Canapin)]

There are old discussions about this topic

Introducing Discourse Splash - A visual preloader displayed while site assets load

The splash lives in a different CSS scope, so sadly, you won’t be able to modify the CSS via themes. That said, we do have planned improvements, and I started with this one. Once the change is live on your site, the splash dots will use the colors from your current theme.

How to change Discourse splash animation?

That’s correct The splash loads before any core JS/CSS. The current implementation doesn’t focus on customization, but v2 will. The plan is to serve the splash image from localStorage for slightly increased performance and since it allows admins to set something custom via an inline <script> tag in the theme head_tag field. There’s currently no ETA for this work, and it needs a bit of testing, but it’s planned.

I don’t know if anything was done in the end to make modifications easy, and I don’t recall any topic featuring a custom splash.

[Moin]

이제 가능합니다

Discourse 스플래시 화면에 사용자 지정 SVG 이미지로 브랜딩하기

Meta에서 이 기능이 매우 많이 요청되었습니다: Personal branding for the splash screen . 이제 기본 로딩 도트 표시기를 대체할 스플래시 화면 이미지로 정적 또는 애니메이션 SVG를 추가할 수 있는 옵션을 추가했습니다: [image] 정적 SVG를 사용하는 경우, 로딩 도트 애니메이션 위에 표시됩니다: [image] 반면, 애니메이션 SVG를 사용하는 경우 도트를 완전히 대체합니다: [image] 성능상의 이유로, 애니메이션 SVG는 CSS transform 또는 opacity 애니메이션만 사용해야 합니다. [1] Upcoming Changes 시스템( /admin/config/upcoming-changes )을 통해 이 기능을 활성화할 수 있습니다: [image] splash screen image 사이트 설정이 이 기능에 사용됩니다. SVG 내에서 var(--primary), var(--secondary), var(--t…