티스토리 마크쿼리 반응형스킨 설치 및 적용하기

Information/Blog|2014. 9. 16. 16:40

티스토리 마크쿼리 반응형스킨 설치 적용하기


티스토리로 블로그를 정하고 블로그 스킨꾸미기에 푹 빠져서 몇 시간을 앉아서 연구했는지 몰라요. 전문적으로 html을 배운 게 아니라서 아직도 뭐가 뭔지 잘 모르지만 이것 저것 찾아보면서 연구하고 알아낸 것들을 공유하려고 해요 (저는 html 초보 하하)


일단, 제 블로그는 markquery님이 개발하신 반응형 스킨 Spider's Web입니다. "반응형스킨" 이라는 게, PC나 스마트폰, 태블릿의 환경에 따라 반응 하여 최적화된 디자인과 UI를 출력하는 거라네요. 요즘은 모바일로 유입이 많기 때문에 반응형 스킨은 필수라고 생각해요.


마크쿼리님의 반응형 스킨 바로가기 - http://markquery.com/


그럼 마크쿼리님의 반응형 스킨을 설치하고 적용해볼까요?


1. 마크쿼리님의 홈페이지에 가서 다운로드를 누르고 스킨파일을 다운로드 후, 압축을 풀어둡니다.






2. 블로그 관리자 화면 > 꾸미기에 스킨 > 스킨등록을 눌러줍니다.



3. 아래에 추가 버튼을 눌러, 폴더를 제외한 나머지 파일을 업로드합니다. 그리고 추가 버튼을 한번 더 눌러, images폴더 안의 파일들을 업로드합니다.



4. 업로드 후 저장을 누르고, 관리자화면으로 돌아가 스킨을 적용합니다. 




적용 후, 화면 입니다.





적용된 스마트폰 화면


스마트폰에 맞게 반응하는 똑똑이 +_+




여기까지 하면 마크쿼리님의 반응형 스킨 설치 및 적용 완료!!


상단 메뉴의 카테고리 수정, 최근글 RSS주소 바꾸기만 해도 나만의 블로그 완성된답니다. 그럼 즐거운 블로그스킨 꾸미기 되세요 

댓글()