조회 수 16 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

스케치북5의  skin.xml을 열어보니 date가 2010년11월입니다. 오래됬죠.

하지만 현재도 여전히 많은 사랑을 받는 이유는 스케치북5를 대신할 게시판 스킨이 마땅치 않기 때문일꺼예요. 

스케치북5의 장점은 모바일도 대응, 반응형 스킨, 섬네일(갤러리, 웹진)을 출력하구요.

단점은 스킨 옵션이 많아도 너~~무 많아요.

스케치북5 제작자 큰돌님께 감사하며 제가 자주 쓰는 정도를 소개할까합니다.

 

 

스케치북5 다운로드

https://www.xpressengine.com/index.php?mid=download&package_id=19555903

 

 

ftp업로드 경로

/modules/board/skins/

 

 

 

sketchbook5_1.jpg

1. 모바일에서 게시판 쓰기할때 CKEditor 툴바가 화면을 가립니다.

 

 

 

sketchbook5_2.jpg

2. ckeditor.js를 언로드하는데요.  

modules/board/skins/sketchbook5/_write_form_mobile.html 파일을 오픈하여

<unload target="/common/js/plugins/ckeditor/ckeditor/ckeditor.js" />을 이미지처럼 추가후 저장, ftp 덥어씌우기합니다.

정상적으로 모바일에서 글쓰기가 되는지 확인합니다.

 

 

 

sketchbook5_3.jpg

3. 사이트 메뉴 편집/게시판/메뉴 추가/게시판/메뉴 이름(테스트), 메뉴 설병(테스트), 메뉴 ID(test), 확인. 게시판을 하나 만들었습니다.

 

 

 

sketchbook5_4.jpg

4. 테스트/디자인/ 게시판(XEDITION)을 클릭/ 사이트 디자인사용을 OFF 한후 원하는 레이아웃 체크 후 저장합니다.

 

 

 

sketchbook5_5.jpg

5. 즐겨찾기/게시판/test 게시판 관리로 들어갑니다. 스킨을 SKETCHBOOK5로, 모바일 설정은 변경없이 저장합니다. 

 

 

 

sketchbook5_6.jpg

6. 카테고리가 있다면 분류 관리 탭에서 카테고리를 만들어주구요.

 

 

 

sketchbook5_7.jpg

7. 사용자 정의가 있다면 사용자 정의 탭으로 이동하여 추가합니다.

 

 

 

sketchbook5_8.jpg

8. 임의의 값을 입력했습니다. 

 

 

 

sketchbook5_9.jpg

9. 하나 더 추가했구요

 

 

 

sketchbook5_10.jpg

10. 사용자 정의가 모바일에서 어떻게 출력되는지 확인하세요.

 

 

 

sketchbook5_11.jpg

11. 게시판에서 기본적인 셋팅이 권한 관리입니다. 사이트에 맞게 수정후 저장합니다.

 

 

 

 

sketchbook5_11_1.jpg

12. 추가설정에서 위지윅 에디터 댓글 에디터 스킨은 필요한 것으로 선택합니다. 차이점은 아래 이미지를 참고하세요.

 

 

 

sketchbook5_11_2.jpg

13. 데스크탑에서의 댓글 에디터 스킨.

 

 

 

 

sketchbook5_11_4.jpg

14. 모바일 글쓰기 에디터는 스킨관리 탭으로 이동하여 가장 아래 모바일 설정이 있습니다. 원하는 에디터를 선택하시면 되는데요.

 

 

 

sketchbook5_11_3.jpg

15. 모바일 속도를 고려한 선택일뿐 차이는 없습니다. 원하는 것으로 선택하세요.

 

스케치북5의 일반 설정에 대해 알아보았구요. 스킨은 다음 게시글에서 참고하세요.

 

 

 

***** 모바일 댓글에서 에디터 모드 선택하기

스케치북5 모바일 댓글에서 에디터 모드를 선택하여 파일 첨부할수 있는 팁은 https://xetown.com/rxe_tip/92029 에 있습니다.

기븐님의 게시글을 좀더 풀어서 써드리께요

 

sketchbook5_11_5.jpg

1. 스킨관리 탭에서 댓글 에디터 설정을 에디터로 변경합니다.

 

 

 

sketchbook5_11_6.jpg

2. /modules/board/skins/sketchbook5/_setting.html을 열어

라인 62(라인수 틀릴수있음)에 주석을 달아 텍스트(simple) 모드를 출력 못하게 합니다.

 

 

 

sketchbook5_11_8.jpg

3. /modules/board/skins/sketchbook5/_comment_write.html을 열어

m_no를 찾아(모두 세개) 삭제합니다. (m_no 클래스명은 max-width:533px에서 display:none 속성을 가지고 있네요. 에디터선택 버튼이 모바일에서 안보이는이유) 

 

 

삭제후 빈칸 없어야합니다. 1번 맞고 2번 틀림

1. class="editor_select bubble fr" 

2. class="editor_select bubble fr  "

수정후 두개의 파일을 ftp 덥어씌우기합니다.

 

 

 

sketchbook5_11_7.jpg4. 모바일 댓글 쓰기에서 에디터 선택하기를 확인합니다. 

 

 


List of Articles
번호 제목 글쓴이 날짜 조회 수
17 게시판 이용하기 :: 스케치북5 게시판_스킨 설정(목록형, 웹진형) 1 file 디자인솔 2018.03.18 21
» 게시판 이용하기 :: 스케치북5 게시판_일반 설정 file 디자인솔 2018.03.16 16
15 문서샘플 이용하기 :: 오시는길(구글맵) 만들기 file 디자인솔 2018.03.16 8
14 (공통설정) 필수14 :: 통합검색, 커뮤니케이션 file 디자인솔 2018.03.16 14
13 (공통설정) 필수13 :: 회원가입과 회원가입 사용자 정의 항목 추가 file 디자인솔 2018.03.16 4
12 (공통설정) 필수12 :: 위젯페이지와 메뉴 링크하기, 홈페이지-첫페이지로 설정하기 file 디자인솔 2018.03.16 6
11 (공통설정) 필수11 :: 레이아웃 복사하여 서브 페이지(회사연혁) 만들기2 file 디자인솔 2018.03.16 5
10 (공통설정) 필수10 :: 레이아웃 복사하여 서브 페이지(회사연혁) 만들기1 file 디자인솔 2018.03.16 11
9 필수8 :: 버킷리스트 풋터 file 디자인솔 2018.03.30 7
8 필수7 :: 버킷리스트 섹션4 게시판 최근글(탭) file 디자인솔 2018.03.18 12
7 필수6 :: 버킷리스트 섹션3 캐러젤과 안내 file 디자인솔 2018.03.18 7
6 필수5 :: 버킷리스트 섹션2 서비스 file 디자인솔 2018.03.18 7
5 필수4 :: 버킷리스트 섹션1 퀵메뉴 file 디자인솔 2018.03.18 10
4 필수3 :: 버킷리스트 슬라이드/페이지 헤더 file 디자인솔 2018.03.18 13
3 필수2 :: 버킷리스트 일반설정 file 디자인솔 2018.03.18 17
2 (공통설정) 필수1 :: 사이트맵 만들고 레이아웃 출력하기 file 디자인솔 2018.03.15 15
1 디자인솔 반응형웹 템플릿 "버킷리스트" 설치경로 디자인솔 2018.03.18 45
Board Pagination Prev 1 Next
/ 1

CONTACT US

고객센터 : 02-1234-1234

고객센터 : 02-1234-1234

팩스 : 02-1234-1234

이메일 : abc@email.com

업무시간 : 09:00~18:00 토,공휴일 휴무

주소 : 주소입력

xedemo.cafe24.com

대표 : 대표자 이름

사업자 등록 번호 : 1234-12-12345

통신 판매업 신고 번호 : 통신판매업 신고번호

Copyright 2014~ designersol.co.kr. All rights reserved.