자료실

스케치북 테마

2023.01.11 11:39
24,110
21
자료 유형 스킨
간단한 소개 다양한 모듈(회원, 커뮤니케이션, 알림센터, 포인트히스토리, 추천 글/댓글, 오류 표시)의 스킨을 스케치북 게시판 스타일로 꾸며줍니다.
설치 경로 ./modules
코어 지원 범위 Rhymix 2.0
PHP 지원 범위 기타
자료 구분 공개 자료
라이선스 GPL v2
파일명버전날짜용량다운로드 수
sketchbook_theme.changed.0.2.3.zip 0.2.3 2023.12.01 13.3KB 224
sketchbook_theme.changed.0.2.2.zip 0.2.2 2023.02.03 14.1KB 1,404
sketchbook_theme.changed.0.2.1.zip 0.2.1 2023.01.21 60.2KB 1,428
sketchbook_theme.0.2.0.zip 0.2.0 2023.01.17 619.3KB 1,640
sketchbook_theme.changed.0.1.1.zip 0.1.1 2023.01.12 2.0KB 1,552
sketchbook_theme.0.1.0.zip 0.1.0 2023.01.11 378.9KB 1,695

0.2.3 업데이트 (2023.12.01)

- 이번 업데이트는 변경 및 추가된 파일만 모았습니다. 0.2.2 버전(0.2.0 설치 + 0.2.1 덮어쓰기 + 0.2.2  덮어쓰기)에 덮어쓰시면 됩니다.

1. 회원모듈 - 확장변수의 다양한 input 형식에 대한 css 지원

: ./modules/member/skins/sketchbook_member/css/style.css

: ./modules/member/skins/sketchbook_member/skin.xml

2. 회원모듈 - 회원가입 약관의 박스 바깥 여백과 안쪽 여백 조절

: ./modules/member/skins/sketchbook_member/css/style.css

: ./modules/member/skins/sketchbook_member/skin.xml

3. 회원모듈 - 타인 회원정보의 최근 문서/댓글 목록에서 공개된 콘텐츠만 수집

: ./modules/member/skins/sketchbook_member/get/_get_document_list.html

: ./modules/member/skins/sketchbook_member/get/_get_comment_list.html

4. 커뮤니케이션모듈 - 친구들의 최근 문서/댓글 목록에서 공개된 콘텐츠만 수집

: ./modules/communication/skins/sketchbook_communication/get/_get_friends_contents.html

: ./modules/member/skins/sketchbook_member/skin.xml

5. 회원모듈 - 코어 2.1.10 업데이트에 대응하여 비밀번호 변경 화면 템플릿 추가

: ./modules/member/skins/sketchbook_member/__header.html

: ./modules/member/skins/sketchbook_member/reset_password.html

: ./modules/member/skins/sketchbook_member/skin.xml

 

0.2.2 업데이트 (2023.02.03)

- 이번 업데이트는 0.2.0 설치 및 0.2.1 덮어쓰기 후 변경된 파일만 덮어쓰시면 됩니다.

- 친구 그룹 이름 수정시 그룹 이름이 잘 전달되지 않는 문제 수정

./modules/member/skins/sketchbook_member/skin.xml

./modules/member/skins/sketchbook_member/js/action.js

- 전화번호 로그인 및 다중 식별자(아이디, 이메일, 전화번호) 로그인 안 되는 문제 수정

./modules/member/skins/sketchbook_member/skin.xml

./modules/member/skins/sketchbook_member/login_form.html

./modules/member/skins/sketchbook_member/modify_info.html

./modules/member/skins/sketchbook_member/css/style.css

./modules/message/skins/sketchbook_message/skin.xml

./modules/message/skins/sketchbook_message/system_message.html

 

0.2.1 업데이트 (2023.01.21)

- 이번 업데이트는 0.2.0 설치 후 변경된 파일만 덮어쓰시면 됩니다.

- 문서 뷰 모듈 및 전용 스킨 추가 (#document_1739668)

: 모듈 설치 및 스킨 설정으로 미리보기, 인쇄, 불러오기 목록, 신고 등의 페이지를 스케치북 스타일로 디스플레이 가능

- 통합검색 스킨 (#comment_1739243)

: 태그 검색만 따로 디스플레이할 수 있는 옵션 추가

: 태그 검색 페이지에서 임의의 검색 추천 태그 출력
: https://{루트}/?where=document&search_target=tag&mid={mid값}&act=IS 와 같은 식으로 url 구성

 

0.2.0 업데이트 (2023.01.17)

기능 개선

- 통합검색 스킨 추가

- (문서)페이지 스킨 추가

- 프로필 영역에서 경험치 반영 (alrin님)

버그 수정

- 에러메시지 출력 부분 점검 (해태맛동산님)

- 변경 파일만 제공하고자 했으나 수정 범위가 작지 않아서 0.2.0으로 판올림하고 전체 파일을 제공합니다.

 

0.1.1 업데이트 (2023.01.12)

- 친구들의 댓글 목록 수집시 비밀 댓글 제외 (skyo님)

- 0.1.0 설치 후 이 업데이트를 설치하세요. (전체 파일이 많은데 수정 파일은 1~2개여서 변경 파일만 업로드합니다)

- 변경된 파일

  • ./modules/communication/skins/sketchbook_communication/skin.xml
  • ./modules/communication/skins/sketchbook_communication/get/_get_friends_contents.html

 

자료 소개

- 스케치북 게시판 스킨의 스타일로 만들어진 모듈 스킨 테마입니다. 다음의 모듈들에 대응하는 스킨들이 포함되어 있습니다.

- 라이믹스 코어 2.0.24, PHP 7.4.30 (64-bit)에서 개발되었습니다. (기타 환경에서는 오류가 있을 수 있습니다.)

 

사용법 (조금 특이함 주의)

- 각각의 모듈 스킨은 회원 모듈과 오류 표시 모듈의 컬러셋 외에는 별도의 설정을 할 수 없기 때문에, 이 스킨의 사용법은 살짝 꼼수를 동반하고 있습니다.

  1. 설치
    : 압축파일 안의 폴더들을 각각의 경로에 맞게 해제하여 설치합니다.
    : 물론 테마들 중 일부만 선택적으로 설치할 수도 있을 겁니다. 그러나 회원(member) 모듈 스킨은 반드시 설치하셔야 대부분의 다른 모듈 스킨도 제대로 작동할 수 있습니다.
     
  2. 설정
    : 각각의 모듈 관리 페이지에서 스케치북 스타일 스킨을 설정해줍니다.
    : 스케치북 스타일인 만큼 당연히 반응형입니다. 원하신다면 모바일 스킨에서도 반응형으로 설정을 해보세요.
     
  3. 컬러셋 지정
    : 회원(member) 모듈, 오류 표시(message) 모듈, 통합검색(integration_search) 모듈, 페이지(page) 모듈의 스킨을 선택하면 컬러셋 옵션이 활성화됩니다. 여기서 원하는 스킨 컬러셋을 선택합니다.
    1) 그런데 여기서 컬러셋을 선택하지 않거나 '없음'을 선택하면, 무색 기반으로(사실상 검회색) 스킨이 출력될 겁니다.
    2) 단, 회원메뉴를 보고 있는 게시판 mid가 스케치북 스킨으로 설정되어 있다면, 해당 게시판의 스케치북 색상 및 스킨 설정에 따라 회원 스킨의 각종 출력 옵션도 유동적으로 따라가게 됩니다.
     
  4. 스타일 고정
    : 다른 한편 이미 선호하고 있는 스케치북 게시판 스킨의 스타일이 정해져 있다면 그 게시판의 mid값을 입력해서 스케치북 테마 스킨에 일괄 적용할 수도 있습니다.
    1) 스케치북 스킨이 적용된 모듈의 mid값이 board_fKje48이라고 한다면,  ./modules/member/skins/sketchbook_member/__header.html 파일의 8행에 $ref_mid = 'board_fKje48'; 같은 식으로 mid값을 넣어주면 됩니다. 이렇게 하면 사이트 전역의 회원, 커뮤니케이션, 알림센터, 포인트히스토리, 추천 글/댓글의 스킨은 board_fKje48 게시판의 스타일로 고정됩니다.
    2) 오류 표시 모듈은 (회원 모듈의 __header.html 파일을 공유하지 않으므로) ./modules/message/skins/sketchbook_message/_header.html을 따로 열어서 6행에 $ref_mid = 'board_fKje48'; 같은 식으로 mid값을 넣어주면 됩니다.
    3) 페이지 모듈 역시 (회원 모듈의 __header.html 파일을 공유하지 않는데) 스킨 설정에서 스타일을 따라갈 mid값을 바로 입력하실 수 있습니다.
     
  5. 회원메뉴탭 이름 변경
    : ./modules/member/skins/sketchbook_member/__header.html 파일을 보면 '<!--// 헤더 -->'라는 주석 바로 아래에서 회원메뉴 탭의 이름을 바꿔놓은 것을 볼 수 있습니다. 이 부분들을 편집하면 자신이 원하는 제목으로 회원 메뉴 탭의 이름을 사용할 수 있습니다.
    : 특히 '<!--// 기존의 메뉴탭의 이름을 act에 맞춰 변경함 -->' 부분을 삭제하면, 코어에서 제공하는 원래 메뉴 탭으로 바꿀 수 있습니다.

 

주요 기능들 (기존의 스킨들과 다른 점 위주)

  • 회원정보 보기(프로필)
    : 기본적인 회원 소개 외에도 친구 현황, 최근 글 및 최근 댓글을 볼 수 있습니다.
    : 프로필 페이지에서 쪽지 보내기 및 친구 등록/취소도 바로 할 수 있습니다.
  • 쪽지함
    : 쪽지함별로 무려! 검색이 가능합니다!!
    : 알림센터에서 쪽지 알림이 미사용 상태라면, 새로운 쪽지 알림 기능이 활성화됩니다.
  • 친구
    : 내가 팔로우하는 친구, 나를 팔로우하는 친구를 분류해서 볼 수 있습니다.
    : 친구 그룹 관리(추가, 이름 변경, 삭제 등)가 좀 더 수월해졌습니다.
    : 친구들의 최근 글과 최근 댓글을 모아볼 수 있습니다.
    : 랜덤으로 친구를 추천해주기도 합니다.
  • 알림센터
    : 알림 목록의 알림들을 읽음표시 및 안읽음표시할 수 있습니다.
    : 회원 개인별 알림 설정도 레이어팝업을 통해 간편하게 할 수 있습니다.
  • 포인트 히스토리
    : 포인트 변동 타입별(증가 및 경감)로 목록을 나눠볼 수도 있습니다.
  • 추천 글/댓글
    : 그냥 스케치북 스타일을 따라 전체적으로 통일감 있게 볼 수 있습니다.
  • 오류 표시
    : 상동
  • 통합검색
    : 엮인글 관련 검색 결과는 아예 배제하였습니다.
    : 검색결과에서 (문서, 댓글, 이미지/동영상, 파일 중) 결과가 없는 경우에는 목록 역시도 출력하지 않습니다.
    : 태그 검색 페이지만 따로 디스플레이가 가능합니다. (0.2.1 버전부터)
  • (문서)페이지
    : 스킨 설정 자유도가 높은 모듈이기 때문에 스케치북 게시판 스킨의 설정 항목 중 많은 부분을 그대로 활용할 수 있습니다.
    : 스킨 설정에서 스케치북 게시판이 적용된 모듈의 mid값을 입력하면 해당 게시판의 스킨 설정을 우선 적용합니다.
    : SNS 공유 버튼 링크를 최근 시점에 맞게 수정했습니다. 단, 구글+와 라인은 제외시켰습니다.
  • 문서 뷰 모듈 (미리보기, 인쇄, 불러오기 목록, 신고 페이지)
    : 문서 작성 중 미리보기를 레이아웃과 함께 확인해볼 수 있습니다.
    : 인쇄를 스케치북 블로그 스타일로, 그리고 A4(세로) 사이즈로 시도할 수 있습니다.

 

스크린샷

- 기존 공개자료에 있던 스샷들을 참고해주세요.

- 회원 모듈

- 커뮤니케이션 모듈

- 알림센터 모듈

- 문서 뷰 모듈

윤삼 Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.

댓글 76

  • 2023.12.05 07:03 #1797760

    <include target="../../../member/skins/sketchbook_member/__header.html" />
    <include target="../../../member/skins/sketchbook_member/_profile.html" />

    기존 타이틀 날려버리고 로 인크루드 하니 변경되네요 감사합니다!!

    최고입니다!

  • 2023.12.05 06:37 #1797741
    안녕하세요. 윤삼님

    포인트 히스토리 모듈의 경우

    PC와 동일한 반응형 스킨 사용 (/USE_RESPONSIVE/)
    사용 했는데

    모바일에서는

    Template not found: modules/pointhistory/m.skins/USE_RESPONSIVE/list.html

    로 나옵니다.

    기본 스킨 사용하면 뜨긴 뜨지만 타이틀이 스케치북 타이틀이 뜨지 않네요.
  • 2023.12.05 06:46 #1797744
    그건 모듈 쪽의 반응형 스킨 경로 지정 방식에 이슈가 있는 게 아닐까 싶습니다.
    일단은 m.skins 폴더에도 스케치북 테마의 포인트히스토리 모듈 스킨을 넣어보세요
  • 2023.12.05 06:51 #1797747

    올려주신 \sketchbook_theme.0.2.0\modules\pointhistory\skins 여기는 분명 폴더가 있는데

    저도 그러려고 skin 폴더들어갔는데 pc도 디폴트 폴더만 있네요.
    제서버에는 modules\pointhistory\skins 여기에 디폴트 폴더만 있는데
    그간 어찌 작동한건지 신기하네요.

     

    이건 다른 서버 FTP에서.. 삽질을 하고 있었네요 ㅋㅋ

    m.skins에 올리고 스킨을 반응형에서 스케치북으로 선택하니 잘작동합니다!

  • 2023.12.05 06:59 #1797756
    코어랑 충돌이생긴건지 뭔가 이상하네요

    윤삼님이 만드신 추천 글 댓글 모듈도

    PC와 동일한 반응형 스킨 사용 (/USE_RESPONSIVE/)

    로 되어있는데 PC 페이지가 뜨길래 스킨을 m.skin에 복사해 넣고 모바일 레이아웃으로 선택해도 PC화면만 뜨는 증상이 있네요.
  • 2023.12.05 20:24 #1797969
    너무너무 훌륭한 자료 감사히 쓰겠습니다.
  • 2024.01.11 06:24 #1803235

    안녕하세요.

    자동로그인 관리는

    기본스킨은 아래와 같이 자동 로그인 관리 , 등록 기기 목록이 표시가 되지만 스케치북 스킨에서는

    no_data 라고만 표시가 됩니다

     

    기본스킨.JPG

     

    데이터가 생기니 데이터가 뜨긴 하지만 사용자 입장에서는 조금 더 상세한 안내가 있으면 좋지 않을까 생각해봅니다.

     

  • 2024.01.11 06:38 #1803248

    메시지 내용만 좀 다듬으면 되는 거겠죠?

     

  • 2024.01.11 06:43 #1803251

    네네 인터페이스가 등록된 자동 로그인된 기기가 없습니다. 자동로그인은 로그인설정은 로그인 화면에서 가능합니다.

    정도만해도 좋을 것 같습니다.
    설정하는 화면도 없는데 그냥 No_data 라고 뜨니깐 뭔가 이상해서요 ㅎㅎ
    (로그인 화면에서 등록한다는 생각을 잘못할듯 한 느낌)

  • 2024.01.11 06:46 #1803255

    원래대로라면 {lang('admin.no_data')} 이렇게 코딩을 해서
    '등록된 데이터가 없습니다.'라고 나와야 하는데... 코딩부터가 잘못되어 있었네요;;

    암튼 그런 친절한 안내문 좋아요ㅎㅎ

  • 2024.01.12 01:54 #1803389

    안녕하세요. 윤삼님

     

    친구에러.JPG

    친구 - 그룹관리에서
    친구를 아무 그룹에 추가하고 그 그룹 수정을 누르면
    그룹멤버스 친구이름
    이 value 값에 들어가는 버그가 있습니다. (그 값은 투명색으로 보이지 않으나 드래그가 가능함)

     

    밸류값은 공백이거나 원래 그룹명이들어가야 맞을 것 같습니다.

  • 2024.01.13 00:06 #1803587
    친구 > 친구 그룹 관리 > 그룹 수정으로 진행했는데 말씀하신 사항이 재연이 안 되네요.
    필드가 투명색으로 보이거나 하지는 않거든요.

    1. "친구를 아무 그룹에 추가하고 그 그룹 수정을 누르면"이라고 하셨는데 혹시 제가 다른 방식으로 재연해야 하는 건가요?
    2. 개발자도구 스샷을 보면 value값이 trim 되지 않고 앞뒤로 \n 또는 \r 값이 들어간 게 아닌가 싶기도 합니다. 혹시 처음에 그룹명 입력하실 때 그와 같은 상황이 있었던 건 아닌지...
  • 2024.01.13 03:29 #1803611
    앗 그럼 메시지로 아이디 암호보내보겠습니다
  • 2024.01.13 04:51 #1803627

    이상하네요. 친구그룹이 하나만 있거나, 미지정그룹에 친구가 없을 때 생기는 버그 같기도 합니다.
    이게 '그룹 수정'을 누르면 해당 박스의 그룹 이름을 가져와서 수정 필드에 넣어줘야 하는데 그게 잘 안 되네요ㅜㅜ

    덧. 근데 이것도 제 사이트에서는 재연이 잘 됩니다ㅜㅜ

  • 2024.01.22 04:47 #1805567

    ■서버 오류 TypeError #0 "count(): Argument #1 ($value) must be of type Countable|array, null given" in modules/ncenterlite/ncenterlite.model.php on line 520

    ■0.2.3 업데이트 (2023.12.01)까지 업데이트 완료한 상태입니다.
    -스케치북스타일 알림센터 스킨선택시 에러 나옴.
    -스케치북스타일 알림센터 스킨선택(우측하단)시 에러 나옴

    ■서버환경
    [Basic Information]
    rhymix_version : 2.1.12
    php : 8.1.9 (64-bit)
    server : Apache
    os : Linux 3.10.0-1160.59.1.el7.x86_64
    sapi : apache2handler
    ssl : always

     

    ■스킨 변경시 에러 경고창 나왔다가 그냥 무시되는지 스킨적용은 됩니다.

  • 2024.01.22 05:02 #1805571
    알림센터 내의 문제처럼 보이네요.
    코어에서
    https://github.com/rhymix/rhymix/blob/1a913c3e49ff1243864996f839d545e70488d227/modules/ncenterlite/ncenterlite.model.php#L520
    이 위치를 찾아 count 대신 !empty를 써보세요.
  • 2024.01.22 08:22 #1805581
    코어에서도 패치했습니다.^^
  • 2024.01.22 09:00 #1805584
    으왓 확인 감사합니다!
  • 2024.12.25 07:26 #1851092

    스팸필터의 캡챠적용시 오류가 발생하는 것 같습니다. 캡챠설정을 하면, 로그인폼(login_form) 파일에 캡챠 관련 설정이 없어서 그런지 로그인이 되지 않는 오류가 생기더군요

  • 2024.12.25 14:30 #1851103

    캡챠가 form 태그 안에 들어가야 하는데 이상하게도 form 태그에 앞서서 들어가네요?
    스킨의 login_form.html 파일에서 form 태그 안 쪽 적당한 곳에 {$captcha} 를 문자열 그대로 삽입해보세요.

    가령, <input class="bd_btn" type="submit" value="{$lang->cmd_login}" /> 아래에

    <div class="login_captcha">
        <style>
        .g-recaptcha {
            transform: scale(0.9);
            transform-origin: 0 0;
            margin-top: 16px;
        }
        </style>
        {$captcha}
    </div>

     

    라고 삽입하면 좋을 것 같습니다.

     

    스크린샷 2024-12-26 000428.png

  • 2024.12.26 08:11 #1851174
    감사합니다.^^
  • 2025.01.16 06:07 #1855117
    혹시, message 모듈 스킨도 로그인 관련 캡챠가 적용되도록 해주셨으면 합니다. 권한때문에 메시지가 뜨면서 로그인 창도 함께 뜨는데 그 부분도 역시 캡챠 적용이 되지 않아서요...ㅠㅠ
  • 2025.01.16 06:48 #1855120
    거기서도, 즉 /modules/message/skins/sketchbook_message/system_message.html에서도 form 태그 안의 적당한 곳에 위의 코드를 넣어보시면 좋을 것 같아요.
  • 2025.01.19 05:24 #1855475

    소식이 없으시길래 잘 안 되는 거 같아서ㅜ 직접 테스트를 해봤습니다.

    ./modules/message/skins/sketchbook_message/system_message.html 에서

    <input class="bd_btn" type="submit" value="{$system_message_detail ? $lang->msg_administrator_login : $lang->cmd_login}" /> 의 아래에 다음을 넣어주세요.

     

    <div class="login_captcha" cond="SpamfilterModel::isCaptchaEnabled('login')">
        <style>
            .g-recaptcha {
                transform: scale(0.83);
                transform-origin: 0 0;
                margin-top: 12px;
            }
        </style>
        {SpamfilterModel::getCaptcha('login')|noescape}
    </div>

     

  • 2025.01.19 07:26 #1855480
    감사합니다.^^
    실은 제가 코드를 잘 몰라서 login_form.html 에서 알려주셨던 코드를 그대로 넣었더니 안되서ㅠㅠ
    또 질문드리기도 그렇고 해서ㅎㅎ. 알려주신 코드로 넣었더니 잘 됩니다. 새해 복 많이 받으세요~~
  • 2025.01.19 08:25 #1855485
    네, 저도 그냥 될 줄 알았는데 막상 해보니 실행 조건이 달라서 캡챠를 조금 복잡하게 불러와야 하더라구요.
    동동님도 새해 복 많이 받으세요~