본문 바로가기
소셜웹전문가협동조합

[앱코디]티스토리로 반응형웹만들기

by 앱그룹대표 강진영 2014. 9. 11.

반응형웹이란? 사용자의 접속 디바이스에 맞춰서 웹사이트가 반응하여 보여주는 홈페이지를 말합니다. 

요즘은 홈페이지 만들 때 모바일,PC용을 따로 만드는 것이 대부분인데... 반응형을 하면 하나로 모두를 해결할 수 있는 멋진 도구이죠^^!


지금 제 티스토리가 반응형웹의 오픈 소스 중 하나인 "부트스트랩"이 적용된 블로그 입니다. 상단의 메뉴가 있고, 크기가 작아지만 카카오톡과 카카오스토리에도 공유가 가능합니다.

보통은 서버도 사야하고... 코딩도 해야하지만, 티스토리에 적용을 하시면 적은 시간안에 빠르게 구축하고 운영도 상당히 쉽게 하실 수 있습니다.


물론, 제 포스팅을 보고 하실 수 있는 분들은 지금 스터디를 받으시는 분들 중 적으실 거라 생각합니다.^^ 

하지만, 제가 적용을 해보니 처음에 하시는 분들은 고생을 하시는 부분들이 있어서 제 티스토리에 적용된 반응형웹의 스킨을 아예 올려드립니다.

편안하게 사용하시고, 오픈 스터디때 한번 설명하는 자리가 있었으면 합니다. 감사합니다.






1단계 - 첨부된 파일을 다운로드 한다.

2단계 - 압축을 푼 뒤, 관리자 - html/css편집 메뉴에 압축을 푼 파일의 imges안에 모든 파일을 업로드 한다.

3단계 - html에서 메뉴부분과 커버스토리를 변경한다.