어제 잃어버린 섬의 로고를 바꿨다. 두 가지 기록해두고 싶은 점이 있는데(잊어버리면 귀찮은 점이 있는데) 하나는 기본 로고 브랜딩하는 법, 나머지 하나는 wordmark 로고 변경하는 법.

기본 로고 브랜딩하는 방법

lib/tasks/branding.rake에서 코드를 확인할 수 있다. app/images/에서 logo.svg, app-icon.svg를 자신의 것으로 변경해두면 관련된 모든 아이콘을 변경할 수 있다. (favicon을 비롯한 여러 웹앱 아이콘) 명령어 사용법은 마스토돈 폴더 안에서 bin/rails branding:generate_app_icons 다른 브랜딩 관련 기능도 같은 파일 안에 있으니 확인해보면 좋다.

wordmark 로고 변경하는 법

wordmark로고는 모바일 화면 위쪽에 떠있는 좌우로 긴 로고를 말하는데 logo-symbol-wordmark.svg파일을 바꿔주면 되지만, 그냥 해서는 적용이 안 된다. 해당 파일을 열어서 코드를 만져줘야 한다.

<use xlink:href="#logo-symbol-wordmark"/> <symbol id="logo-symbol-wordmark">

이 코드를 <svg> 태그 안에 넣어주자.

#mastodon #삐삐쀼쀼