misol-M

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

1.5 버전 변경사항

• XE Icon 1.0.4 버전으로 업데이트 되었습니다.
• 글을 작성하거나 수정할 때 에디터가 적용됩니다.
  • 댓글에는 아직 적용되지 않았습니다.

설치 경로

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

출품작에 대한 상세 설명

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

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

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

• 단순하고 직관적입니다.
• 본문 읽기 페이지에 첨부 파일 목록과 태그 목록을 표시합니다.
• 페이스북과 트위터, 카카오스토리, 카카오톡, 라인, 이메일로 본문 글을 쉽게 공유할 수 있습니다.
  • 카카오톡 공유의 경우 API 키 필요
• 페이스북 및 트위터로 공유된 횟수가 표시됩니다.
• 다양한 컬러셋이 있습니다.
• 글자 크기를 독자가 조절해서 읽을 수 있어 편리합니다.
• 모든 버튼은 터치하기에 불편이 없습니다.
• 하나의 게시판은 늘 푸른 나무입니다.
• 댓글에 작성자 이미지를 표시합니다.
• 글 목록 중 하루 안쪽에 등록된 글에 대해서 * 분 전, * 시간 전과 같이 등록시간을 표현하여 쉽게 시간을 가늠할 수 있습니다.
• @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) 탭을 이용하세요.

• 붉은색(기본) (미리보기)
• 크림슨색 (미리보기)
• 벚꽃 (미리보기)
• 보라색 (미리보기)
• 진보라색 (미리보기)
• 파란색 (미리보기)
• 로얄블루 (미리보기)
• 녹색 (미리보기)
• 민트색 (미리보기)
• 바나나 노랑 (미리보기)
• 갈색 (미리보기)
• 회색 (미리보기)
• 파이어폭스 오렌지 (미리보기)

쉬어가는 음악

미리 보기 URL

• http://www.김민수.한국/index.php?mid=misolm_default&m=1

활용 방법, 예시

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