Flarum에서 SVG를 상단 로고로 사용하기

한 사용자가 PNG가 iPhone에서 심하게 깨져 보인다고 하여 PNG 대신 SVG를 사용하려고 한다는 의견을 남겼습니다. SVG와 벡터 이미지는 같은 원리이므로 어떤 기기에서도 선명도를 잘 유지할 수 있습니다. Flarum Beta 8의 소스 코드를 살펴보니 SVG를 지원하는 것 같았는데, 그렇다면 Beta 7에서는 SVG를 어떻게 사용할 수 있을까요? 아래 내용을 확인해 보세요.

튜토리얼

서버의 /assets에 logo.svg를 업로드하고, 데이터베이스의 settings - logo_path를 logo.svg로 수정합니다.

그런 다음 forum.blade.php와 admin.blade.php 파일을 수정합니다. CV 버전은 \vendor\flarum\core\views\frontend\에 있고, 이전 버전이나 기타 버전은 \vendor\flarum\core\views\에 있습니다.

다음 부분을

<img src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

다음과 같이 수정합니다.

<img width="146" height="34" src="{{ $logo }}" alt="{{ $title }}" class="Header-logo">

너비와 높이는 필요에 따라 직접 수정할 수 있습니다.