텀블러 사용법: Tumblr 모바일 테마 - 제작 수정 적용하기


텀블러는 기본적으로 모바일 테마를 지원하고 있지만, 이에 더하여 사용자가 모바일 테마를 제작하거나 수정할 수 있는 기능을 지원한다. 이 기능은 페이지(Page) 기능을 통해서 할 수 있도록 되어 있다.

모바일 테마를 사용자가 제작하거나 수정할 수 있으므로, 로고나 구글 애드센스(Google Adsense)도 넣을 수 있음은 물론이다.


우선 텀블러에 로그인하여 자신의 블로그로 이동한다.


1. 블로그의 오른쪽 상단에 있는 스패너 모양의 툴바(Customize)를 클릭하여 블로그 설정창을 연다.


2.왼쪽 그림과 같은 블로그 설정창이 열리면,

=> 왼쪽의 설정창에서 중간쯤에 있는 페이지(PAGES)를 클릭하여 연다.

=> 열린 페이지 박스 바로 아래에 있는 [ + Add a page ] 를 클릭하여 페이지 만들기 창을 연다.


2.아래쪽 그림과 같은 페이지 만들기 창이 열리면

=> 제일 위쪽에 있는 [Standard Layout]클릭하여 [Custom Layout]을 선택한다.

=> Page URL 란에 " iphone-theme "을 입력한다.

=> Show a link to this page 의 체크를 푼다(체크표시가 없게 한다).

=> 아래쪽의 Custom HTML 이라고 표시된 큰 입력박스에 모바일용 테마를 입력한다(복사하여 붙여넣으면 된다).

=> 창의 맨아래 왼쪽에 있는 [ Create page ]를 클릭한다. 그러면 잠깐 뒤에 페이지가 만들어지면서, [Create page ]가 [ Save ]로 바뀐다. 이제 [ Save ]를 클릭하여 저장한다.


3.다시 블로그 설정창에서, 페이지(PAGES)란을 보면 [ /iphone-theme ]라는 테마 페이지가 만들어져 있음을 볼 수 있다.


4.그러면 바로 그 아래에 있는 [ ADVANCED ]를 클릭하여 연다.

=> 두 번째 체크박스에 체크한다.
※ 최적화된(사용자가 작성 수정한) 모바일 테마를 사용함(Use optimized mobile layout)


5.설정창의 맨 위 오른쪽에 있는 [ Save ]를 클릭하여 저장을 하고, 바로 옆에 있는 [Close]를 클릭하여 설정창을 닫는다.

이제 모바일 기기로 텀블러 블로그에 접속하면, 자신이 작성 수정한 테마가 적용됨을 볼 수 있을 것이다.



☞ 모바일 스킨을 수정할 때, 실제로 모바일 기기로 접속하여 확인하면서 해도 되겠지만, 컴퓨터상의 웹브라우저에서도 모바일 기기에서 어떻게 보이는지를 확인할 수 있다.

도움이 되었기를 바랍니다.