포스트

phpBB favicon 변경하기

사용한 이미지

favicon.ico를 어디에 두어야 하는가

Basic Implementation

The simplest method is to use an online tool to convert your .png image to favicon.ico file. Upload the favicon.ico file to the root of your domain, it should be accessible at example.com/favicon.ico.

phpBB 지식창고(Knowledge Database) 문서에 의하면 favicon.ico를 phpBB의 root 디렉토리에 두면 된다.

Method Using Meta Tags

If you wanted to store the file in a different directory or use a different icon for your forum than other pages on your site you can specify the path using meta tags between the document <head></head> tags.

만약 favicon.ico를 다른 위치에 두고 싶다면 사용하고 있는 스타일(style)의 overall_header.html를 수정하면 된다.1

favicon.ico를 /bitnami/phpbb에 추가했다. 그런데 favicon이 업데이트 되지 않는다. 웹브라우저 캐시를 지우고(Shift+Cmd+R) 새로고침을 해도 마찬가지 였다.

phpBB의 root 디렉토리가 어디인가

도커 이미지가 노출하는 위치(/bitnami/phpbb)가 phpbb의 root 디렉토리라고 착각했다. /opt/bitnami/phpbb였다. /bitnami/phpbb는 사용자가 확장기능과 스타일을 변경할 수 있도록 /opt/bitnami/phpbb에서 필요한 부분만 노출시킨 것이었다.

따라서 favicon.ico를 /opt/bitnami/phpbb/favicon.ico로 대응시켜주면 된다.

여러 장치에 대응하는 favicon 추가하기

RealFaviconGenerator를 사용해서 favicon을 만들었다. 이 도구를 사용하면 iOS, Android, Windows 등 여러 플랫폼에 맞는 favicon을 만들어준다.

하지만 여러 favicon을 phpBB의 root 디렉토리 안에 대응시키기 위해서는 docker-compose.yml에 favicon 파일을 일일이 대응시켜야 한다. 이는 비효율적이다. /bitnami/phpbb/images/favicons를 만들어서 그 안에 favicon들을 추가하기로 했다.

RealFaviconGenerator을 설정할 때 favicon을 넣을 위치를/images/favicons로 설정한다. <link>, <meta> 태그를 <head>안에 넣으라고 하는데, overall_header.html 안에 넣어주면 된다.

여전히 불편한 점

phpBB에서 여러 스타일을 사용하고 있다면 각 스타일마다 overall_header.html을 수정해줘야 한다. 불가능한 것은 아닌지만, 이는 새로운 스타일을 적용할 때마다 신경을 써줘야 한다는게 불편하다.

대안

phpBB 확장기능을 사용할 수 있다.

/ext/chris1278/metainfo/favicon안에 favicon을 넣어주면 된다. favicon 설정 자체는 간단하지만 metainformation 설정하는게 약간 이상했다. 검색엔진에 표시되는 정보를 설정하는 것 같았다. 그런데 phpBB 게시판의 제목과 설명을 설정하는 부분이 뒤바뀌어 있었다. 확장기능을 사용할 때마다 헷갈려서 실수할 것 같았다. 게다가 되도록이면 phpBB 기본기능을 사용하고 싶어서 사용하지 않기로 했다.

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

Comments powered by Disqus.