[332]
라이센스 [9] 제공되는 메뉴얼 [2] 세무서신고,사업자등록 [17] 전자지불서비스 [7]
문자메세지 [7] 도메인 및 웹호스팅 [37] 개인정보,보안서버인증 [14] 호스팅이전 및 재설치 [11]
A/S 정책 [4] 업그레이드정책 [4] 솔루션설치 [10] 솔루션기능 [93]
초보자이용안내 [78] 프로그램수정 [23] 솔루션구매신청방법 [8] 해외관련 [3]


  모바일용 솔루션 사용자 아이콘(Favicon)을 바탕화면으로 놓기!

모바일용 솔루션 사용자 아이콘(Favicon)을 바탕화면으로 놓기!


기존 솔루션에 모바일용 솔루션을 설치해서 사용하신다면 데스크탑에서 사용하던  Favicon 기능을
스마트폰 바탕화면에 고객님 모바일 사이트의 아이콘을 앱(App) 아이콘처럼 모바일 Favicon 기능을
만들어 놓을 수 있습니다.


지금부터 이 아이콘을 모바일 Favicon 으로 명명하겠습니다.

모바일 Favicon 크게 아이폰/안드로이드폰으로 나누어 집니다.

모바일 Favicon 기능을 이용하게 되면, 스마트폰으로 모바일 사이트에 접속 후에
스마트폰 브라우저 기능으로 사이트에 설정된 모바일 Favicon 기능을
앱(App) 프로그램 아이콘처럼 바탕화면으로 놓을 수 있습니다.


아래 설명은 저희  해피CGI 모바일 솔루션을 기준으로 설명을 드립니다.

스마트폰으로 접속시 처음에 보여지는 템플릿 (HTML)파일에 해당 소스코드를
~ 사이에 아이폰/안드로이드폰 관련 코드를 모두 넣어줍니다.


view plaincopy to clipboardprint?
  1. <link target="_blank" href="./img_mobile/favicon.png" rel="apple-touch-icon-precomposed">  
  2. <link target="_blank" href="./img_mobile/favicon.png" rel="shortcut Icon">  


(참고) 처음 보여지는 템플릿(HTML) 파일은 보통 "mobile_html"
폴더안에 메인페이지 담당 템플릿파일(main.html)이 해당됩니다.



아이폰 모바일 Favicon 설정방법

아이콘사이즈: 57x57


위 코드를 ~ 사이에 넣어줍니다.

아이폰 바탕화면에 설정된 모바일 Favicon을 빼내는 방법

  1. 사이트에 접속합니다.
  2. 스마트폰 브라우저 하단 중앙에 하단추가 메뉴버튼을 누릅니다.



     
  3. 펼쳐진 메뉴에서 "홈 화면에 추가"를 클릭합니다.



     
  4. 저장할 사이트의 제목을 수정 입력 후 저장합니다.



     
  5. 아이폰 홈 화면에 조금전에 추가한 아이콘이 바탕화면에 생성되어져 있습니다.


     




안드로이드폰 모바일 Favicon 설정방법

아이콘사이즈: 128x128


또는



위 코드를 ~ 사이에 넣어줍니다.

안드로이드폰 바탕화면에 설정된 모바일 Favicon을 빼내는 방법
  1. 사이트에 접속합니다.
  2. 스마트폰의 좌측하단 메뉴버튼을 누릅니다.
  3. [더보기] 버튼을 누릅니다.





     
  4. "북마크추가" 메뉴를 클릭 확인하여 북마크 합니다.


    (!잠깐) "대기화면에  단축메뉴 추가"를 클릭하면 바탕화면에 합쳐진 아이콘 모양이 생성되어집니다.




     
  5. 스마트폰 대기 메인화면으로 돌아와서 스마트폰 좌측하단 메뉴버튼을 누릅니다.
  6. "바로가기" 버튼을 누릅니다.



     
  7. "북마크" 메뉴버튼을 누릅니다.



     
  8. 조금 전에 북마크된 뉴스항목이 보여지며, 뉴스항목을 선택합니다.



     
  9. 바탕화면에 아이콘이 생성되어 졌습니다.

     

목록 전체목록