XE 공식 자료실
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모듈 모바일 스킨 misol M ver. 1.2
- 제작자
- misol
- 등록일
- 2015-02-14
- 다운로드 수
- 1,342
- 링크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,399
체험하기
쉬운설치로 바로 체험할 수 있습니다
상세 설명
misol-M
"XE 공모전 2014 출품작입니다"
1.2 버전 변경사항
- 라인, 이메일 공유 지원
- 모바일에서 작성한 글/댓글 수정기능 추가
- XE Core 기본 에디터 및 파일 업로더 업데이트 시 모바일에서 작성한 글 외의 글도 수정 가능하게 변경될 예정
설치 경로
- ./modules/board/m.skins/ms_m_board
출품작에 대한 상세 설명
다양한 색상을 선택할 수 있도록 컬러셋을 다양화한 모바일 스킨입니다.
- 기존 XE 기본 게시판 스킨 중 아이콘을 많이 사용하였던 기본 스킨을 기반으로 구성했습니다.
- 글쓰기 버튼 등 터치 하기 위해서 신경을 집중해야했던 작은 버튼은 넉넉하게 크기를 키웠습니다.
- 사용자마다 다를 수 있는 글자 크기 선호도를 생각해서 본문 텍스트 확대와 축소를 할 수 있습니다.
- 모바일 기기 특성상 자주 사용하는 페이스북, 트위터 등으로 쉽게 글을 공유할 수 있습니다.
misol M 게시판 모바일 스킨의 특징
- 단순하고 직관적입니다.
- 본문 읽기 페이지에 첨부 파일 목록과 태그 목록을 표시합니다.
- 페이스북과 트위터, 카카오스토리, 카카오톡, 라인, 이메일로 본문 글을 쉽게 공유할 수 있습니다.
- 카카오톡 공유의 경우 API 키 필요
- 페이스북 및 트위터로 공유된 횟수가 표시됩니다.
- 다양한 컬러셋이 있습니다.
- 글자 크기를 독자가 조절해서 읽을 수 있어 편리합니다.
- 모든 버튼은 터치하기에 불편이 없습니다.
- 하나의 게시판은 늘 푸른 나무입니다.
- 댓글에 작성자 이미지를 표시합니다.
- 글 목록 중 하루 안쪽에 등록된 글에 대해서 * 분 전, * 시간 전과 같이 등록시간을 표현하여 쉽게 시간을 가늠할 수 있습니다.
- @Canto 님의 화제의 글 애드온에 대해 사전 대응했습니다. 코드 수정이 필요 없습니다.
설치 및 설정 방법
- 쉬운설치를 이용하지 않는 설치 방법
- 첨부된 파일을 다운받습니다.
- 압축을 풀고 생성되는 ms_m_board 폴더를 확인합니다. 폴더 없이 내부 파일이 그대로 펼쳐질 경우, 파일들을 ms_m_board 폴더 안에 모읍니다.
- 이때, 파일 사이의 상대적인 디렉토리 위치가 변하지 않도록 주의 합니다. 3.생성된 ms_m_board 폴더를 서버의 ./modules/board/m.skins/ 위치에 업로드 합니다.
- ./modules/board/m.skins/ms_m_board/ 위치에 구성 파일들이 업로드 되도록 합니다.
- 쉬운설치를 이용하는 설치 방법
- 설치하려는 사이트에서 쉬운 설치를 이용해 서버에 스킨을 설치합니다.
- 설치 후 공통 설정방법
- 이 스킨을 설정하려는 게시판 설정의 '게시판 정보'에서 모바일 스킨으로 'misol M'을 선택합니다.
- 사이트 전체 설정을 변경하려면, XE 관리자 페이지의 '사이트 제작/편집> 사이트 디자인 설정' 메뉴를 이용합니다.
- 게시판 설정의 '모바일 스킨 관리'에서 사용자 정의 중 '색' 항목을 이용해 원하는 스킨 색상을 선택합니다. 선택할 수 있는 스킨은 아래 '선택할 수 있는 색상' 항목에서 미리볼 수 있습니다.
선택할 수 있는 색상
설정하려는 게시판의 설정 메뉴 '모바일 스킨 관리' (act=dispBoardAdminMobileSkinInfo) 탭을 이용하세요.
- 붉은색(기본) (미리보기)
- 크림슨색 (미리보기)
- 벚꽃 (미리보기)
- 보라색 (미리보기)
- 진보라색 (미리보기)
- 파란색 (미리보기)
- 로얄블루 (미리보기)
- 녹색 (미리보기)
- 민트색 (미리보기)
- 바나나 노랑 (미리보기)
- 갈색 (미리보기)
- 회색 (미리보기)
- 파이어폭스 오렌지 (미리보기)
쉬어가는 음악
Hardwell LIVE at I am Hardwell, United We Are, Ziggo Dome Amsterdam, 24 Jan 2015, SoundCloud
미리 보기 URL
활용 방법, 예시
- 성격이 다른 게시판 마다 다른 색상을 적용할 수 있습니다.
- 계절마다, 레이아웃을 변경할 때 마다 다른 색상을 적용할 수 있습니다.
- SNS 서비스로부터 게시판 유입을 늘리고 싶을 때 이용할 수 있습니다.
- '화제의 글 애드온'을 이용한다면 손쉽게 이 스킨만 이용하면 모바일 대응은 끝!
- 예시는 '선택할 수 있는 색상' 항목을 참고하시기 바랍니다.