XE 공식 자료실

모듈 모바일 스킨 misol M ver. 1.1.1

제작자
misol
등록일
2015-02-04
다운로드 수
294
링크1
misol/misol-M

"XE 공모전 2014 출품작입니다"

misol's mobile board skin.
XE 게시판 기본 스킨을 뼈대로, 평소에 바라던 부분에 대해 수정을 하여 사용성을 높인 모바일 게시판 스킨입니다.

* 공모전에서 배포된 XE ICON 이 사용되었습니다.

라이선스
LGPL v3
설치경로
./modules/board/m.skins/ms_m_board
최초 등록일
2015-01-05
전체 다운로드
6,259
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

misol-M

"XE 공모전 2014 출품작입니다"

1.1 및 1.1.1 버전 변경사항

  • 카카오톡, 카카오스토리 지원
    • 카카오톡의 경우 모바일 스킨 설정 페이지에서 게시판마다 API 키를 입력하셔야 합니다.(스토리는 없어도 가능)
  • 벚꽃, 로얄블루, 바나나 노랑 색상 추가.
  • 페이스북 및 트위터 공유 횟수 표시 기능 추가

설치 경로

  • ./modules/board/m.skins/ms_m_board

출품작에 대한 상세 설명

다양한 색상을 선택할 수 있도록 컬러셋을 다양화한 모바일 스킨입니다.

기존 XE 기본 게시판 스킨 중 아이콘을 많이 사용하였던 기본 스킨을 기반으로 구성했습니다.
1.글쓰기 버튼 등 터치 하기 위해서 신경을 집중해야했던 작은 버튼은 넉넉하게 크기를 키웠습니다.
2.사용자마다 다를 수 있는 글자 크기 선호도를 생각해서 본문 텍스트 확대와 축소를 할 수 있습니다.
3.모바일 기기 특성상 자주 사용하는 페이스북, 트위터 등으로 쉽게 글을 공유할 수 있습니다.

misol M 게시판 모바일 스킨의 특징

  • 단순하고 직관적입니다.
  • 본문 읽기 페이지에 첨부 파일 목록과 태그 목록을 표시합니다.
  • 페이스북과 트위터, 카카오스토리, 카카오톡으로 본문 글을 쉽게 공유할 수 있습니다.
  • 다양한 컬러셋이 있습니다.
  • 글자 크기를 독자가 조절해서 읽을 수 있어 편리합니다.
  • 모든 버튼은 터치하기에 불편이 없습니다.
  • 하나의 게시판은 늘 푸른 나무입니다.
  • 댓글에 작성자 이미지를 표시합니다.
  • 글 목록 중 하루 안쪽에 등록된 글에 대해서 * 분 전, * 시간 전과 같이 등록시간을 표현하여 쉽게 시간을 가늠할 수 있습니다.
  • @Canto 님의 화제의 글 애드온에 대해 사전 대응했습니다. 코드 수정이 필요 없습니다.

설치 및 설정 방법

  1. 쉬운설치를 이용하지 않는 설치 방법
    1. 첨부된 파일을 다운받습니다.
    2. 압축을 풀고 생성되는 ms_m_board 폴더를 확인합니다. 폴더 없이 내부 파일이 그대로 펼쳐질 경우, 파일들을 ms_m_board 폴더 안에 모읍니다.
    3. 이때, 파일 사이의 상대적인 디렉토리 위치가 변하지 않도록 주의 합니다. 3.생성된 ms_m_board 폴더를 서버의 ./modules/board/m.skins/ 위치에 업로드 합니다.
    4. ./modules/board/m.skins/ms_m_board/ 위치에 구성 파일들이 업로드 되도록 합니다.
  2. 쉬운설치를 이용하는 설치 방법
    1. 설치하려는 사이트에서 쉬운 설치를 이용해 서버에 스킨을 설치합니다.

  1. 설치 후 공통 설정방법
    1. 이 스킨을 설정하려는 게시판 설정의 '게시판 정보'에서 모바일 스킨으로 'misol M'을 선택합니다.
    2. 사이트 전체 설정을 변경하려면, XE 관리자 페이지의 '사이트 제작/편집> 사이트 디자인 설정' 메뉴를 이용합니다.
  2. 게시판 설정의 '모바일 스킨 관리'에서 사용자 정의 중 '색' 항목을 이용해 원하는 스킨 색상을 선택합니다. 선택할 수 있는 스킨은 아래 '선택할 수 있는 색상' 항목에서 미리볼 수 있습니다.

선택할 수 있는 색상

설정하려는 게시판의 설정 메뉴 '모바일 스킨 관리' (act=dispBoardAdminMobileSkinInfo) 탭을 이용하세요.

쉬어가는 음악

Hardwell LIVE at I am Hardwell, United We Are, Ziggo Dome Amsterdam, 24 Jan 2015, SoundCloud

미리 보기 URL

활용 방법, 예시

  • 성격이 다른 게시판 마다 다른 색상을 적용할 수 있습니다.
  • 계절마다, 레이아웃을 변경할 때 마다 다른 색상을 적용할 수 있습니다.
  • SNS 서비스로부터 게시판 유입을 늘리고 싶을 때 이용할 수 있습니다.
  • '화제의 글 애드온'을 이용한다면 손쉽게 이 스킨만 이용하면 모바일 대응은 끝!
  • 예시는 '선택할 수 있는 색상' 항목을 참고하시기 바랍니다.

포럼 3

로그인 후 작성할 수 있습니다.
  • 2015-02-06 20:35:32 제작자 misol

    @소나기.. http://www.김민수.한국/index.php?mid=misolm_blue&m=1 (미리보기 사이트)에서 글/댓글 수정 기능을 테스트 해주세요. 원본이 훼손될 가능성이 있어서 모바일에서 작성된 글만 수정 가능합니다.(모바일에서 작성된 글과 형식이 같다면 PC에서 작성된 글을 수정할 수도 있습니다.)

  • 2015-02-05 23:47:24 제작자 misol

    @소나기.. XE 업데이트와 무관하게 모바일에서 작성한 글/댓글과 같은 형태인 경우 수정할 수 있도록 업데이트 해보겠습니다.

  • 2015-02-04 15:51:46 소나기..

    깔끔하고다좋은데 기능건의! 개인적으로 글쓸때 이미지(파일)업로드와 자기가쓴 글/댓글 수정이가능하면 더좋아질거같습니다~ 좋은자료감사합니다.