Flarum에서 SVG를 웹사이트 상단 로고 이미지로 사용하기

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

튜토리얼

logo.svg를 서버의 /assets에 업로드하고, 데이터베이스의 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">

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