안녕하세요 개발로짜입니다.
GKSkin 스킨을 블로그에 적용하고 싶으시다면 다음과 같이 따라하시면 되겠습니다 ^^
※ GKSkin이 아니더라도 그외의 다른 티스토리 블로그 스킨적용에 모두 해당되는 기본설치방법입니다.
URL 접속하셔서 스킨압축파일을 다운로드 받습니다.
2014/10/15 - [GKSkin/스킨다운로드] - ExtJS4 를 이용하여 제작한 티스토리 스킨 GKSkin v 1.0 베타버전 배포
1.관리자 페이지 접속 후 꾸미기 -> 스킨메뉴 클릭
2.우측상단 스킨등록 버튼 클릭
3.스킨저장명 : GKSkin 입력
추가버튼 클릭후 압축해제한 스킨파일이 있는 디렉토리 이동 후 열기 클릭
4.기본 파일들이 등록되었으면 나머지 파일등록을 위해 다시한번 추가버튼 클릭
5.아까와 동일하게 스킨압축 해제한 디렉토리 이동 후 images 폴더를 추가로 들어가 상단이미지의 js파일 2개를 선택후
열기버튼으로 추가 후 저장클릭
6.상단처럼 빈페이지가 다시 나오면 스킨 등록완료 다시한번 꾸미기 -> 스킨페이지로 이동
7.상단 네모친 보관함 이동 클릭
8.위와같이 스킨등록시 입력한 GKSkin이라는 목록이 나오면 적용버튼 클릭후 "적용되었습니다" 라는 문구가 출력되면
정상적으로 스킨등록이 완료되었습니다.
그렇다면 메인페이지 이동하여 정상적으로 스킨이 등록되었는지 확인해 보도록 하겠습니다
9.상단이미지가 변경전 기본 티스토리 이미지이고 하단이 GKSkin적용 모습입니다.
이걸로 GKSkin 기본설치편을 마치도록 하겠습니다 ^^
티스토리스킨 GKSkin 적용하기(SyntaxHighlighter 적용하기편) (2) | 2014.10.15 |
---|---|
티스토리 스킨 GKSkin 적용하기 (애드센스 광고코드 설치편) (2) | 2014.10.13 |
'GKSkin'에대하여 자세하게 소개를 해보도록 하겠습니다.
GKSkin 이란?
Sencha에서 제공하는 ExtJS 라는 자바스크립트 프레임워크를 이용하여 제작된 스킨입니다.
ExtJS 프레임워크를 이용해서 제작된 스킨을
돈을 주고 판매를 한다면
별도의 라이센스비용을 Sencha라는 업체에 지불해야합니다
그러나 무료로 배포시에는 지불하실 필요가 없죠 ^^ ㅋ
스 킨 화 면
티스토리 스킨화면은 위와같습니다!
정식적으로 제작한지 9일정도되어서 아직 기능들은 빙산의 일각수준입니다.
진행결과는 40%정도(?)
GKSkin 대표 기능
① 기존의 카테고리목록을 메뉴바로 변경
② 사이드바 어코디언 기능적용
③ 브라우저 사이즈에 따른 좌측사이드바 자동 보여줌 / 숨김 기능
④ 반응형웹은 아니지만 브라우저넓이가 줄어들면 우측 버튼에 메뉴바연결
⑤ IE, 크롬, 사파리, 오페라등... 모든 멀티브라우저 지원
⑥ 컨텐츠 출력
- 중앙화면이 목록이 2개이상일 경우
목록 클릭시 윈도우 모달창으로 컨텐츠를 자신이 원하는 사이즈로 조절하면서 구독이 가능
뷰페이지이동 ↓↓↓↓
- 중앙화면에 목록이 하나일 경우
중앙 목록출력 부분에 컨텐츠 내용으로 채움
⑦ 애드센스 레이아웃위치 FIX!
- 목록출력 페이지 - (최상단 애드센스1, 우측 애드센스2)
- 상세보기 페이지 - (최상단 애드센스1, 컨텐츠 우측상단 애드센스1, 컨텐츠 중앙 애드센스1)
⑧ 댓글 윈도우 모달창 출력하여 등록기능 제공
각 페이지별 화면 몇장을 한번 뽑아보았습니다
컨텐츠우측상단에 자동으로 애드센스 출력
브라우저 넓이별로 메뉴바 표출차이[좁아질 경우]
브라우저 넓이별로 메뉴바 표출차이[넓어질 경우]
댓글 윈도우
블로그에 대해서 조언 및 둘러본 후기에 관해서 소중한 댓글 부탁드리겠습니다!
앞으로 더 기능 업그레이드 하여 10월 중순~ 말일 내로 베타버전으로 배포 진행할 예정입니다 ^^
by 개발로짜