모바일 홈 바로가기 등록 방법

모바일 홈 바로가기 버튼 등록이란 모바일 기기에서 일종의 아이콘 형태로 웹사이트를 표시할 수 있도록 바로가기 이미지를 등록하는 것을 의미합니다. 모바일 홈 바로가기 등록 단계는 다음과 같습니다.

 

 

1. 이미지 파일 준비

129×129 사이즈의 png 파일을 준비합니다.

 

apple-touch-icon

 

 

 

 

 

 

 

파일명은 임의로 apple-touch-icon.png 로  합니다.

 

 

2. 이미지 업로드

미디어 업로드 디렉토리(~/wp-content/uploads/) 또는 테마 이미지 디렉토리(~/wp-content/themes/bct000N/images/) 에 준비한 이미지를 업로드 합니다. 이 글에서는 1번에서 준비한 이미지를 미디어 업로드 디렉토리에 업로드하는 것을 가정하고 설명합니다.

 

 

3. link 요소 추가

header.php 파일에 link 요소를 추가합니다. link 요소 추가 방식은 iOS와 Android에 따라 다릅니다.

 

① iOS 경우

 

② Android 경우

 

실제 iOS 경우 header.php 파일에 추가된 코드는 다음과 같습니다.

 

모바일홈버튼

 

 

4. 모바일 홈 버튼 확인

실제 아이폰에서 모바일 바로가기 아이콘이 추가된 화면은 다음과 같습니다.

 

 

IMG_0870

 

위 그림에서 자연치유 아이콘을 확인할 수 있습니다.

 

 

* 참고

이미지 크기 및 코드 추가 방식에 대한 자세한 설명은 다음 글을 참고 바랍니다.

 

iOS 경우: http://est0que.tistory.com/1539

Android 경우: http://blog.happydong.kr/225

 

 

 

• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭
No comments
Write CommentLIST
WRITE COMMENT

위로이동