스마트폰에 내 사이트 앱 아이콘 제공하기
리턴웨이
APP/API
0
481
2015.04.16 18:04
※ 구글 검색을 통해 배운 내용입니다.
※ 더 좋은 방법이 있다면 리포팅해 주시기 바랍니다.
먼저 앱아이콘 루트를 임의로 만들고, 앱 아이콘을 넣습니다.
앱 아이콘은 아래 설정(head.sub.php)에 나와 있는 대로 기본적으로 5개를 만듭니다.
※ 앱아이콘을 일일이 만들기엔 번거롭고 시간이 많이 걸리므로, 다음 사이트를 활용합니다.
head.sub.php에서
charset 정의 다음에
<link rel="apple-touch-icon" href="/아이콘경로/Icon-60.png"><!-- 비 레티나 -->
<link rel="apple-touch-icon" sizes="76x76" href="/아이콘경로/Icon-76.png"><!-- 아이패드 -->
<link rel="apple-touch-icon" sizes="120x120" href="/아이콘경로/Icon-60@2x.png"><!-- 레티나 기기 -->
<link rel="apple-touch-icon" sizes="152x152" href="/아이콘경로/Icon-76@2x.png"><!-- 레티나 패드 -->
<link rel="apple-touch-icon-precomposed" href="/아이콘경로/Icon-60.png"><!-- 구형/ 안드로이드 -->
위와 같이 작업한 후,
스마트폰에서 사이트에 접속 후
북마크 추가 > 추가 위치 > 홈화면
으로 설정하시면 스마트폰 바탕화면에 사이트 아이콘이 만들어지는 것을 확인할 수 있습니다.