Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

스마트폰에 내 사이트 앱 아이콘 제공하기

3 한결같이 5 1804 4 0

※ 구글 검색을 통해 배운 내용입니다.

 더 좋은 방법이 있다면 리포팅해 주시기 바랍니다.

먼저 앱아이콘 루트를 임의로 만들고, 앱 아이콘을 넣습니다.

앱 아이콘은 ​아래 설정(head.sub.php)에 나와 있는 대로 기본적으로 5개를 만듭니다.

 

※ 앱아이콘을 일일이 만들기엔 번거롭고 시간이 많이 걸리므로, 다음 사이트를 활용합니다.

http://makeappicon.com

 

 

 

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"><!-- 구형/ 안드로이드 --> 

 

위와 같이 작업한 후,

스마트폰에서 사이트에 접속 후

북마크 추가 > 추가 위치 > 홈화면

으로 설정하시면 스마트폰 바탕화면에 사이트 아이콘이 만들어지는 것을 확인할 수 있습니다. 

 

5 Comments
3 한결같이 2015.01.28 14:43  
아직 작업중이라 볼품 없지만,
제 사이트 http://wikis.co.kr 를 시험 삼아 북마크 설정해 보시기 바랍니다.
8 우성군 2015.01.28 15:28  
와우 좋은 자료입니다.
3 호두나라 2015.01.29 08:57  
좀더 쉽게 적용하시려면 관리자모드로 들어가서 기본환경설정 매아래화면에 "추가 script, css" 에 등록하면 바로 사용이 가능하네요...좋은 정보 감사합니다.
3 한결같이 2015.01.29 09:46  
더 좋은 팁입니다! 감사합니다.^^
5 돋보기 2015.05.20 16:58  
앱아이콘만들기
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand